PageSourceSearch

https://beaumontca.gov/

html beaumontca.gov collected 2026-10-02 16:47:00 UTC 158,354 bytes, 4,127 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-1VYC4EL650';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	<meta name="google-site-verification" content="NknxHlWnNvtstYMnIxN2a56aFsx-h_Rl0-W-ZqvjQPg" />
118
119	<meta name="category0" content="Home" />
120
121	
122	<meta name="theme-color" content="rgb(99, 85, 79)">
123	<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
124	<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
125		<title>Beaumont, CA - Official Website | Official Website</title>
126
127		<meta name="description" content="">
128		<meta name="keywords" content="Home">
129			
129<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
129
130	
130<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
130
131	
132
133	<!--[if IE 6]>
133<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
133<![endif]-->
134	<!--[if IE 7]>
134<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
134<![endif]-->
135	<!--[if IE 8]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]-->
136	<!--[if IE 9]>
136<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
136<![endif]-->
137	
137<script type="text/javascript"><!--
138	var intCountryCode = 840;
139	var order = '';
140//--></script>
140
141	
142	<link href="/-2140275272.css" rel="stylesheet" type="text/css" />	<link href="/-309686784.css" rel="stylesheet" type="text/css" />
143
144	<link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print">
145	
145<script type="text/javascript">
146		window.Pages = window.Pages || {};
147		// FrontEnd RWD initialization
148		window.Pages.rwdReady = $.Deferred();
149		window.Pages.toolBarDeferred = $.Deferred();
150		window.Pages.rwdSetupComplete = $.Deferred();
151		window.Pages.megaMenuLoaded = $.Deferred();
152		window.Pages.angularToolbarComplete = $.Deferred();
153		window.Pages.frontEndToolbarComplete = $.Deferred();
154	</script>
154
155	<!--CPHeadContent-->
156	
156<script src="/739942322.js" type="text/javascript"></script>
156
157	
158	
159	
160	
161
162
163
164
165	<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]-->
166	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]-->
167	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]-->
168	<!--[if lt IE 9]>
168<script type="text/javascript" src="/Scripts/html5.js"></script>
168<![endif]-->
169
170	
170<script type="text/javascript">
171		setEditorVariables(false, 840);
172		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
173	</script>
173
174	
174<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
174
175</head>
176<body class="wide " >
177
178    
178<script>jQuery(document).click(function (event) {
179	var target = jQuery(event.target);
180	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
181		var text = target.attr('title');
182		
183		if (!text.length) {
184			text = "N/A";
185		}
186		ga('send',
187			{
188				hitType: 'event',
189				eventCategory: 'Image',
190				eventAction: 'Image - ' + text,
191				eventLabel: window.location.href
192			});
193	}
194	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
195		var text = "";
196		if (target.parents('.button')[0]) {
197			text = target.parents('.button').first().text();
198		} else if (target.text().length) {
199			text = target.text();
200		} else if (target.attr('title').length) {
201			text = target.attr('title');
202		}
203		if (!text.length) {
204			text = "N/A";
205		}
206		ga('send',
207			{
208				hitType: 'event',
209				eventCategory: 'Button',
210				eventAction: 'Button - ' + text,
211				eventLabel: window.location.href
212			});
213	}
214	if (target.parents('.widgetCustomHtml').length) {
215		ga('send',
216			{
217				hitType: 'event',
218				eventCategory: 'Custom Html',
219				eventAction: 'Custom Html Clicked',
220				eventLabel: window.location.href
221			});
222	}
223	if (target.parents('.editor').length) {
224		ga('send',
225			{
226				hitType: 'event',
227				eventCategory: 'Editor',
228				eventAction: 'Editor Link Clicked',
229				eventLabel: window.location.href
230			});
231	}
232	if (target.parents('.GraphicLinks').length) {
233		var text = "";
234		var targetGraphicLink = target;
235		if (target.hasClass('widgetGraphicLinksLink')) {
236			targetGraphicLink = jQuery(target.children()[0]);
237		}
238		if (targetGraphicLink.hasClass('text')) {
239			text = targetGraphicLink.text();
240		} else if (targetGraphicLink.attr('src').length) {
241			if (targetGraphicLink.attr('alt').length) {
242				text = targetGraphicLink.attr('alt');
243			} else {
244				text = targetGraphicLink.attr('src');
245			}
246		} else {
247			text = "N/A";
248		}
249		ga('send',
250			{
251				hitType: 'event',
252				eventCategory: 'Graphic Links',
253				eventAction: 'Graphic Link - ' + text,
254				eventLabel: window.location.href
255			});
256	}
257	if (target.parents('.InfoAdvanced').length) {
258		ga('send',
259			{
260				hitType: 'event',
261				eventCategory: 'Info Advanced',
262				eventAction: 'Info Advanced Clicked',
263				eventLabel: window.location.href
264			});
265	}
266	if (target.parents('.list').length) {
267		ga('send',
268			{
269				hitType: 'event',
270				eventCategory: 'List',
271				eventAction: 'List Clicked',
272				eventLabel: window.location.href
273			});
274	}
275	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
276		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
277		var breadCrumbs = [];
278		jQuery('.breadCrumbs > li').each(function () {
279			 breadCrumbs.push(this.textContent);
280		});
281		var pageTitle = breadCrumbs.join('>');
282		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
283		var text = "";
284		if (pageTitle) {
285			text += pageTitle + " | ";
286		} else {
287			text += document.title + ' - ';
288		}
289		if (target.text() == "" && megaMenuText == "") {
290			text += "N/A";
291		} else if (target.text().length && megaMenuText.length) {
292			if (megaMenuText == target.text()) {
293				text += megaMenuText;
294			} else {
295				text += megaMenuText + " - " + subTitleText + " - " + target.text();
296			}
297		} else if (target.text() == "") {
298			text += megaMenuText;
299		} else {
300			text += target.text();
301		}
302		if (!text.length) {
303			text = "N/A";
304		}
305		ga('send',
306			{
307				hitType: 'event',
308				eventCategory: 'Mega Menu',
309				eventAction: 'Mega Menu : ' + text,
310				eventLabel: window.location.href
311			});
312	}
313	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
314		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
315		if (!text.length) {
316			text = "N/A";
317		}
318		ga('send',
319			{
320				hitType: 'event',
321				eventCategory: 'News Flash',
322				eventAction: 'News Flash - ' + text,
323				eventLabel: window.location.href
324			});
325	}
326	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
327		var text = target.text();
328		if (!text.length) {
329			text = "N/A";
330		}
331		ga('send',
332			{
333				hitType: 'event',
334				eventCategory: 'Quick Links',
335				eventAction: 'Quick Links - ' + text,
336				eventLabel: window.location.href
337			});
338	}
339	if (target.attr('src') && target.parents('.cpSlideshow').length) {
340		var text = target.attr('title');
341		if (!text.length) {
342			text = "N/A";
343		}
344		ga('send',
345			{
346				hitType: 'event',
347				eventCategory: 'Slideshow',
348				eventAction: 'Slideshow - ' + text,
349				eventLabel: window.location.href
350			});
351	}
352	if (target.parents('.widgetText').length) {
353		ga('send',
354			{
355				hitType: 'event',
356				eventCategory: 'Text',
357				eventAction: 'Text Link Clicked',
358				eventLabel: window.location.href
359			});
360	}
361});</script>
361
362	<div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;">
363	<div class="cp-PopOver-header">
364		<h3 class="cp-PopOver-title"></h3>
365		<button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)">
366			<svg class="cp-Icon--close" alt="close" title="close">
367				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use>
368			</svg>
369		</button>
370	</div>
371	<div id="cpPopOverBody" class="cp-PopOver-body">
372		<form id="cpPopOverForm" name="cpPopOverForm" novalidate></form>
373	</div>
374	<div id="cpPopOverFooter" class="cp-PopOver-footer">
375		<div class="cp-BtnGroup" id="actionButtons">
376			<!-- Action buttons will be dynamically added here -->
377		</div>
378	</div>
379</div>
380    <div id="fb-root"></div>
381<div id=skipToContentLinks>
382<a href="#ccddd09718-a12d-44aa-8b47-6e20116d1fd8" target="_self" class="skipToContentLink">Skip to Main Content</a>
383</div>
384    <form id="frmReferenceFormForTelerikEditorDialogs"></form>
385
386        <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" />
387
388
389
390    <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com">
391    <input type="hidden" id="hdnStructureID" value="8" />
392    <input type="hidden" id="hdnContentCollectionID" value="311d3fbd-b4bf-46d3-84df-9cc0e55d1087" />
393    <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
394    <input type="hidden" id="hdnThemeID" value="16" />
395    <input type="hidden" id="pageIsFrontEnd" value="true" />
396    <input type="hidden" id="pageModuleID" />
397    <input type="hidden" id="pagePageID" value="1" />
398
399    <div id="stickyPlaceholder"></div>
400    <div id="outer-wrap" class="outer-wrap">
401        <div id="inner-wrap" class="inner-wrap">
402                <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">
403                    
404
405
406
407                </div>
408            <div id="bodyWrapper">
409                <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
410                
411<div data-cpRole="structuralContainer" id="bodyContainerTS">
412<!-- <div data-cpRole="banner" id="banner2" class="fixedBannerTS"></div> --><!-- Header Container --><div data-cpRole="structuralContainer" id="upperheaderContainerTS">
413<div class="siteWrap10"><div data-cpRole="banner" id="bannerLogo2TS" class="bannerLogo2TS empty">
414
415
416
417
418				<a id="bannerLogo2TS-39" style="			display: block; text-align: center;
419" class="bannerObject" href="/" target="_self"><img alt="Beaumont CA Homepage" class="bannerObject" height="430" src="/ImageRepository/Document?documentID=39399" width="576" /></a>
420</div><div data-cpRole="contentContainer" id="quickLinksTS">	<div id="cc1a80aeb8-09c9-4bf4-9291-1a4dc3587085" data-containerid="1a80aeb8-09c9-4bf4-9291-1a4dc3587085" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50">
421				                
422
423		<div class="row outer wide"><!--
424--><div class="outer col col17 first" style="" data-widgetcontainerid="7fd82972-a132-45b5-94c4-eb1c996440fd">�				
425	<div class="row nest first last wide">�
426	
427	<div class="inner col col17 first last id2ef66bae-f8c4-4895-b503-5740b9f8f9b2" style="" data-widgetcontainerid="2ef66bae-f8c4-4895-b503-5740b9f8f9b2">�	
428	<div data-widget-id="cbce36b7-10ce-45e5-981e-39901d01d4ee" data-widget-controller-path="/QuickLinks/Widget">
429
430
431
432
433
434
435
436
437	<section id="widgetQuicklinkcbce36b7-10ce-45e5-981e-39901d01d4ee" class="widget widgetQuickLinks skin32 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
438			<header class="widgetHeader" id="quickLinksHeadercbce36b7-10ce-45e5-981e-39901d01d4ee">
439		<div class="">
440						</div>
441	</header>
442	<div class="widgetBody cpGrid cpGrid3 ">
443        <div class="row autoWidths right narrow">
444				<div class="col col1 first ">
445					<ol class="semanticList">
446
447
448
449
450    <li style="position:relative" class="widgetItem QuickLinks">
451        <a class="widgetDesc widgetQuickLinksLink" href="/949" target="_self" aria-label="Bids/RFPs - 2025 - Home Header Links" rel="">Bids/RFPs</a>
452        <div class="widgetMeta"></div>
453    </li>
454					</ol>
455				</div>
456				<div class="col col1  ">
457					<ol class="semanticList">
458
459
460
461
462    <li style="position:relative" class="widgetItem QuickLinks">
463        <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/1504/Public-Notices" target="_self" aria-label="Public Notices - 2025 - Home Header Links" rel="">Public Notices </a>
464        <div class="widgetMeta"></div>
465    </li>
466					</ol>
467				</div>
468				<div class="col col1  last">
469					<ol class="semanticList">
470
471
472
473
474    <li style="position:relative" class="widgetItem QuickLinks">
475        <a class="widgetDesc widgetQuickLinksLink" href="https://www.governmentjobs.com/careers/beaumontca" target="_self" aria-label="Jobs - 2025 - Home Header Links" rel="">Jobs</a>
476        <div class="widgetMeta"></div>
477    </li>
478					</ol>
479				</div>
480		</div>
481        
482	</div>
483	<div class="widgetFooter">
484	</div>
485	<div class="addItemModal hidden">
486		<div class="url hidden">/QuickLinks.aspx</div>
487	</div>
488
489	</section>
490</div>
491
492	</div> <!-- inner column -->
493
494	</div> <!-- inner row -->
495
496			</div><!-- outer column --><!----><div class="outer col col7 last" style="" data-widgetcontainerid="29209cf5-75b9-4e20-9f52-93a6fc520b06">�				
497	<div class="row nest first last wide">�
498	
499	<div class="inner col col7 first last id79839908-bfe4-41de-ad41-2b0c39bef0fa" style="" data-widgetcontainerid="79839908-bfe4-41de-ad41-2b0c39bef0fa">�	
500<div data-widget-id="ba75a56c-27ca-4fbc-a022-ae02c7129cd6" data-widget-controller-path="/GraphicLinks/Widget">
501
502
503
504
505<div id="graphicLinkWidgetba75a56c-27ca-4fbc-a022-ae02c7129cd6" class="widget widgetGraphicLinks skin31 widgetOptionSet29 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
506	<div class="widgetHeader">
507		<div class="">
508				</div>
509	</div>
510	<div class="widgetBody cpGrid cpGrid6 ">
511		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
512				<div class="row autoWidths center wide">
513					<!--
514--><div class="col col1 first "><ul class="semanticList"><!--
515	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self">
516
517<img src="/ImageRepository/Document?documentID=39523" 
518     class="graphicButtonLink" alt="Facebook Color" 
519     onmouseover="this.src='/ImageRepository/Document?documentID=39523'" 
520	onmouseout="this.src='/ImageRepository/Document?documentID=39523'"
521     onfocus="this.src='/ImageRepository/Document?documentID=39523'" 
522	onblur="this.src='/ImageRepository/Document?documentID=39523'"> 
523</a></li><!--
524--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
525	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/X" target="_self">
526
527<img src="/ImageRepository/Document?documentID=39525" 
528     class="graphicButtonLink" alt="X Color" 
529     onmouseover="this.src='/ImageRepository/Document?documentID=39525'" 
530	onmouseout="this.src='/ImageRepository/Document?documentID=39525'"
531     onfocus="this.src='/ImageRepository/Document?documentID=39525'" 
532	onblur="this.src='/ImageRepository/Document?documentID=39525'"> 
533</a></li><!--
534--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
535	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self">
536
537<img src="/ImageRepository/Document?documentID=39521" 
538     class="graphicButtonLink" alt="Youtube Color" 
539     onmouseover="this.src='/ImageRepository/Document?documentID=39521'" 
540	onmouseout="this.src='/ImageRepository/Document?documentID=39521'"
541     onfocus="this.src='/ImageRepository/Document?documentID=39521'" 
542	onblur="this.src='/ImageRepository/Document?documentID=39521'"> 
543</a></li><!--
544--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
545	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self">
546
547<img src="/ImageRepository/Document?documentID=39524" 
548     class="graphicButtonLink" alt="Instagram Color" 
549     onmouseover="this.src='/ImageRepository/Document?documentID=39524'" 
550	onmouseout="this.src='/ImageRepository/Document?documentID=39524'"
551     onfocus="this.src='/ImageRepository/Document?documentID=39524'" 
552	onblur="this.src='/ImageRepository/Document?documentID=39524'"> 
553</a></li><!--
554--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
555	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/nextdoor" target="_self">
556
557<img src="/ImageRepository/Document?documentID=39527" 
558     class="graphicButtonLink" alt="NextDoor Color" 
559     onmouseover="this.src='/ImageRepository/Document?documentID=39527'" 
560	onmouseout="this.src='/ImageRepository/Document?documentID=39527'"
561     onfocus="this.src='/ImageRepository/Document?documentID=39527'" 
562	onblur="this.src='/ImageRepository/Document?documentID=39527'"> 
563</a></li><!--
564--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
565	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/linkedin" target="_self">
566
567<img src="/ImageRepository/Document?documentID=39526" 
568     class="graphicButtonLink" alt="LinkedIn Color" 
569     onmouseover="this.src='/ImageRepository/Document?documentID=39526'" 
570	onmouseout="this.src='/ImageRepository/Document?documentID=39526'"
571     onfocus="this.src='/ImageRepository/Document?documentID=39526'" 
572	onblur="this.src='/ImageRepository/Document?documentID=39526'"> 
573</a></li><!--
574--></ul></div><!--				-->
575				</div>
576			</nav>
577		</div>
578	<div class="widgetFooter">
579			</div>
580</div>
581</div>
582
583	</div> <!-- inner column -->
584
585	</div> <!-- inner row -->
586
587			</div><!-- outer column --><!--		--></div> <!-- outer row -->
588
589
590	</div>
591</div></div>
592</div><header data-cpRole="structuralContainer" id="stickyHeaderTS">
593<div class="siteWrap10" id="flexHeaderTS"><div data-cpRole="structuralContainer" id="bannerWrapperTS">
594<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty">
595
596
597
598
599				<a id="bannerLogoTS-37" style="			display: block; text-align: center;
600" class="bannerObject" href="/" target="_self"><img alt="Beaumont CA Homepage" class="bannerObject" height="240" src="/ImageRepository/Document?documentID=39400" width="322" /></a>
601</div>
602</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
603<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!--
604--><li id="MainItem1383" class="topMenuItem" role="none" data-pageid="1383" data-displaymegamenu="True"><!--
605			--><!--
606			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu1383" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem1 " href="/1383/Community" target = "_self" >   Community  </a>			<!--
607			--><!--
608			--></li><!----><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!--
609			--><!--
610			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem2 " href="/27/Government" target = "_self" >   Government  </a>			<!--
611			--><!--
612			--></li><!----><li id="MainItem737" class="topMenuItem" role="none" data-pageid="737" data-displaymegamenu="True"><!--
613			--><!--
614			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu737" id = "mainNavProgramsServices" class="navMainItem mainNavItem mainNavItem3 " href="/737/Programs-Services" target = "_self" >   Programs &amp; Services  </a>			<!--
615			--><!--
616			--></li><!----><li id="MainItem1389" class="topMenuItem" role="none" data-pageid="1389" data-displaymegamenu="True"><!--
617			--><!--
618			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu1389" id = "mainNavEventsAttractions" class="navMainItem mainNavItem mainNavItem4 " href="/1389/Events-Attractions" target = "_self" >   Events &amp; Attractions  </a>			<!--
619			--><!--
620			--></li><!----><li id="MainItem8" class="topMenuItem" role="none" data-pageid="8" data-displaymegamenu="True"><!--
621			--><!--
622			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu8" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem5 " href="/8/Departments" target = "_self" >   Departments  </a>			<!--
623			--><!--
624			--></li><!---->
625</ol>
626
627
628	
628<script type="text/javascript">
629		(function () {
630			function setupMenu() {
631				const menuID = 'mainNavMenu';
632				const menuType = MAIN_MENU;
633
634				//setup menu manager properties for main menu
635				if (!menuManager.mobileMainNav && true)
636					menuManager.adjustMainItemsWidth('#' + menuID);
637				menuManager.isMainMenuEditable = false;
638				menuManager.mainMenuMaxSubMenuLevels = 4;
639				menuManager.setMOMMode(2, menuType);
640
641				//Init main menu
642				const setupDraggable = menuManager.isMainMenuEditable;
643				const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=16&menuContainerID=mainNav';
644
645				menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
646				menuManager.mainMenuInit = true;
647				menuManager.mainMenuTextResizer = true;
648				if (1.00 > 0)
649					menuManager.mainMenuTextResizerRatio = 1.00;
650				if (window.isResponsiveEnabled)
651					menuManager.mainMenuReady.resolve();
652
653			}
654
655			if (document.readyState === "complete"
656				|| document.readyState === "loaded"
657				|| document.readyState === "interactive") {
658				setupMenu();
659				return;
660			}
661
662			document.addEventListener("DOMContentLoaded", setupMenu);
663		})();
664	</script>
664
665
666
667<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="mainNavMegaMenu1383" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1383 hidden" data-orientation="horizontal">	<div id="cc83b99c16-9338-4213-80c8-e277e1ca1918" data-containerid="83b99c16-9338-4213-80c8-e277e1ca1918" class="pageContent cpGrid cpGrid24">
668				                
669
670
671
672	</div>
673</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal">	<div id="cc2981dcd5-671b-4863-99c8-21550ee2e81c" data-containerid="2981dcd5-671b-4863-99c8-21550ee2e81c" class="pageContent cpGrid cpGrid24">
674				                
675
676
677
678	</div>
679</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu737" class="contentTop mainNavMegaMenu megaMenuContainer pageID_737 hidden" data-orientation="horizontal">	<div id="cc40a0816a-333a-4f75-b9a8-fc0e0cc727e6" data-containerid="40a0816a-333a-4f75-b9a8-fc0e0cc727e6" class="pageContent cpGrid cpGrid24">
680				                
681
682
683
684	</div>
685</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1389" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1389 hidden" data-orientation="horizontal">	<div id="cc0776b6ce-800a-4294-9144-bac6d32eae90" data-containerid="0776b6ce-800a-4294-9144-bac6d32eae90" class="pageContent cpGrid cpGrid24">
686				                
687
688
689
690	</div>
691</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu8" class="contentTop mainNavMegaMenu megaMenuContainer pageID_8 hidden" data-orientation="horizontal">	<div id="cc381f9f46-152a-4001-8cdd-41e39cf32765" data-containerid="381f9f46-152a-4001-8cdd-41e39cf32765" class="pageContent cpGrid cpGrid24">
692				                
693
694
695
696	</div>
697</aside></aside></nav><div data-cpRole="contentContainer" id="searchTS">	<div id="cc6797cddb-7fe4-4f46-8041-8f41209e1246" data-containerid="6797cddb-7fe4-4f46-8041-8f41209e1246" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
698				                
699
700		<div class="row outer wide"><!--
701--><div class="outer col col24 first last" style="" data-widgetcontainerid="cb98146c-1332-42c7-a584-5b2e98655188">�				
702	<div class="row nest first last wide">�
703	
704	<div class="inner col col24 first last id7bdc1fa3-f0a2-4e63-b342-9ab2013187cd" style="" data-widgetcontainerid="7bdc1fa3-f0a2-4e63-b342-9ab2013187cd">�	
705<div data-widget-id="98a6cf2a-3ce1-40c8-9a46-477c6e62078a" data-widget-controller-path="/Layout/WidgetSearch">
706	
707	
707<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
707
708	
708<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
708
709	
709<script defer type="text/javascript">
710
711		$(document).ready(function () {
712			try {
713				// Minimum characters required before performing a search/autocomplete
714				var minPrefixLength = 3;
715				var autoCompleteDebounceDelay = 500;
716				var searchFieldSelector = "#searchField" + '98a6cf2a-3ce1-40c8-9a46-477c6e62078a';
717				var checkboxSelector = "#ysnSearchOnlyDept" + '98a6cf2a-3ce1-40c8-9a46-477c6e62078a';
718				var buttonSelector = ".widgetSearchButton" + '98a6cf2a-3ce1-40c8-9a46-477c6e62078a';
719				var autoCompleteCache = {};
720				var autoCompleteCacheKeys = [];
721				var autoCompleteCacheLimit = 25;
722				var currentAutoCompleteRequest = null;
723				var currentAutoCompleteRequestKey = null;
724				var autoCompleteDebounceTimer = null;
725				var autoCompleteDebounceKey = null;
726				var pendingAutoCompleteResponses = [];
727
728				function normalizeAutoCompleteTerm(term) {
729					return $.trim((term || "") + "").replace(/\s+/g, " ");
730				}
731
732				function shouldSearch(term) {
733					return normalizeAutoCompleteTerm(term).length >= minPrefixLength;
734				}
735
736				function getAutoCompleteUrl() {
737					return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : '');
738				}
739
740				function getAutoCompleteCacheKey(requestUrl, term) {
741					return requestUrl + "|" + term.toLowerCase();
742				}
743
744				function cacheAutoCompleteResult(cacheKey, data) {
745					if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
746						autoCompleteCacheKeys.push(cacheKey);
747						if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) {
748							delete autoCompleteCache[autoCompleteCacheKeys.shift()];
749						}
750					}
751					autoCompleteCache[cacheKey] = data;
752				}
753
754				function respondToPendingAutoComplete(data) {
755					var responses = pendingAutoCompleteResponses;
756					pendingAutoCompleteResponses = [];
757					for (var i = 0; i < responses.length; i++) {
758						responses[i](data);
759					}
760				}
761
762				function cancelPendingAutoComplete() {
763					clearTimeout(autoCompleteDebounceTimer);
764					autoCompleteDebounceKey = null;
765					if (currentAutoCompleteRequest != null) {
766						currentAutoCompleteRequest.abort();
767						currentAutoCompleteRequest = null;
768					}
769					currentAutoCompleteRequestKey = null;
770					respondToPendingAutoComplete([]);
771				}
772
773				function createWidgetAutoCompleteSource(options) {
774					return function (request, response) {
775						var term = normalizeAutoCompleteTerm(request.term);
776						if (!options.shouldSearch(term)) {
777							response([]);
778							return;
779						}
780
781						var requestUrl = options.url();
782						var cacheKey = getAutoCompleteCacheKey(requestUrl, term);
783						if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
784							response(autoCompleteCache[cacheKey]);
785							if (options.success) {
786								options.success(autoCompleteCache[cacheKey]);
787							}
788							return;
789						}
790
791						if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) {
792							pendingAutoCompleteResponses.push(response);
793							return;
794						}
795
796						cancelPendingAutoComplete();
797						autoCompleteDebounceKey = cacheKey;
798						pendingAutoCompleteResponses.push(response);
799						autoCompleteDebounceTimer = setTimeout(function () {
800							autoCompleteDebounceKey = null;
801							currentAutoCompleteRequestKey = cacheKey;
802							currentAutoCompleteRequest = $.ajax({
803								url: requestUrl,
804								dataType: "json",
805								timeout: options.timeout,
806								data: {
807									term: term,
808								},
809								success: function (data) {
810									if (currentAutoCompleteRequestKey === cacheKey) {
811										cacheAutoCompleteResult(cacheKey, data);
812										respondToPendingAutoComplete(data);
813										if (options.success) {
814											options.success(data);
815										}
816									}
817								},
818								error: function (xmlhttprequest, textstatus, message) {
819									if (textstatus === "abort") {
820										return;
821									}
822
823									if (options.error) {
824										options.error(xmlhttprequest, textstatus, message);
825									}
826
827									respondToPendingAutoComplete([]);
828								},
829								complete: function (xmlhttprequest) {
830									if (currentAutoCompleteRequest === xmlhttprequest) {
831										currentAutoCompleteRequest = null;
832										currentAutoCompleteRequestKey = null;
833									}
834								}
835							});
836						}, options.delay);
837					};
838				}
839
840				// click handler for search buttons
841				$(buttonSelector).click(function (e) {
842					e.preventDefault();
843					var $btn = $(this);
844					var $field = $btn.siblings(".widgetSearchBox");
845					var term = $field.val() + "";
846					if (!shouldSearch(term)) {
847						// do nothing until user types enough characters
848						$field.focus();
849						return;
850					}
851
852					if ($(checkboxSelector).is(':checked') || false)
853					{
854						doWidgetSearch($.trim(term), Number(0));
855					}
856					else {
857						doWidgetSearch($.trim(term), 0);
858					}
859				});
860
861				// enter key handler for the search field
862				$(searchFieldSelector).keypress(function (e) {
863					var code = e.which || e.keyCode;
864					if (code === 13) {
865						e.preventDefault();
866						var $this = $(this);
867						var term = $this.val() + "";
868						if (!shouldSearch(term)) {
869							// do nothing until user types enough characters
870							$this.focus();
871							return false;
872						}
873
874						if ($(checkboxSelector).is(':checked') || false) {
875							doWidgetSearch($.trim(term), Number(0));
876						} else {
877							doWidgetSearch($.trim(term), 0);
878						}
879						return false;
880					}
881					return true;
882				});
883
884				// autocomplete: set minLength and guard source
885				if (true) {
886					var $searchField = $(searchFieldSelector).autocomplete({
887						minLength: minPrefixLength,
888						source: createWidgetAutoCompleteSource({
889							delay: autoCompleteDebounceDelay,
890							timeout: 10000,
891							shouldSearch: shouldSearch,
892							url: getAutoCompleteUrl,
893							success: function () {
894								$('.autoCompleteError').remove();
895							},
896							error: function (xmlhttprequest, textstatus, message) {
897								if (textstatus === "timeout") {
898									if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0)
899										$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector));
900								}
901							}
902						}),
903						html: true,
904						delay: 0,
905						select: function (event, ui) {
906							$(this).val(ui.item.value);
907							$(this).next().click();
908						}
909					});
910
911					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
912						return $("<li class=\"itemList\"></li>")
913							.data("ui-autocomplete-item", item)
914							.append("<a>" + item.label + "</a>")
915							.appendTo(ul);
916					};
917				}
918
919				// keep searchBtnApplyQuery consistent with prefix rule
920				window.searchBtnApplyQuery = function() {
921					var $field = $(searchFieldSelector);
922					var term = $field.val() + "";
923					if (shouldSearch(term)) {
924						// update href for the icon/button (if present)
925						var btn = document.getElementById("btnSearchIcon");
926						if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term));
927					} else {
928						var btn = document.getElementById("btnSearchIcon");
929						if (btn) btn.href = "#";
930					}
931				};
932			}
933			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.
934		});
935	</script>
935
936
937	<section id="widgetPreviewSearch" class="widget widgetSearch skin26 widgetOptionSet28" style="display: block;" aria-label="Search">
938				<!-- For the button right and inside -->
939		<div class="widgetBody buttonRightInside">
940			<input class="widgetSearchBox widgetSearchBox98a6cf2a-3ce1-40c8-9a46-477c6e62078a" cp5ph="true" id="searchField98a6cf2a-3ce1-40c8-9a46-477c6e62078a" name="searchField" onchange="searchBtnApplyQuery();" placeholder="SEARCH..." type="text" value="" />
941						<a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton98a6cf2a-3ce1-40c8-9a46-477c6e62078a" role="button"><img alt="Search-1" class="imageHover" data-hover="/ImageRepository/Document?documentID=39401" data-image="/ImageRepository/Document?documentID=39402" src="/ImageRepository/Document?documentID=39402" /></a>
942
943			<label class="searchLabel" aria-hidden="true" for="searchField98a6cf2a-3ce1-40c8-9a46-477c6e62078a">Search</label>
944		</div>
945
946	</section>
947
948
949<style scoped>
950	  
951		.widgetSearch ::-webkit-input-placeholder {
952		color: #63554F;
953	  }
954		.widgetSearch :-moz-placeholder { /* Firefox 18- */
955	   color: #63554F;
956	}
957		.widgetSearch ::-moz-placeholder {  /* Firefox 19+ */
958	   color: #63554F;
959	}
960	.widgetSearch :-ms-input-placeholder {
961	   color: #63554F;
962	}
963	
964
965	.widgetSearch .widgetBody .widgetSearchBox98a6cf2a-3ce1-40c8-9a46-477c6e62078a
966	{
967		color: #63554F;
968		height:66px;
969background:#FFFFFF;
970padding:0 65px 0 0;
971font-family:PT Sans;
972font-weight:800;
973border:none;
974border-bottom:2px solid #95D4E9;
975	}
976	.widgetSearch .widgetBody .widgetSearchButton98a6cf2a-3ce1-40c8-9a46-477c6e62078a
977	{
978		margin:8px 0 8px 0;
979	}
980	.widgetSearch .widgetSearch-onlyDept98a6cf2a-3ce1-40c8-9a46-477c6e62078a
981	{
982		display: inline-block;
983		color: #333;
984		
985		
986		 padding-top: 10px;
987	}
988	#ysnSearchOnlyDept98a6cf2a-3ce1-40c8-9a46-477c6e62078a
989	{
990		position: relative;
991		top: .125em;
992	}
993
994</style>
995
996<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css">
997<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css">
998
999
1000
1001<script type="text/javascript">
1002	//Updates search icons href to have the correct queryString
1003	function searchBtnApplyQuery() {
1004		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField98a6cf2a-3ce1-40c8-9a46-477c6e62078a").value;
1005	}
1006</script>
1006
1007
1008</div>
1009
1010	</div> <!-- inner column -->
1011
1012	</div> <!-- inner row -->
1013
1014			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1015
1016
1017	</div>
1018</div></div>
1019</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
1020<div data-cpRole="banner" id="banner4"><div data-cpRole="structuralContainer" id="bannerSizingTS">
1021<div data-cpRole="structuralContainer" id="bannerSearchTS">
1022<div class="siteWrap8"></div>
1023</div>
1024</div>
1025
1026
1027
1028
1029		<div id="bannerImagesJSON42" class="hidden"></div>
1030		<div id="bannerSlideshowControls_banner4" class="bannerSlideshowControlsNew none " style="display:none">
1031			<a id="arrowPrev_banner4" 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>
1032			<a id="arrowNext_banner4" 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>
1033		</div>
1034			
1034<script type="text/javascript">
1035				$(window).on("load", function () {
1036					$.when(window.Pages.rwdSetupComplete)
1037						.done(function () {
1038							renderExternalBannerSlideshow('banner4',
1039								{"BannerOptionID":42,"ThemeID":16,"SlotName":"banner4","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":116,"BannerOptionID":42,"FileName":"/ImageRepository/Document?documentID=39410","Height":455,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":24,"BannerOptionID":42,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202501312303055182.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)\/"},
1040								'/App_Themes/2025 - Home/Images/',
1041								'Rotating');
1042						});
1043				});
1044			</script>
1044
1045
1046</div>
1047</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS">
1048<div class="siteWrap4"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main">
1049<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap">
1050<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
1051<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
1051<script type='text/javascript'>$('#breadCrumbs').hide();</script>
1051</div><div data-cpRole="mainContentContainer" id="moduleContent">
1052	
1053	<div id="page" class="moduleContentNew">
1054		
1055
1056	<input id="hdnPageID" name="hdnPageID" type="hidden" value="1" />
1057	<input id="hdnParentID" name="hdnParentID" type="hidden" value="" />
1058	<input id="hdnVersionID" name="hdnVersionID" type="hidden" value="14448" />
1059	<input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" />
1060	<input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
1061	<input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" />
1062	<input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" />
1063
1064			
1065		<div id="ccddd09718-a12d-44aa-8b47-6e20116d1fd8" data-containerid="ddd09718-a12d-44aa-8b47-6e20116d1fd8" class="pageContent cpGrid cpGrid24"  >
1066			
1067
1068
1069
1070		</div>
1071
1072	</div>
1073
1074	
1075	<div class="newCP">
1076
1077	</div>
1078</div>
1079</div>
1080</div>
1081</div></div>
1082</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS">
1083<div class="siteWrap4"><div data-cpRole="contentContainer" id="gbsTS">	<div id="ccb69b991c-7e0a-4ad7-b0d6-0d76a0fb1bdf" data-containerid="b69b991c-7e0a-4ad7-b0d6-0d76a0fb1bdf" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35">
1084				                
1085
1086		<div class="row outer wide"><!--
1087--><div class="outer col col8 first" style="" data-widgetcontainerid="8ca22e2b-6dd5-411e-910e-4ba71cf58433">�				
1088	<div class="row nest first last wide">�
1089	
1090	<div class="inner col col8 first last id57b647ca-3ea9-4728-ac09-088a7d1089bb" style="" data-widgetcontainerid="57b647ca-3ea9-4728-ac09-088a7d1089bb">�	
1091<div data-widget-id="e6dbbaa6-5a9a-4b1b-8b12-ef264186c68a" data-widget-controller-path="/GraphicLinks/Widget">
1092
1093
1094
1095
1096<div id="graphicLinkWidgete6dbbaa6-5a9a-4b1b-8b12-ef264186c68a" class="widget widgetGraphicLinks skin28 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1097	<div class="widgetHeader">
1098		<div class="">
1099				</div>
1100	</div>
1101	<div class="widgetBody cpGrid cpGrid2 ">
1102		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1103				<div class="row   wide">
1104					<!--
1105--><div class="col col1 first "><ul class="semanticList"><!--
1106	    --><li class="widgetItem GraphicLinks">
1107
1108<div>
1109	<a href="/16/Building-Safety" target="_self" class="fancyButton fancyButton174 " >
1110		<span>
1111			<span><span class="text">Permits &amp; Licensing</span></span>
1112		</span>
1113	</a>
1114</div>
1115		<style scoped="scoped">.fancyButton174.fancyButton:link,.fancyButton174.fancyButton:visited, .fancyButton174div.fancyButton{
1116	background-repeat: no-repeat;
1117	background-position: left top;
1118}
1119.fancyButton174.fancyButton:hover,.fancyButton174.fancyButton:focus,.fancyButton174.fancyButton:active,.fancyButton174.fancyButton.hover{
1120	background-repeat: no-repeat;
1121	background-position: left top;
1122}
1123.fancyButton174.fancyButton:link > span,.fancyButton174.fancyButton:visited > span, .fancyButton174div.fancyButton > span{
1124}
1125.fancyButton174.fancyButton:hover > span,.fancyButton174.fancyButton:focus > span,.fancyButton174.fancyButton:active > span,.fancyButton174.fancyButton.hover > span{
1126}
1127.fancyButton174.fancyButton .text{
1128	color: rgb(255, 255, 255);
1129	font-family: "PT Sans";
1130	padding-top: 100px;
1131	font-style: normal;
1132	text-decoration: none;
1133	padding-top: 100px;
1134	background-image: url('/ImageRepository/Document?documentID=39413');
1135	background-repeat: no-repeat;
1136	background-position: center top;
1137position:relative;
1138}
1139.fancyButton174 .text::after{
1140position:absolute; 
1141content:"";
1142left:50%;
1143transform:translateX(-50%);
1144top:90px;
1145width:30px;
1146height:2px;
1147transition:all .3s ease-in-out;
1148background:#FFFFFF;
1149border-radius:2px;
1150}
1151.fancyButton174 .text:is(:hover, :focus, :active)::after{
1152width:100px;
1153}
1154.fancyButton174.fancyButton:hover .text,.fancyButton174.fancyButton:focus .text,.fancyButton174.fancyButton:active .text,.fancyButton174.fancyButton.hover .text{
1155	text-decoration: underline;
1156	background-repeat: no-repeat;
1157	background-position: center top;
1158
1159
1160}
1161</style>
1162
1163 </li><!--
1164--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1165	    --><li class="widgetItem GraphicLinks">
1166
1167<div>
1168	<a href="https://www.municipalonlinepayments.com/beaumontca" target="_self" class="fancyButton fancyButton175 " >
1169		<span>
1170			<span><span class="text">Pay Your Sewer Bill</span></span>
1171		</span>
1172	</a>
1173</div>
1174		<style scoped="scoped">.fancyButton175.fancyButton:link,.fancyButton175.fancyButton:visited, .fancyButton175div.fancyButton{
1175	background-repeat: no-repeat;
1176	background-position: left top;
1177}
1178.fancyButton175.fancyButton:hover,.fancyButton175.fancyButton:focus,.fancyButton175.fancyButton:active,.fancyButton175.fancyButton.hover{
1179	background-repeat: no-repeat;
1180	background-position: left top;
1181}
1182.fancyButton175.fancyButton:link > span,.fancyButton175.fancyButton:visited > span, .fancyButton175div.fancyButton > span{
1183}
1184.fancyButton175.fancyButton:hover > span,.fancyButton175.fancyButton:focus > span,.fancyButton175.fancyButton:active > span,.fancyButton175.fancyButton.hover > span{
1185}
1186.fancyButton175.fancyButton .text{
1187	color: rgb(255, 255, 255);
1188	font-family: "PT Sans";
1189	padding-top: 100px;
1190	font-style: normal;
1191	text-decoration: none;
1192	padding-top: 100px;
1193	background-image: url('/ImageRepository/Document?documentID=39412');
1194	background-repeat: no-repeat;
1195	background-position: center top;
1196position:relative; 
1197}
1198.fancyButton175 .text::after{
1199position:absolute; 
1200content:"";
1201left:50%;
1202transform:translateX(-50%);
1203top:90px;
1204width:30px;
1205height:2px;
1206transition:all .3s ease-in-out;
1207background:#FFFFFF;
1208border-radius:2px;
1209}
1210.fancyButton175 .text:is(:hover, :focus, :active)::after{
1211width:100px;
1212}
1213.fancyButton175.fancyButton:hover .text,.fancyButton175.fancyButton:focus .text,.fancyButton175.fancyButton:active .text,.fancyButton175.fancyButton.hover .text{
1214	text-decoration: underline;
1215	background-repeat: no-repeat;
1216	background-position: center top;
1217
1218
1219}
1220</style>
1221
1222 </li><!--
1223--></ul></div><!--				-->
1224				</div>
1225			</nav>
1226		</div>
1227	<div class="widgetFooter">
1228			</div>
1229</div>
1230</div>
1231
1232	</div> <!-- inner column -->
1233
1234	</div> <!-- inner row -->
1235
1236			</div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="7cbe85f3-a754-4637-bf92-1a9384fdaad6">�				
1237	<div class="row nest first last wide">�
1238	
1239	<div class="inner col col8 first last id0fb45da8-1050-4bb0-aa93-524d6f0ebc94" style="" data-widgetcontainerid="0fb45da8-1050-4bb0-aa93-524d6f0ebc94">�	
1240<div data-widget-id="f4d3297d-d85d-49db-ac73-0d8425e91fc0" data-widget-controller-path="/GraphicLinks/Widget">
1241
1242
1243
1244
1245<div id="graphicLinkWidgetf4d3297d-d85d-49db-ac73-0d8425e91fc0" class="widget widgetGraphicLinks skin28 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1246	<div class="widgetHeader">
1247		<div class="">
1248				</div>
1249	</div>
1250	<div class="widgetBody cpGrid cpGrid2 ">
1251		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1252				<div class="row   wide">
1253					<!--
1254--><div class="col col1 first "><ul class="semanticList"><!--
1255	    --><li class="widgetItem GraphicLinks">
1256
1257<div>
1258	<a href="https://citizenportal.dudesolutions.com/CityOfBeaumontCA" target="_self" class="fancyButton fancyButton176 " >
1259		<span>
1260			<span><span class="text">Report a Concern</span></span>
1261		</span>
1262	</a>
1263</div>
1264		<style scoped="scoped">.fancyButton176.fancyButton:link,.fancyButton176.fancyButton:visited, .fancyButton176div.fancyButton{
1265	background-repeat: no-repeat;
1266	background-position: left top;
1267}
1268.fancyButton176.fancyButton:hover,.fancyButton176.fancyButton:focus,.fancyButton176.fancyButton:active,.fancyButton176.fancyButton.hover{
1269	background-repeat: no-repeat;
1270	background-position: left top;
1271}
1272.fancyButton176.fancyButton:link > span,.fancyButton176.fancyButton:visited > span, .fancyButton176div.fancyButton > span{
1273}
1274.fancyButton176.fancyButton:hover > span,.fancyButton176.fancyButton:focus > span,.fancyButton176.fancyButton:active > span,.fancyButton176.fancyButton.hover > span{
1275}
1276.fancyButton176.fancyButton .text{
1277	color: rgb(255, 255, 255);
1278	font-family: "PT Sans";
1279	padding-top: 100px;
1280	font-style: normal;
1281	text-decoration: none;
1282	padding-top: 100px;
1283	background-image: url('/ImageRepository/Document?documentID=39414');
1284	background-repeat: no-repeat;
1285	background-position: center top;
1286position:relative; 
1287}
1288.fancyButton176 .text::after{
1289position:absolute; 
1290content:"";
1291left:50%;
1292transform:translateX(-50%);
1293top:90px;
1294width:30px;
1295height:2px;
1296transition:all .3s ease-in-out;
1297background:#FFFFFF;
1298border-radius:2px;
1299}
1300.fancyButton176 .text:is(:hover, :focus, :active)::after{
1301width:100px;
1302}
1303.fancyButton176.fancyButton:hover .text,.fancyButton176.fancyButton:focus .text,.fancyButton176.fancyButton:active .text,.fancyButton176.fancyButton.hover .text{
1304	text-decoration: underline;
1305	background-repeat: no-repeat;
1306	background-position: center top;
1307
1308
1309}
1310</style>
1311
1312 </li><!--
1313--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1314	    --><li class="widgetItem GraphicLinks">
1315
1316<div>
1317	<a href="https://www.governmentjobs.com/careers/beaumontca" target="_self" class="fancyButton fancyButton177 " >
1318		<span>
1319			<span><span class="text">Jobs</span></span>
1320		</span>
1321	</a>
1322</div>
1323		<style scoped="scoped">.fancyButton177.fancyButton:link,.fancyButton177.fancyButton:visited, .fancyButton177div.fancyButton{
1324	background-repeat: no-repeat;
1325	background-position: left top;
1326}
1327.fancyButton177.fancyButton:hover,.fancyButton177.fancyButton:focus,.fancyButton177.fancyButton:active,.fancyButton177.fancyButton.hover{
1328	background-repeat: no-repeat;
1329	background-position: left top;
1330}
1331.fancyButton177.fancyButton:link > span,.fancyButton177.fancyButton:visited > span, .fancyButton177div.fancyButton > span{
1332}
1333.fancyButton177.fancyButton:hover > span,.fancyButton177.fancyButton:focus > span,.fancyButton177.fancyButton:active > span,.fancyButton177.fancyButton.hover > span{
1334}
1335.fancyButton177.fancyButton .text{
1336	color: rgb(255, 255, 255);
1337	font-family: "PT Sans";
1338	padding-top: 100px;
1339	font-style: normal;
1340	text-decoration: none;
1341	padding-top: 100px;
1342	background-image: url('/ImageRepository/Document?documentID=39411');
1343	background-repeat: no-repeat;
1344	background-position: center top;
1345position:relative; 
1346}
1347.fancyButton177 .text::after{
1348position:absolute; 
1349content:"";
1350left:50%;
1351transform:translateX(-50%);
1352top:90px;
1353width:30px;
1354height:2px;
1355transition:all .3s ease-in-out;
1356background:#FFFFFF;
1357border-radius:2px;
1358}
1359.fancyButton177 .text:is(:hover, :focus, :active)::after{
1360width:100px;
1361}
1362.fancyButton177.fancyButton:hover .text,.fancyButton177.fancyButton:focus .text,.fancyButton177.fancyButton:active .text,.fancyButton177.fancyButton.hover .text{
1363	text-decoration: underline;
1364	background-repeat: no-repeat;
1365	background-position: center top;
1366
1367
1368}
1369</style>
1370
1371 </li><!--
1372--></ul></div><!--				-->
1373				</div>
1374			</nav>
1375		</div>
1376	<div class="widgetFooter">
1377			</div>
1378</div>
1379</div>
1380
1381	</div> <!-- inner column -->
1382
1383	</div> <!-- inner row -->
1384
1385			</div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="0ca0fc57-311a-4136-a59a-4074589a9811">�				
1386	<div class="row nest first last wide">�
1387	
1388	<div class="inner col col8 first last ida237c89f-6e1c-4adb-bf74-f36193ac13f2" style="" data-widgetcontainerid="a237c89f-6e1c-4adb-bf74-f36193ac13f2">�	
1389<div data-widget-id="7c219477-f696-42d1-95a4-4f3f66db3ecf" data-widget-controller-path="/GraphicLinks/Widget">
1390
1391
1392
1393
1394<div id="graphicLinkWidget7c219477-f696-42d1-95a4-4f3f66db3ecf" class="widget widgetGraphicLinks skin28 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1395	<div class="widgetHeader">
1396		<div class="">
1397				</div>
1398	</div>
1399	<div class="widgetBody cpGrid cpGrid2 ">
1400		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1401				<div class="row   wide">
1402					<!--
1403--><div class="col col1 first "><ul class="semanticList"><!--
1404	    --><li class="widgetItem GraphicLinks">
1405
1406<div>
1407	<a href="https://propertyfinder.spicercg.com/Index" target="_self" class="fancyButton fancyButton178 " >
1408		<span>
1409			<span><span class="text">Property Tax</span></span>
1410		</span>
1411	</a>
1412</div>
1413		<style scoped="scoped">.fancyButton178.fancyButton:link,.fancyButton178.fancyButton:visited, .fancyButton178div.fancyButton{
1414	background-repeat: no-repeat;
1415	background-position: left top;
1416}
1417.fancyButton178.fancyButton:hover,.fancyButton178.fancyButton:focus,.fancyButton178.fancyButton:active,.fancyButton178.fancyButton.hover{
1418	background-repeat: no-repeat;
1419	background-position: left top;
1420}
1421.fancyButton178.fancyButton:link > span,.fancyButton178.fancyButton:visited > span, .fancyButton178div.fancyButton > span{
1422}
1423.fancyButton178.fancyButton:hover > span,.fancyButton178.fancyButton:focus > span,.fancyButton178.fancyButton:active > span,.fancyButton178.fancyButton.hover > span{
1424}
1425.fancyButton178.fancyButton .text{
1426	color: rgb(255, 255, 255);
1427	font-family: "PT Sans";
1428	padding-top: 100px;
1429	font-style: normal;
1430	text-decoration: none;
1431	padding-top: 100px;
1432	background-image: url('/ImageRepository/Document?documentID=39421');
1433	background-repeat: no-repeat;
1434	background-position: center top;
1435position:relative; 
1436}
1437.fancyButton178 .text::after{
1438position:absolute; 
1439content:"";
1440left:50%;
1441transform:translateX(-50%);
1442top:90px;
1443width:30px;
1444height:2px;
1445transition:all .3s ease-in-out;
1446background:#FFFFFF;
1447border-radius:2px;
1448}
1449.fancyButton178 .text:is(:hover, :focus, :active)::after{
1450width:100px;
1451}
1452.fancyButton178.fancyButton:hover .text,.fancyButton178.fancyButton:focus .text,.fancyButton178.fancyButton:active .text,.fancyButton178.fancyButton.hover .text{
1453	text-decoration: underline;
1454	background-repeat: no-repeat;
1455	background-position: center top;
1456
1457
1458}
1459</style>
1460
1461 </li><!--
1462--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1463	    --><li class="widgetItem GraphicLinks">
1464
1465<div>
1466	<a href="/984/Wheres-the-Bus" target="_self" class="fancyButton fancyButton179 " >
1467		<span>
1468			<span><span class="text">Where’s the Bus</span></span>
1469		</span>
1470	</a>
1471</div>
1472		<style scoped="scoped">.fancyButton179.fancyButton:link,.fancyButton179.fancyButton:visited, .fancyButton179div.fancyButton{
1473	background-repeat: no-repeat;
1474	background-position: left top;
1475}
1476.fancyButton179.fancyButton:hover,.fancyButton179.fancyButton:focus,.fancyButton179.fancyButton:active,.fancyButton179.fancyButton.hover{
1477	background-repeat: no-repeat;
1478	background-position: left top;
1479}
1480.fancyButton179.fancyButton:link > span,.fancyButton179.fancyButton:visited > span, .fancyButton179div.fancyButton > span{
1481}
1482.fancyButton179.fancyButton:hover > span,.fancyButton179.fancyButton:focus > span,.fancyButton179.fancyButton:active > span,.fancyButton179.fancyButton.hover > span{
1483}
1484.fancyButton179.fancyButton .text{
1485	color: rgb(255, 255, 255);
1486	font-family: "PT Sans";
1487	padding-top: 100px;
1488	font-style: normal;
1489	text-decoration: none;
1490	padding-top: 100px;
1491	background-image: url('/ImageRepository/Document?documentID=39415');
1492	background-repeat: no-repeat;
1493	background-position: center top;
1494position:relative; 
1495}
1496.fancyButton179 .text::after{
1497position:absolute; 
1498content:"";
1499left:50%;
1500transform:translateX(-50%);
1501top:90px;
1502width:30px;
1503height:2px;
1504transition:all .3s ease-in-out;
1505background:#FFFFFF;
1506border-radius:2px;
1507}
1508.fancyButton179 .text:is(:hover, :focus, :active)::after{
1509width:100px;
1510}
1511.fancyButton179.fancyButton:hover .text,.fancyButton179.fancyButton:focus .text,.fancyButton179.fancyButton:active .text,.fancyButton179.fancyButton.hover .text{
1512	text-decoration: underline;
1513	background-repeat: no-repeat;
1514	background-position: center top;
1515
1516
1517}
1518</style>
1519
1520 </li><!--
1521--></ul></div><!--				-->
1522				</div>
1523			</nav>
1524		</div>
1525	<div class="widgetFooter">
1526			</div>
1527</div>
1528</div>
1529
1530	</div> <!-- inner column -->
1531
1532	</div> <!-- inner row -->
1533
1534			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1535
1536
1537	</div>
1538</div></div>
1539</div><!-- Image Buttons --><div data-cpRole="structuralContainer" id="homeContainer1" class="noOverflowTS">
1540<div data-cpRole="banner" id="banner2"><div data-cpRole="structuralContainer" id="bannerSizing2TS">
1541<div class="siteWrap11"><div data-cpRole="contentContainer" id="homeContent1a">	<div id="cc87580fe1-53f4-4493-abff-69024343770c" data-containerid="87580fe1-53f4-4493-abff-69024343770c" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="45">
1542				                
1543
1544		<div class="row outer wide"><!--
1545--><div class="outer col col8 first" style="" data-widgetcontainerid="51c23885-4140-4212-85e2-126039690b88">�				
1546	<div class="row nest first last wide">�
1547	
1548	<div class="inner col col8 first last id74df0dea-88d8-4bf5-a466-378c5993615f" style="" data-widgetcontainerid="74df0dea-88d8-4bf5-a466-378c5993615f">�	
1549<div data-widget-id="8ca25e30-eed5-4e1e-b80c-3116aef14ce0" data-widget-controller-path="/GraphicLinks/Widget">
1550
1551
1552
1553
1554<div id="graphicLinkWidget8ca25e30-eed5-4e1e-b80c-3116aef14ce0" class="widget widgetGraphicLinks skin34 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1555	<div class="widgetHeader">
1556		<div class="">
1557				</div>
1558	</div>
1559	<div class="widgetBody cpGrid cpGrid2 ">
1560		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1561				<div class="row   wide">
1562					<!--
1563--><div class="col col1 first "><ul class="semanticList"><!--
1564	    --><li class="widgetItem GraphicLinks">
1565
1566<div>
1567	<a href="/986/Current-Upcoming-Projects" target="_self" class="fancyButton fancyButton226 " >
1568		<span>
1569			<span><span class="text">CITY PROJECTS<br></span></span>
1570		</span>
1571	</a>
1572</div>
1573		<style scoped="scoped">.fancyButton226.fancyButton:link,.fancyButton226.fancyButton:visited, .fancyButton226div.fancyButton{
1574	background-image: url('/ImageRepository/Document?documentID=39428');
1575	background-repeat: no-repeat;
1576	background-position: center center;
1577min-height:400px;
1578background-size:cover;
1579transition:all .3s ease-in-out;
1580position:relative;
1581z-index:0;
1582}
1583.fancyButton226::after{
1584position:absolute;
1585content:"";
1586left:0;
1587bottom:0;
1588transition:all .3s ease-in-out;
1589width:100%;
1590opacity:0;
1591height:100%;
1592z-index:-1;
1593background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0% no-repeat padding-box;
1594}
1595.fancyButton226:is(:hover, :focus, :active)::after{
1596opacity:1;
1597
1598}
1599.fancyButton226.fancyButton:hover,.fancyButton226.fancyButton:focus,.fancyButton226.fancyButton:active,.fancyButton226.fancyButton.hover{
1600	background-image: url('/ImageRepository/Document?documentID=39423');
1601	background-repeat: no-repeat;
1602	background-position: center center;
1603}
1604.fancyButton226.fancyButton:link > span,.fancyButton226.fancyButton:visited > span, .fancyButton226div.fancyButton > span{
1605}
1606.fancyButton226.fancyButton:hover > span,.fancyButton226.fancyButton:focus > span,.fancyButton226.fancyButton:active > span,.fancyButton226.fancyButton.hover > span{
1607}
1608.fancyButton226.fancyButton .text{
1609	color: rgba(255, 255, 255, 1);
1610	font-size: 1.5em;
1611	font-family: "PT Sans";
1612	text-align: center;
1613	padding-top: 30px;
1614	padding-bottom: 30px;
1615	padding-right: 10px;
1616	padding-left: 10px;
1617	font-weight: 700;
1618	text-decoration: none;
1619	padding-top: 30px;
1620	padding-bottom: 30px;
1621	padding-right: 10px;
1622	padding-left: 10px;
1623	background-repeat: no-repeat;
1624	background-position: left top;
1625width:100%;
1626position:absolute;
1627left:0;
1628bottom:50%;
1629transition:all .3s ease-in-out;
1630transform:translateY(50%);
1631}
1632.fancyButton226 .text::after{
1633position:absolute;
1634content:"";
1635left:50%;
1636bottom:5px;
1637width:60px;
1638height:2px;
1639border-radius:2px;
1640background:#FFFFFF;
1641transform:translateX(-50%);
1642transition:all .3s ease-in-out;
1643}
1644.fancyButton226:is(:hover, :focus, :active) .text::after{
1645width:100px;display:block;}
1646.fancyButton226.fancyButton:hover .text,.fancyButton226.fancyButton:focus .text,.fancyButton226.fancyButton:active .text,.fancyButton226.fancyButton.hover .text{
1647	text-decoration: none;
1648	background-repeat: no-repeat;
1649	background-position: left top;
1650bottom:37px;
1651transform:translateY(0%);
1652}
1653.fancyButton226.fancyButton .textStyle1{
1654	color: rgb(255, 255, 255);
1655	font-size: 1.5em;
1656	font-family: PT Sans;
1657	font-weight: 700;
1658	text-decoration: none;
1659display:block;}
1660.fancyButton226.fancyButton:hover .textStyle1, .fancyButton226.fancyButton.hover .textStyle1{
1661	text-decoration: underline;
1662
1663}
1664.fancyButton226.fancyButton .textStyle2{
1665	color: rgb(255, 255, 255);
1666	font-size: 1.5em;
1667	font-family: PT Sans;
1668	font-style: normal;
1669	text-decoration: none;
1670display:block;}
1671.fancyButton226.fancyButton:hover .textStyle2, .fancyButton226.fancyButton.hover .textStyle2{
1672	text-decoration: none;
1673
1674}
1675</style>
1676
1677 </li><!--
1678--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1679	    --><li class="widgetItem GraphicLinks">
1680
1681<div>
1682	<a href="https://www.beaumontca.gov/1163/Stewart-Park-Renovation" target="_self" class="fancyButton fancyButton266 " >
1683		<span>
1684			<span><span class="text">STEWART PARK<br></span></span>
1685		</span>
1686	</a>
1687</div>
1688		<style scoped="scoped">.fancyButton266.fancyButton:link,.fancyButton266.fancyButton:visited, .fancyButton266div.fancyButton{
1689	background-image: url('/ImageRepository/Document?documentID=39428');
1690	background-repeat: no-repeat;
1691	background-position: center center;
1692min-height:400px;
1693background-size:cover;
1694transition:all .3s ease-in-out;
1695position:relative;
1696z-index:0;
1697}
1698.fancyButton266::after{
1699position:absolute;
1700content:"";
1701left:0;
1702bottom:0;
1703transition:all .3s ease-in-out;
1704width:100%;
1705opacity:0;
1706height:100%;
1707z-index:-1;
1708background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0% 
1708no-repeat padding-box;
1709}
1710.fancyButton266:is(:hover, :focus, :active)::after{
1711opacity:1;
1712
1713}
1714.fancyButton266.fancyButton:hover,.fancyButton266.fancyButton:focus,.fancyButton266.fancyButton:active,.fancyButton266.fancyButton.hover{
1715	background-image: url('/ImageRepository/Document?documentID=40692');
1716	background-repeat: no-repeat;
1717	background-position: center center;
1718}
1719.fancyButton266.fancyButton:link > span,.fancyButton266.fancyButton:visited > span, .fancyButton266div.fancyButton > span{
1720}
1721.fancyButton266.fancyButton:hover > span,.fancyButton266.fancyButton:focus > span,.fancyButton266.fancyButton:active > span,.fancyButton266.fancyButton.hover > span{
1722}
1723.fancyButton266.fancyButton .text{
1724	color: rgba(255, 255, 255, 1);
1725	font-size: 1.5em;
1726	font-family: "PT Sans";
1727	text-align: center;
1728	padding-top: 30px;
1729	padding-bottom: 30px;
1730	padding-right: 10px;
1731	padding-left: 10px;
1732	font-weight: 700;
1733	text-decoration: none;
1734	padding-top: 30px;
1735	padding-bottom: 30px;
1736	padding-right: 10px;
1737	padding-left: 10px;
1738	background-repeat: no-repeat;
1739	background-position: left top;
1740width:100%;
1741position:absolute;
1742left:0;
1743bottom:50%;
1744transition:all .3s ease-in-out;
1745transform:translateY(50%);
1746}
1747.fancyButton266 .text::after{
1748position:absolute;
1749content:"";
1750left:50%;
1751bottom:5px;
1752width:60px;
1753height:2px;
1754border-radius:2px;
1755background:#FFFFFF;
1756transform:translateX(-50%);
1757transition:all .3s ease-in-out;
1758}
1759.fancyButton266:is(:hover, :focus, :active) .text::after{
1760width:100px;display:block;}
1761.fancyButton266.fancyButton:hover .text,.fancyButton266.fancyButton:focus .text,.fancyButton266.fancyButton:active .text,.fancyButton266.fancyButton.hover .text{
1762	text-decoration: none;
1763	background-repeat: no-repeat;
1764	background-position: left top;
1765bottom:37px;
1766transform:translateY(0%);
1767}
1768.fancyButton266.fancyButton .textStyle1{
1769	color: rgb(255, 255, 255);
1770	font-size: 1.5em;
1771	font-family: PT Sans;
1772	font-weight: 700;
1773	text-decoration: none;
1774display:block;}
1775.fancyButton266.fancyButton:hover .textStyle1, .fancyButton266.fancyButton.hover .textStyle1{
1776	text-decoration: underline;
1777
1778}
1779.fancyButton266.fancyButton .textStyle2{
1780	color: rgb(255, 255, 255);
1781	font-size: 1.5em;
1782	font-family: PT Sans;
1783	font-style: normal;
1784	text-decoration: none;
1785display:block;}
1786.fancyButton266.fancyButton:hover .textStyle2, .fancyButton266.fancyButton.hover .textStyle2{
1787	text-decoration: none;
1788
1789}
1790</style>
1791
1792 </li><!--
1793--></ul></div><!--				-->
1794				</div>
1795			</nav>
1796		</div>
1797	<div class="widgetFooter">
1798			</div>
1799</div>
1800</div>
1801
1802	</div> <!-- inner column -->
1803
1804	</div> <!-- inner row -->
1805
1806			</div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="16248d18-25cf-41cd-8af1-8ec7f05e7728">�				
1807	<div class="row nest first last wide">�
1808	
1809	<div class="inner col col8 first last id89c19912-8ab5-4619-bf18-0b307238967a" style="" data-widgetcontainerid="89c19912-8ab5-4619-bf18-0b307238967a">�	
1810<div data-widget-id="c14d0828-5d7f-45dc-8baa-4916cf59f361" data-widget-controller-path="/GraphicLinks/Widget">
1811
1812
1813
1814
1815<div id="graphicLinkWidgetc14d0828-5d7f-45dc-8baa-4916cf59f361" class="widget widgetGraphicLinks skin34 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1816	<div class="widgetHeader">
1817		<div class="">
1818				</div>
1819	</div>
1820	<div class="widgetBody cpGrid cpGrid2 ">
1821		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1822				<div class="row   wide">
1823					<!--
1824--><div class="col col1 first "><ul class="semanticList"><!--
1825	    --><li class="widgetItem GraphicLinks">
1826
1827<div>
1828	<a href="https://beaumontcabusiness.gov/" target="_self" class="fancyButton fancyButton264 " >
1829		<span>
1830			<span><span class="text">START A BUSINESS<br></span></span>
1831		</span>
1832	</a>
1833</div>
1834		<style scoped="scoped">.fancyButton264.fancyButton:link,.fancyButton264.fancyButton:visited, .fancyButton264div.fancyButton{
1835	background-image: url(/ImageRepository/Document?documentID=39428);
1836	background-repeat: no-repeat;
1837	background-position: center center;
1838min-height:400px;
1839background-size:cover;
1840transition:all .3s ease-in-out;
1841position:relative;
1842z-index:0;
1843}
1844.fancyButton264::after{
1845position:absolute;
1846content:"";
1847left:0;
1848bottom:0;
1849transition:all .3s ease-in-out;
1850width:100%;
1851opacity:0;
1852height:100%;
1853z-index:-1;
1854background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0% 
1854no-repeat padding-box;
1855}
1856.fancyButton264:is(:hover, :focus, :active)::after{
1857opacity:1;
1858
1859}
1860.fancyButton264.fancyButton:hover,.fancyButton264.fancyButton:focus,.fancyButton264.fancyButton:active,.fancyButton264.fancyButton.hover{
1861	background-image: url(/ImageRepository/Document?documentID=39426);
1862	background-repeat: no-repeat;
1863	background-position: center center;
1864}
1865.fancyButton264.fancyButton:link > span,.fancyButton264.fancyButton:visited > span, .fancyButton264div.fancyButton > span{
1866}
1867.fancyButton264.fancyButton:hover > span,.fancyButton264.fancyButton:focus > span,.fancyButton264.fancyButton:active > span,.fancyButton264.fancyButton.hover > span{
1868}
1869.fancyButton264.fancyButton .text{
1870	color: rgba(255, 255, 255, 1);
1871	font-size: 1.5em;
1872	font-family: "PT Sans";
1873	text-align: center;
1874	padding-top: 30px;
1875	padding-bottom: 30px;
1876	padding-right: 10px;
1877	padding-left: 10px;
1878	font-weight: 700;
1879	text-decoration: none;
1880	padding-top: 30px;
1881	padding-bottom: 30px;
1882	padding-right: 10px;
1883	padding-left: 10px;
1884	background-repeat: no-repeat;
1885	background-position: left top;
1886width:100%;
1887position:absolute;
1888left:0;
1889bottom:50%;
1890transition:all .3s ease-in-out;
1891transform:translateY(50%);
1892}
1893.fancyButton264 .text::after{
1894position:absolute;
1895content:"";
1896left:50%;
1897bottom:5px;
1898width:60px;
1899height:2px;
1900border-radius:2px;
1901background:#FFFFFF;
1902transform:translateX(-50%);
1903transition:all .3s ease-in-out;
1904}
1905.fancyButton264:is(:hover, :focus, :active) .text::after{
1906width:100px;display:block;}
1907.fancyButton264.fancyButton:hover .text,.fancyButton264.fancyButton:focus .text,.fancyButton264.fancyButton:active .text,.fancyButton264.fancyButton.hover .text{
1908	text-decoration: none;
1909	background-repeat: no-repeat;
1910	background-position: left top;
1911bottom:37px;
1912transform:translateY(0%);
1913}
1914.fancyButton264.fancyButton .textStyle1{
1915	color: rgb(255, 255, 255);
1916	font-size: 1.5em;
1917	font-family: PT Sans;
1918	font-weight: 700;
1919	text-decoration: none;
1920display:block;}
1921.fancyButton264.fancyButton:hover .textStyle1, .fancyButton264.fancyButton.hover .textStyle1{
1922	text-decoration: underline;
1923
1924}
1925.fancyButton264.fancyButton .textStyle2{
1926	color: rgb(255, 255, 255);
1927	font-size: 1.5em;
1928	font-family: PT Sans;
1929	font-style: normal;
1930	text-decoration: none;
1931display:block;}
1932.fancyButton264.fancyButton:hover .textStyle2, .fancyButton264.fancyButton.hover .textStyle2{
1933	text-decoration: none;
1934
1935}
1936</style>
1937
1938 </li><!--
1939--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1940	    --><li class="widgetItem GraphicLinks">
1941
1942<div>
1943	<a href="/1165/Police-Department" target="_self" class="fancyButton fancyButton210 " >
1944		<span>
1945			<span><span class="text">POLICE<br></span></span>
1946		</span>
1947	</a>
1948</div>
1949		<style scoped="scoped">.fancyButton210.fancyButton:link,.fancyButton210.fancyButton:visited, .fancyButton210div.fancyButton{
1950	background-repeat: no-repeat;
1951	background-position: center center;
1952min-height:400px;
1953background-size:cover;
1954transition:all .3s ease-in-out;
1955position:relative;
1956z-index:0;
1957}
1958.fancyButton210::after{
1959position:absolute;
1960content:"";
1961left:0;
1962bottom:0;
1963transition:all .3s ease-in-out;
1964width:100%;
1965opacity:0;
1966height:100%;
1967z-index:-1;
1968background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0% no-repeat padding-box;
1969}
1970.fancyButton210:is(:hover, :focus, :active)::after{
1971opacity:1;
1972
1973}
1974.fancyButton210.fancyButton:hover,.fancyButton210.fancyButton:focus,.fancyButton210.fancyButton:active,.fancyButton210.fancyButton.hover{
1975	background-image: url('/ImageRepository/Document?documentID=39966');
1976	background-repeat: no-repeat;
1977	background-position: center center;
1978justify-content:start;}
1979.fancyButton210.fancyButton:link > span,.fancyButton210.fancyButton:visited > span, .fancyButton210div.fancyButton > span{
1980}
1981.fancyButton210.fancyButton:hover > span,.fancyButton210.fancyButton:focus > span,.fancyButton210.fancyButton:active > span,.fancyButton210.fancyButton.hover > span{
1982}
1983.fancyButton210.fancyButton .text{
1984	color: rgba(255, 255, 255, 1);
1985	font-size: 1.5em;
1986	font-family: "PT Sans";
1987	text-align: center;
1988	padding-top: 30px;
1989	padding-bottom: 30px;
1990	padding-right: 10px;
1991	padding-left: 10px;
1992	font-weight: 700;
1993	text-decoration: none;
1994	padding-top: 30px;
1995	padding-bottom: 30px;
1996	padding-right: 10px;
1997	padding-left: 10px;
1998	background-repeat: no-repeat;
1999	background-position: left top;
2000width:100%;
2001position:absolute;
2002left:0;
2003bottom:50%;
2004transition:all .3s ease-in-out;
2005transform:translateY(50%);
2006}
2007.fancyButton210 .text::after{
2008position:absolute;
2009content:"";
2010left:50%;
2011bottom:5px;
2012width:60px;
2013height:2px;
2014border-radius:2px;
2015background:#FFFFFF;
2016transform:translateX(-50%);
2017transition:all .3s ease-in-out;
2018}
2019.fancyButton210:is(:hover, :focus, :active) .text::after{
2020width:100px;display:block;}
2021.fancyButton210.fancyButton:hover .text,.fancyButton210.fancyButton:focus .text,.fancyButton210.fancyButton:active .text,.fancyButton210.fancyButton.hover .text{
2022	text-decoration: none;
2023	background-repeat: no-repeat;
2024	background-position: left top;
2025bottom:37px;
2026transform:translateY(0%);
2027}
2028.fancyButton210.fancyButton .textStyle1{
2029	color: rgb(255, 255, 255);
2030	font-size: 1.5em;
2031	font-family: PT Sans;
2032	font-weight: 700;
2033	text-decoration: none;
2034display:block;}
2035.fancyButton210.fancyButton:hover .textStyle1, .fancyButton210.fancyButton.hover .textStyle1{
2036	text-decoration: none;
2037
2038}
2039.fancyButton210.fancyButton .textStyle2{
2040	color: rgb(255, 255, 255);
2041	font-size: 1.5em;
2042	font-family: PT Sans;
2043	font-style: normal;
2044	text-decoration: none;
2045display:block;}
2046.fancyButton210.fancyButton:hover .textStyle2, .fancyButton210.fancyButton.hover .textStyle2{
2047	text-decoration: none;
2048
2049}
2050</style>
2051
2052 </li><!--
2053--></ul></div><!--				-->
2054				</div>
2055			</nav>
2056		</div>
2057	<div class="widgetFooter">
2058			</div>
2059</div>
2060</div>
2061
2062	</div> <!-- inner column -->
2063
2064	</div> <!-- inner row -->
2065
2066			</div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="f5828c8a-2805-48c2-a481-c79e2bdf03d2">�				
2067	<div class="row nest first last wide">�
2068	
2069	<div class="inner col col8 first last idf8f92092-f5e8-4dc1-9e20-2ab470999b41" style="" data-widgetcontainerid="f8f92092-f5e8-4dc1-9e20-2ab470999b41">�	
2070<div data-widget-id="f7a4edc1-4a83-4b9e-a46e-5eab121b37c0" data-widget-controller-path="/GraphicLinks/Widget">
2071
2072
2073
2074
2075<div id="graphicLinkWidgetf7a4edc1-4a83-4b9e-a46e-5eab121b37c0" class="widget widgetGraphicLinks skin34 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2076	<div class="widgetHeader">
2077		<div class="">
2078				</div>
2079	</div>
2080	<div class="widgetBody cpGrid cpGrid2 ">
2081		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2082				<div class="row   wide">
2083					<!--
2084--><div class="col col1 first "><ul class="semanticList"><!--
2085	    --><li class="widgetItem GraphicLinks">
2086
2087<div>
2088	<a href="/212/Agendas-Minutes" target="_self" class="fancyButton fancyButton180 " >
2089		<span>
2090			<span><span class="text">AGENDAS<br></span></span>
2091		</span>
2092	</a>
2093</div>
2094		<style scoped="scoped">.fancyButton180.fancyButton:link,.fancyButton180.fancyButton:visited, .fancyButton180div.fancyButton{
2095	background-image: url('/ImageRepository/Document?documentID=39428');
2096	background-repeat: no-repeat;
2097	background-position: center center;
2098min-height:400px;
2099background-size:cover;
2100transition:all .3s ease-in-out;
2101position:relative;
2102z-index:0;
2103}
2104.fancyButton180::after{
2105position:absolute;
2106content:"";
2107left:0;
2108bottom:0;
2109transition:all .3s ease-in-out;
2110width:100%;
2111opacity:0;
2112height:100%;
2113z-index:-1;
2114background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0% no-repeat padding-box;
2115}
2116.fancyButton180:is(:hover, :focus, :active)::after{
2117opacity:1;
2118
2119}
2120.fancyButton180.fancyButton:hover,.fancyButton180.fancyButton:focus,.fancyButton180.fancyButton:active,.fancyButton180.fancyButton.hover{
2121	background-image: url('/ImageRepository/Document?documentID=39422');
2122	background-repeat: no-repeat;
2123	background-position: center center;
2124}
2125.fancyButton180.fancyButton:link > span,.fancyButton180.fancyButton:visited > span, .fancyButton180div.fancyButton > span{
2126}
2127.fancyButton180.fancyButton:hover > span,.fancyButton180.fancyButton:focus > span,.fancyButton180.fancyButton:active > span,.fancyButton180.fancyButton.hover > span{
2128}
2129.fancyButton180.fancyButton .text{
2130	color: rgba(255, 255, 255, 1);
2131	font-size: 1.5em;
2132	font-family: "PT Sans";
2133	text-align: center;
2134	padding-top: 30px;
2135	padding-bottom: 30px;
2136	padding-right: 10px;
2137	padding-left: 10px;
2138	font-weight: 700;
2139	text-decoration: none;
2140	padding-top: 30px;
2141	padding-bottom: 30px;
2142	padding-right: 10px;
2143	padding-left: 10px;
2144	background-repeat: no-repeat;
2145	background-position: left top;
2146width:100%;
2147position:absolute;
2148left:0;
2149bottom:50%;
2150transition:all .3s ease-in-out;
2151transform:translateY(50%);
2152}
2153.fancyButton180 .text::after{
2154position:absolute;
2155content:"";
2156left:50%;
2157bottom:5px;
2158width:60px;
2159height:2px;
2160border-radius:2px;
2161background:#FFFFFF;
2162transform:translateX(-50%);
2163transition:all .3s ease-in-out;
2164}
2165.fancyButton180:is(:hover, :focus, :active) .text::after{
2166width:100px;display:block;}
2167.fancyButton180.fancyButton:hover .text,.fancyButton180.fancyButton:focus .text,.fancyButton180.fancyButton:active .text,.fancyButton180.fancyButton.hover .text{
2168	text-decoration: none;
2169	background-repeat: no-repeat;
2170	background-position: left top;
2171bottom:37px;
2172transform:translateY(0%);
2173}
2174.fancyButton180.fancyButton .textStyle1{
2175	color: rgb(255, 255, 255);
2176	font-size: 1.5em;
2177	font-family: PT Sans;
2178	font-weight: 700;
2179	text-decoration: none;
2180display:block;}
2181.fancyButton180.fancyButton:hover .textStyle1, .fancyButton180.fancyButton.hover .textStyle1{
2182	text-decoration: underline;
2183
2184}
2185.fancyButton180.fancyButton .textStyle2{
2186	color: rgb(255, 255, 255);
2187	font-size: 1.5em;
2188	font-family: PT Sans;
2189	font-style: normal;
2190	text-decoration: none;
2191display:block;}
2192.fancyButton180.fancyButton:hover .textStyle2, .fancyButton180.fancyButton.hover .textStyle2{
2193	text-decoration: none;
2194
2195}
2196</style>
2197
2198 </li><!--
2199--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2200	    --><li class="widgetItem GraphicLinks">
2201
2202<div>
2203	<a href="/791/Transparency-Portal" target="_self" class="fancyButton fancyButton209 " >
2204		<span>
2205			<span><span class="text">TRANSPARENCY<br></span></span>
2206		</span>
2207	</a>
2208</div>
2209		<style scoped="scoped">.fancyButton209.fancyButton:link,.fancyButton209.fancyButton:visited, .fancyButton209div.fancyButton{
2210	background-image: url('/ImageRepository/Document?documentID=39428');
2211	background-repeat: no-repeat;
2212	background-position: center center;
2213min-height:400px;
2214background-size:cover;
2215transition:all .3s ease-in-out;
2216position:relative;
2217z-index:0;
2218}
2219.fancyButton209::after{
2220position:absolute;
2221content:"";
2222left:0;
2223bottom:0;
2224transition:all .3s ease-in-out;
2225width:100%;
2226opacity:0;
2227height:100%;
2228z-index:-1;
2229background: transparent linear-gradient(180deg, rgba(99, 85, 79, 0.7) 0%, rgba(20, 17, 16, 0.9) 100%) 0% 0% 
2229no-repeat padding-box;
2230}
2231.fancyButton209:is(:hover, :focus, :active)::after{
2232opacity:1;
2233
2234}
2235.fancyButton209.fancyButton:hover,.fancyButton209.fancyButton:focus,.fancyButton209.fancyButton:active,.fancyButton209.fancyButton.hover{
2236	background-image: url('/ImageRepository/Document?documentID=39427');
2237	background-repeat: no-repeat;
2238	background-position: center center;
2239}
2240.fancyButton209.fancyButton:link > span,.fancyButton209.fancyButton:visited > span, .fancyButton209div.fancyButton > span{
2241}
2242.fancyButton209.fancyButton:hover > span,.fancyButton209.fancyButton:focus > span,.fancyButton209.fancyButton:active > span,.fancyButton209.fancyButton.hover > span{
2243}
2244.fancyButton209.fancyButton .text{
2245	color: rgba(255, 255, 255, 1);
2246	font-size: 1.5em;
2247	font-family: "PT Sans";
2248	text-align: center;
2249	padding-top: 30px;
2250	padding-bottom: 30px;
2251	padding-right: 10px;
2252	padding-left: 10px;
2253	font-weight: 700;
2254	text-decoration: none;
2255	padding-top: 30px;
2256	padding-bottom: 30px;
2257	padding-right: 10px;
2258	padding-left: 10px;
2259	background-repeat: no-repeat;
2260	background-position: left top;
2261width:100%;
2262position:absolute;
2263left:0;
2264bottom:50%;
2265transition:all .3s ease-in-out;
2266transform:translateY(50%);
2267}
2268.fancyButton209 .text::after{
2269position:absolute;
2270content:"";
2271left:50%;
2272bottom:5px;
2273width:60px;
2274height:2px;
2275border-radius:2px;
2276background:#FFFFFF;
2277transform:translateX(-50%);
2278transition:all .3s ease-in-out;
2279}
2280.fancyButton209:is(:hover, :focus, :active) .text::after{
2281width:100px;display:block;}
2282.fancyButton209.fancyButton:hover .text,.fancyButton209.fancyButton:focus .text,.fancyButton209.fancyButton:active .text,.fancyButton209.fancyButton.hover .text{
2283	text-decoration: none;
2284	background-repeat: no-repeat;
2285	background-position: left top;
2286bottom:37px;
2287transform:translateY(0%);
2288}
2289.fancyButton209.fancyButton .textStyle1{
2290	color: rgb(255, 255, 255);
2291	font-size: 1.5em;
2292	font-family: PT Sans;
2293	font-weight: 700;
2294	text-decoration: none;
2295display:block;}
2296.fancyButton209.fancyButton:hover .textStyle1, .fancyButton209.fancyButton.hover .textStyle1{
2297	text-decoration: underline;
2298
2299}
2300.fancyButton209.fancyButton .textStyle2{
2301	color: rgb(255, 255, 255);
2302	font-size: 1.5em;
2303	font-family: PT Sans;
2304	font-style: normal;
2305	text-decoration: none;
2306display:block;}
2307.fancyButton209.fancyButton:hover .textStyle2, .fancyButton209.fancyButton.hover .textStyle2{
2308	text-decoration: none;
2309
2310}
2311</style>
2312
2313 </li><!--
2314--></ul></div><!--				-->
2315				</div>
2316			</nav>
2317		</div>
2318	<div class="widgetFooter">
2319			</div>
2320</div>
2321</div>
2322
2323	</div> <!-- inner column -->
2324
2325	</div> <!-- inner row -->
2326
2327			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2328
2329
2330	</div>
2331</div></div>
2332</div>
2333
2334
2335
2336
2337		<div id="banner2-40" style="display: none"></div>
2338			
2338<script type="text/javascript">
2339				$(window).on("load", function () {
2340					$.when(window.Pages.rwdSetupComplete)
2341						.done(function () {
2342							renderBanner('banner2-40',
2343								'banner2',
2344								{"BannerOptionID":40,"ThemeID":16,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":1,"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":113,"BannerOptionID":40,"FileName":"/ImageRepository/Document?documentID=39419","Height":904,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
2345								{"BannerImageID":113,"BannerOptionID":40,"FileName":"/ImageRepository/Document?documentID=39419","Height":904,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null},
2346								'/App_Themes/2025 - Home/Images/',
2347								'<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=39419" />');
2348						});
2349				});
2350			</script>
2350
2351
2352</div>
2353</div><!-- Carousel --><div data-cpRole="structuralContainer" id="homeContainer2">
2354<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent2a">	<div id="cc47160a7f-caaa-4413-a9e4-76af69123170" data-containerid="47160a7f-caaa-4413-a9e4-76af69123170" class="pageContent cpGrid cpGrid24 showInMobile">
2355				                
2356
2357		<div class="row outer wide"><!--
2358--><div class="outer col col24 first last" style="" data-widgetcontainerid="8ac20415-df00-4fc6-b629-1112155ebb43">�				
2359	<div class="row nest first last wide">�
2360	
2361	<div class="inner col col24 first last idd02a1ac7-575e-4dae-b47f-60f34be2515a" style="" data-widgetcontainerid="d02a1ac7-575e-4dae-b47f-60f34be2515a">�	
2362    <div data-widget-id="dad76b25-842b-4c17-8642-ae9db5ba64db" data-widget-controller-path="/InfoAdvanced/Widget">
2363
2364
2365
2366
2367
2368	<section id="divInfoAdvdad76b25-842b-4c17-8642-ae9db5ba64db" class="widget widgetInfoAdvanced skin36 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2369			<header class="widgetHeader" id="headerdad76b25-842b-4c17-8642-ae9db5ba64db">
2370		<div class="">
2371								</div>
2372	</header>
2373	<div class="widgetBody  cpGrid cpGrid1 ">
2374		<div class="row  wide">
2375					<div class="col col1 first last">
2376						<ol class="pageStyles semanticList">
2377
2378<li class="InfoAdvanced widgetItem fr-view">
2379	<h1 class="headline" style="text-align: center;">NEWS FLASH</h1><p style="text-align: center;">Stay Up To Date</p>
2380</li>						</ol>
2381					</div>
2382		</div>
2383	</div>
2384	<div class="widgetFooter">
2385
2386	</div>
2387
2388	</section>
2389
2390
2391
2392<script type="text/javascript">
2393	//Render slideshow if info advacned items contain one.
2394	$(document).ready(function (e) {
2395		$('#divInfoAdvdad76b25-842b-4c17-8642-ae9db5ba64db .InfoAdvanced.widgetItem').each(function () {
2396			renderSlideshowIfApplicable($(this));		
2397		});
2398	});
2399</script>
2399</div>
2400	</div> <!-- inner column -->
2401
2402	</div> <!-- inner row -->
2403
2404			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2405		<div class="row outer wide"><!--
2406--><div class="outer col col24 first last" style="" data-widgetcontainerid="0dd8d0c1-a4ef-4d39-9025-2974f3395ba7">�				
2407	<div class="row nest first last wide">�
2408	
2409	<div class="inner col col24 first last id05629889-daed-45ca-a8c3-683299db7b7c" style="" data-widgetcontainerid="05629889-daed-45ca-a8c3-683299db7b7c">�	
2410
2411	<div id="divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394" class="widget widgetTabbed wide skin35" data-widgetid="23735402-ba52-4d69-b4f3-1a96b1f96394">
2412		<ol class="tabbedWidget cpTabs  " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" ">
2413			<!--
2414					--><li style="width: 48%;" class="active" role="presentation">	<a href="#tab23735402-ba52-4d69-b4f3-1a96b1f96394_0" class="tabButton" id="tabBtn23735402-ba52-4d69-b4f3-1a96b1f96394_0" role="tab" aria-controls="tab23735402-ba52-4d69-b4f3-1a96b1f96394_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="SPOTLIGHTS" contenteditable="false">SPOTLIGHTS</span></a>
2415</li><!--
2416					--><li style="width: 48%;" class="" role="presentation">	<a href="#tab23735402-ba52-4d69-b4f3-1a96b1f96394_1" class="tabButton" id="tabBtn23735402-ba52-4d69-b4f3-1a96b1f96394_1" role="tab" aria-controls="tab23735402-ba52-4d69-b4f3-1a96b1f96394_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="City News" contenteditable="false">City News</span></a>
2417</li><!--
2418					-->
2419		</ol>
2420
2421		<div class="cpTabPanels">
2422					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
2423						<li class="active" role="presentation">	<a href="#tab23735402-ba52-4d69-b4f3-1a96b1f96394_0" class="tabButton" id="tabBtnNarrow23735402-ba52-4d69-b4f3-1a96b1f96394_0" role="tab" aria-controls="tab23735402-ba52-4d69-b4f3-1a96b1f96394_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="SPOTLIGHTS" contenteditable="false">SPOTLIGHTS</span></a>
2424</li>
2425					</ol>
2426				<div class="tabbedWidget cpTabPanel showing" style="" id="tab23735402-ba52-4d69-b4f3-1a96b1f96394_0" role="tabpanel" aria-labelledby="tabBtn23735402-ba52-4d69-b4f3-1a96b1f96394_0" tabindex="-1">
2427
2428<div data-widget-id="449ec56b-9e16-44ad-9ed4-b2da1162bb3f" data-widget-controller-path="/NewsFlash/Widget">
2429		
2429<script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script>
2429
2430		
2430<script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script>
2430
2431
2432
2433
2434
2435
2436
2437
2438
2439
2440
2441
2442
2443
2444
2445
2446	<section class="widget widgetNewsFlash skin35 widgetOptionSet30 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash449ec56b-9e16-44ad-9ed4-b2da1162bb3f" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash">
2447			<div class="widgetBody cpGrid cpGrid1 ">
2448
2449
2450
2451
2452<div class="cpCarousel cpCarousel449ec56b-9e16-44ad-9ed4-b2da1162bb3f">
2453	<div class="cpWindow cpWindow449ec56b-9e16-44ad-9ed4-b2da1162bb3f">
2454		<ol class="semanticList cpSlider">
2455						<li class="widgetItem" data-index="0">
2456								<a href="/CivicAlerts.aspx?AID=1201" target="_self"><img class="media cover" src="/ImageRepository/Document?documentID=40908" alt="Cover of Fall 2026 City Magazine, with a young girl participating in a cultural celebration." data-delayed-image="" style="height: 250px"/></a>
2457						<div class="text">
2458							<h2 id="newsFlashItemHeader1201" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1201" target="_self">Fall 2026 City Magazine </a>
2459</h2>	<div class="widgetDesc">
2460Read the City News and Recreation Guide for Fall 2026!						<a id="newsFlashReadOn1201" href="/CivicAlerts.aspx?AID=1201" target="_self" class="readOn" aria-label="Read on...: Fall 2026 City Magazine">Read on...</a>
2461	</div>
2462
2463						</div>
2464						</li>
2465						<li class="widgetItem" data-index="1">
2466								<a href="/CivicAlerts.aspx?AID=1200" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=36062" alt="Photo of power lines at sunset" data-delayed-image="" style="height: 250px"/></a>
2467						<div class="text">
2468							<h2 id="newsFlashItemHeader1200" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1200" target="_self">Public Safety Power Shutoffs (PSPS) </a>
2469</h2>	<div class="widgetDesc">
2470Be prepared for possible power shutoff on October 2-3.						<a id="newsFlashReadOn1200" href="/CivicAlerts.aspx?AID=1200" target="_self" class="readOn" aria-label="Read on...: Public Safety Power Shutoffs (PSPS)">Read on...</a>
2471	</div>
2472
2473						</div>
2474						</li>
2475						<li class="widgetItem" data-index="2">
2476								<a href="/CivicAlerts.aspx?AID=1199" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40053" alt="" data-delayed-image="" style="height: 250px"/></a>
2477						<div class="text">
2478							<h2 id="newsFlashItemHeader1199" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1199" target="_self">Fall 2026 Community Clean Up </a>
2479</h2>	<div class="widgetDesc">
2480Join us for the Bi-Annual Community Clean-up Event on October 24 @ 8 AM!						<a id="newsFlashReadOn1199" href="/CivicAlerts.aspx?AID=1199" target="_self" class="readOn" aria-label="Read on...: Fall 2026 Community Clean Up">Read on...</a>
2481	</div>
2482
2483						</div>
2484						</li>
2485						<li class="widgetItem" data-index="3">
2486								<a href="/CivicAlerts.aspx?AID=1198" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40872" alt="" data-delayed-image="" style="height: 250px"/></a>
2487						<div class="text">
2488							<h2 id="newsFlashItemHeader1198" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1198" target="_self">Statement Regarding Charges Against City Treasurer AJ Patel </a>
2489</h2>	<div class="widgetDesc">
2490Read the full news releases from the City of Beaumont and Riverside County District Attorney's Office.						<a id="newsFlashReadOn1198" href="/CivicAlerts.aspx?AID=1198" target="_self" class="readOn" aria-label="Read on...: Statement Regarding Charges Against City Treasurer AJ Patel">Read on...</a>
2491	</div>
2492
2493						</div>
2494						</li>
2495						<li class="widgetItem" data-index="4">
2496								<a href="/CivicAlerts.aspx?AID=1195" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40849" alt="Street construction" data-delayed-image="" style="height: 250px"/></a>
2497						<div class="text">
2498							<h2 id="newsFlashItemHeader1195" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1195" target="_self">Citywide Street Rehabilitation and Maintenance </a>
2499</h2>	<div class="widgetDesc">
2500Crews for street improvements are fully mobilizing on September 4!						<a id="newsFlashReadOn1195" href="/CivicAlerts.aspx?AID=1195" target="_self" class="readOn" aria-label="Read on...: Citywide Street Rehabilitation and Maintenance">Read on...</a>
2501	</div>
2502
2503						</div>
2504						</li>
2505						<li class="widgetItem" data-index="5">
2506								<a href="/CivicAlerts.aspx?AID=1192" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40777" alt="" data-delayed-image="" style="height: 250px"/></a>
2507						<div class="text">
2508							<h2 id="newsFlashItemHeader1192" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1192" target="_self">Join us for the Regional Vendor Fair! </a>
2509</h2>	<div class="widgetDesc">
2510Learn how your business can partner with local public agencies and utilities!						<a id="newsFlashReadOn1192" href="/CivicAlerts.aspx?AID=1192" target="_self" class="readOn" aria-label="Read on...: Join us for the Regional Vendor Fair!">Read on...</a>
2511	</div>
2512
2513						</div>
2514						</li>
2515						<li class="widgetItem" data-index="6">
2516								<a href="/CivicAlerts.aspx?AID=1184" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40728" alt="State of the City 2026" data-delayed-image="" style="height: 250px"/></a>
2517						<div class="text">
2518							<h2 id="newsFlashItemHeader1184" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1184" target="_self">2026 State of the City </a>
2519</h2>	<div class="widgetDesc">
2520Join the City of Beaumont and Beaumont Chamber of Commerce for the State of the City on October 7!						<a id="newsFlashReadOn1184" href="/CivicAlerts.aspx?AID=1184" target="_self" class="readOn" aria-label="Read on...: 2026 State of the City">Read on...</a>
2521	</div>
2522
2523						</div>
2524						</li>
2525						<li class="widgetItem" data-index="7">
2526								<a href="/CivicAlerts.aspx?AID=1188" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=40640" alt="" data-delayed-image="" style="height: 250px"/></a>
2527						<div class="text">
2528							<h2 id="newsFlashItemHeader1188" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1188" target="_self">Beaumont Designated on FRRCL </a>
2529</h2>	<div class="widgetDesc">
2530Inclusion on Fire Risk Reduction Community List (FRRCL) brings potential benefits to Beaumont residents!						<a id="newsFlashReadOn1188" href="/CivicAlerts.aspx?AID=1188" target="_self" class="readOn" aria-label="Read on...: Beaumont Designated on FRRCL">Read on...</a>
2531	</div>
2532
2533						</div>
2534						</li>
2535
2536		</ol>
2537	</div>
2538</div>
2539<script type="text/javascript">
2540	// <!--
2541	window.$ = window.$ || window.parent.$;
2542
2543	$(window).on('load', function () {
2544		//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
2545		if(!window.carouselsToInit){
2546			window.carouselsToInit = new Array();
2547		}
2548		var widgetNewsFlash449ec56b9e1644ad9ed4b2da1162bb3f = function()
2549		{
2550			var widgetWindow = $('#widgetNewsFlash449ec56b-9e16-44ad-9ed4-b2da1162bb3f').find('.cpWindow')[0];
2551			if(widgetWindow){
2552				if(widgetWindow.clientWidth != 0){
2553					window.setTimeout(function(){
2554						$('#widgetNewsFlash449ec56b-9e16-44ad-9ed4-b2da1162bb3f').adaptiveCarousel({
2555							minSlideWidth: 230,
2556							maxSlideWidth: 350,
2557							gutterWidth: 40,
2558							circular: true,
2559							teaser: false,
2560							transitionTiming: 500,
2561							noImageRequired: false
2562							});
2563					}, 250);
2564					var index = window.carouselsToInit.indexOf(widgetNewsFlash449ec56b9e1644ad9ed4b2da1162bb3f);
2565					if (index > -1) {
2566						window.carouselsToInit.splice(index, 1);
2567					}
2568				}
2569			}
2570		}
2571		var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlash449ec56b9e1644ad9ed4b2da1162bb3f);
2572		if (indexCarouselsToInit === -1) {
2573			window.carouselsToInit.push(widgetNewsFlash449ec56b9e1644ad9ed4b2da1162bb3f);
2574		}
2575
2576		if (window.carouselsToInit) {
2577			window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); });
2578		}
2579
2580		if (window.Pages.onResizeHandlers){
2581			window.Pages.onResizeHandlers.forEach(function(car){car();});
2582		}
2583	});
2584
2585	if (Modernizr.touch) {
2586		var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages;
2587		$.when($pages.rwdReady).done(function () {
2588			//only for responsive sites
2589			if (typeof($$) !== 'undefined') {
2590				$$('#widgetNewsFlash449ec56b-9e16-44ad-9ed4-b2da1162bb3f').on('swipeRight', function (e, a) {
2591					$(this).adaptiveCarousel("moveBack");
2592				});
2593				$$('#widgetNewsFlash449ec56b-9e16-44ad-9ed4-b2da1162bb3f').on('swipeLeft', function (e) {
2594					$(this).adaptiveCarousel("moveForward");
2595				});
2596			}
2597		});
2598	}
2599	// -->
2600</script>
2600
2601
2602		<a id="newsFlashViewAll449ec56b-9e16-44ad-9ed4-b2da1162bb3f" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=13">VIEW ALL NEWS</a>
2603			</div>
2604	<div class="widgetFooter">
2605	</div>
2606	<div class="addItemModal hidden">
2607		<div class="url hidden">/CivicAlerts.aspx</div>
2608	</div>
2609
2610	</section>
2611
2612
2613
2614
2615
2616
2617
2618
2619</div>
2620				</div>
2621					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
2622						<li class="" role="presentation">	<a href="#tab23735402-ba52-4d69-b4f3-1a96b1f96394_1" class="tabButton" id="tabBtnNarrow23735402-ba52-4d69-b4f3-1a96b1f96394_1" role="tab" aria-controls="tab23735402-ba52-4d69-b4f3-1a96b1f96394_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="City News" contenteditable="false">City News</span></a>
2623</li>
2624					</ol>
2625				<div class="tabbedWidget cpTabPanel " style="display: none;" id="tab23735402-ba52-4d69-b4f3-1a96b1f96394_1" role="tabpanel" aria-labelledby="tabBtn23735402-ba52-4d69-b4f3-1a96b1f96394_1" tabindex="-1">
2626
2627<div data-widget-id="3e293fa2-910d-449e-b2bb-994984863ce8" data-widget-controller-path="/NewsFlash/Widget">
2628
2629
2630
2631
2632
2633
2634
2635
2636
2637
2638
2639
2640
2641
2642
2643	<section class="widget widgetNewsFlash skin35 widgetOptionSet31 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash3e293fa2-910d-449e-b2bb-994984863ce8" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash">
2644			<div class="widgetBody cpGrid cpGrid4 ">
2645	<div class="row  wide" style="">
2646				<div class="col col1 first ">
2647					<ol class="semanticList">
2648			<li class="widgetItem" data-news-i-d="1194">
2649
2650				<h2 id="newsFlashItemHeader1194" class="widgetTitle">	<a href="/CivicAlerts.aspx?AID=1194" target="_self">1-Year Partnership with Haven Pet Center </a>
2651</h2><div class="widgetDesc">
2652City Council has approved a one-year partnership with Haven Pet Center while Beaumont's temporary animal shelter is in design.				<a href="/CivicAlerts.aspx?AID=1194" target="_self" id="newsFlashReadOn1194" aria-label="Read on...: 1-Year Partnership with Haven Pet Center" class="readOn">Read on...</a>
2653</div>
2654
2655			</li>
2656					</ol>
2657				</div>
2658				<div class="col col1  last">
2659					<ol class="semanticList">
2660			<li class="widgetItem" data-news-i-d="1176">
2661
2662				<h2 id="newsFlashItemHeader1176" class="widgetTitle">	<a href="/CivicAlerts.aspx?AID=1176" target="_self">Pennsylvania Avenue Grade Separation Receives Federal Funding </a>
2663</h2><div class="widgetDesc">
2664Congressman Raul Ruiz Presents $2 Million for Pennsylvania Avenue Grade Separation Project				<a href="/CivicAlerts.aspx?AID=1176" target="_self" id="newsFlashReadOn1176" aria-label="Read on...: Pennsylvania Avenue Grade Separation Receives Federal Funding" class="readOn">Read on...</a>
2665</div>
2666
2667			</li>
2668					</ol>
2669				</div>
2670				<div class="col col1  ">
2671					<ol class="semanticList">
2672					</ol>
2673				</div>
2674				<div class="col col1  ">
2675					<ol class="semanticList">
2676					</ol>
2677				</div>
2678	</div>
2679
2680		<a id="newsFlashViewAll3e293fa2-910d-449e-b2bb-994984863ce8" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1">VIEW ALL NEWS</a>
2681			</div>
2682	<div class="widgetFooter">
2683	</div>
2684	<div class="addItemModal hidden">
2685		<div class="url hidden">/CivicAlerts.aspx</div>
2686	</div>
2687
2688	</section>
2689
2690
2691
2692
2693
2694
2695
2696
2697</div>
2698				</div>
2699					</div>
2700	</div>
2701	
2701<script type="text/javascript">
2702		
2703		$.when(window.Pages.rwdReady).done(function () {
2704			var tabbedWidgetID = 'divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394';
2705			var mediaQuerySize = 25;
2706			if (mediaQuerySize > 0) {
2707				var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)';
2708				var $tabbedWidget = $('#' + tabbedWidgetID);
2709				
2710                // Update child widget classes based on parent state
2711                var updateChildWidgetClasses = function (isParentWide) {
2712                    var liveEditEnabled = getCookieValue("enableLiveEdit") === "true";
2713                    if (liveEditEnabled)
2714                        return;
2715
2716                    var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]');
2717
2718                    if (isParentWide) {
2719                        $childWidgets.addClass('wide').removeClass('narrow');
2720                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow');
2721                    } else {
2722                        $childWidgets.addClass('narrow').removeClass('wide');
2723                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide');
2724                    }
2725                };
2726				
2727				window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, {
2728					deferSetup: false,
2729					setup: function () {
2730						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2731						if (!liveEditEnabled) {
2732							$tabbedWidget.addClass('narrow').removeClass('wide');
2733							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2734							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2735							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2736							$tabbedWidget.data("tabHeightSet", false);
2737							
2738							// Update child widget classes - parent is narrow
2739							updateChildWidgetClasses(false);
2740						}
2741					},
2742					match: function () {
2743						$tabbedWidget.addClass('wide').removeClass('narrow');
2744						cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery);
2745						$tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false');
2746						$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true');
2747
2748						if($tabbedWidget.data("tabHeightSet") == false)
2749						{
2750							$tabbedWidget.data("tabHeightSet", true);
2751
2752							var tabbedWidgetID = 'divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394';
2753							setTabbedWidgetsTabHeight(tabbedWidgetID);
2754						}
2755						$('.cpTabPanels').unbind('click');
2756						
2757						// Update child widget classes - parent is wide
2758						updateChildWidgetClasses(true);
2759					},
2760					unmatch: function () {
2761						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2762						if (!liveEditEnabled) {
2763							$tabbedWidget.addClass('narrow').removeClass('wide');
2764							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2765							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2766							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2767							
2768							// Update child widget classes - parent is narrow
2769							updateChildWidgetClasses(false);
2770						}
2771						$('.cpTabPanels').click(function() {
2772							this.scrollIntoView();
2773						});
2774					}
2775				});                
2776            }
2777        });
2778		
2779		//Used for when page is initially loaded
2780		if($('#divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394').hasClass('narrow'))
2781		{
2782			$('.cpTabPanels').click(function() {
2783				this.scrollIntoView();
2784			});
2785		}
2786		
2787
2788		//If responsive not enabled, execute this after a timeout
2789		if(!isResponsiveEnabled)
2790		{
2791			window.setTimeout(function(){
2792				var tabbedWidgetID = 'divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394';
2793				typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID);
2794			}, 1500);
2795		}
2796
2797		function reinitCarousels() {
2798			if (window.carouselsToInit) {
2799				for (var i = 0; i < window.carouselsToInit.length; i++) {
2800					carouselsToInit[i]();
2801				}
2802			}
2803		}
2804		function sizeTabbedContent(element){
2805			if(window.Pages){
2806				if(window.Pages.onResizeHandlers){
2807					var setTabbedInterval = setInterval(function () {
2808						window.Pages.onResizeHandlers.forEach(function(car){car();});
2809					}, 25)
2810
2811
2812					setTimeout(function () {
2813						clearInterval(setTabbedInterval);
2814						if ($.cookie("enableLiveEdit") === "true") {
2815							setInterval(function () {
2816								window.Pages.onResizeHandlers.forEach(function(car){car();});
2817							}, 2000);
2818						}
2819					}, 2500);
2820					element.onclick="window.setTimeout(function(){reinitCarousels();},2);"
2821				}
2822			}
2823		}
2824
2825		function adjustTab(e) {
2826			e.preventDefault();
2827			window.setTimeout(function(){
2828				reinitCarousels();
2829			}, 2);
2830			sizeTabbedContent(this);
2831		}
2832
2833		var tabButtons = document.querySelectorAll("#divTabbed23735402-ba52-4d69-b4f3-1a96b1f96394 .tabButton");
2834
2835		tabButtons.forEach(function (tabButton) {
2836			tabButton.addEventListener("click", adjustTab);
2837		});
2838
2839	</script>
2839
2840
2841
2842
2843	</div> <!-- inner column -->
2844
2845	</div> <!-- inner row -->
2846
2847			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2848
2849
2850	</div>
2851</div></div>
2852</div><!-- Calendar --><div data-cpRole="structuralContainer" id="homeContainer3" class="noOverflowTS">
2853<div data-cpRole="banner" id="banner3"><div data-cpRole="structuralContainer" id="bannerSizing3TS">
2854<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent3a">	<div id="cc81fc46e8-81b1-42ce-a7dc-9618e70b61e8" data-containerid="81fc46e8-81b1-42ce-a7dc-9618e70b61e8" class="pageContent cpGrid cpGrid24 showInMobile">
2855				                
2856
2857		<div class="row outer wide"><!--
2858--><div class="outer col col24 first last" style="" data-widgetcontainerid="23423ea9-ccfd-42ae-88e4-9fc47c0d43c4">�				
2859	<div class="row nest first wide">�
2860	
2861	<div class="inner col col24 first last idd98c7ef4-f692-4f52-a814-66d5fdce498e" style="" data-widgetcontainerid="d98c7ef4-f692-4f52-a814-66d5fdce498e">�	
2862    <div data-widget-id="51086f3c-c28c-4705-bce9-76f02718805e" data-widget-controller-path="/InfoAdvanced/Widget">
2863
2864
2865
2866
2867
2868	<section id="divInfoAdv51086f3c-c28c-4705-bce9-76f02718805e" class="widget widgetInfoAdvanced skin36 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2869			<header class="widgetHeader" id="header51086f3c-c28c-4705-bce9-76f02718805e">
2870		<div class="">
2871								</div>
2872	</header>
2873	<div class="widgetBody  cpGrid cpGrid1 ">
2874		<div class="row  wide">
2875					<div class="col col1 first last">
2876						<ol class="pageStyles semanticList">
2877
2878<li class="InfoAdvanced widgetItem fr-view">
2879	<h1 class="headline" style="text-align: center;">CALENDAR</h1><p style="text-align: center;">Mark Your Calendar</p>
2880</li>						</ol>
2881					</div>
2882		</div>
2883	</div>
2884	<div class="widgetFooter">
2885
2886	</div>
2887
2888	</section>
2889
2890
2891
2892<script type="text/javascript">
2893	//Render slideshow if info advacned items contain one.
2894	$(document).ready(function (e) {
2895		$('#divInfoAdv51086f3c-c28c-4705-bce9-76f02718805e .InfoAdvanced.widgetItem').each(function () {
2896			renderSlideshowIfApplicable($(this));		
2897		});
2898	});
2899</script>
2899</div>
2900	</div> <!-- inner column -->
2901
2902	</div> <!-- inner row -->
2903	<div class="row nest last wide">�
2904	
2905	<div class="inner col col24 first last id2444cb96-e2bf-4357-b7e7-78d8b7d7750f" style="" data-widgetcontainerid="2444cb96-e2bf-4357-b7e7-78d8b7d7750f">�	
2906 
2907	<div data-widget-id='02fb5b24-1b55-4d23-9782-be7ca62a48b4' data-moduleName="customHtml" id='widgetCustomHtml02fb5b24-1b55-4d23-9782-be7ca62a48b4' class="widget widgetCustomHtml skin41 narrow" >
2908	<div class="widgetBody pageStyles" id="widgetBody02fb5b24-1b55-4d23-9782-be7ca62a48b4">
2909		<div id="customHtml02fb5b24-1b55-4d23-9782-be7ca62a48b4"><div><div class="iframe-container">
2910
2911<iframe src="https://main.withapps.io/calendar?organizationId=23&id=68372ba2c60218a63831da76" class="responsive-iframe" scrolling="no">
2912
2913</iframe>
2914
2915</div>
2916
2917<style>
2918
2919.iframe-container {
2920
2921display: flex;
2922
2923justify-content: center;
2924
2925align-items: flex-start;
2926
2927width: 100%;
2928
2929height: 100%;
2930
2931}
2932
2933 
2934
2935.responsive-iframe {
2936
2937min-width: 400px;
2938
2939max-width: 900px;
2940
2941width: 100%;
2942
2943height: 650px; /* change height to fit container */
2944
2945transform: scale(1.0); /* upscale or downscale to adjust to container size for the chosen height*/
2946
2947transform-origin: top center;
2948
2949border: none;
2950
2951overflow: hidden;
2952
2953}
2954
2955 
2956
2957@media (max-width: 768px) {
2958
2959.responsive-iframe {
2960
2961height: 900px;
2962
2963max-height: 900px;
2964
2965transform: scale(0.8); /* use this value to adjust the size of the calendar for the chosen height above */
2966
2967transform-origin: top center;
2968
2969/*margin: 0 0 -175px 0;*/ /* if you have a big margin at the bottom use this example to adjust while changing the number -175px */
2970
2971 
2972
2973}
2974
2975}
2976
2977 
2978
2979/* media query for tablet size adjustments. Be aware that this configuration can affect desktop configuration with smaller screens.*/
2980
2981@media (min-width: 768px) and (max-width: 1024px) {
2982
2983.responsive-iframe {
2984
2985height: 900px; /* use this value to adjust the height */
2986
2987max-height: 900px;
2988
2989transform: scale(1.4); /* use this value to adjust the size of the calendar for the chosen height above */
2990
2991transform-origin: top center;
2992
2993/* if you have a big margin on top and / or bottom use this, or adjust the values with margin: top, right, bottom, left */
2994
2995/* margin: -100px 0 -100px 0; */
2996
2997}
2998
2999}
3000
3001</style></div></div>
3002	</div>
3003
3004	</div>
3005
3006	</div> <!-- inner column -->
3007
3008	</div> <!-- inner row -->
3009
3010			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3011
3012
3013	</div>
3014</div></div>
3015</div>
3016
3017
3018
3019
3020		<div id="banner3-41" style="display: none"></div>
3021			
3021<script type="text/javascript">
3022				$(window).on("load", function () {
3023					$.when(window.Pages.rwdSetupComplete)
3024						.done(function () {
3025							renderBanner('banner3-41',
3026								'banner3',
3027								{"BannerOptionID":41,"ThemeID":16,"SlotName":"banner3","Name":"Default","IsDefault":true,"BannerMode":1,"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":112,"BannerOptionID":41,"FileName":"/ImageRepository/Document?documentID=39419","Height":904,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
3028								{"BannerImageID":112,"BannerOptionID":41,"FileName":"/ImageRepository/Document?documentID=39419","Height":904,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null},
3029								'/App_Themes/2025 - Home/Images/',
3030								'<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=39419" />');
3031						});
3032				});
3033			</script>
3033
3034
3035</div>
3036</div><!-- COUNCIL RESOURCES --><div data-cpRole="structuralContainer" id="homeContainer4">
3037<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent4a">	<div id="cc7af70caf-1b18-474e-9fa0-e2c16498d6aa" data-containerid="7af70caf-1b18-474e-9fa0-e2c16498d6aa" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="75">
3038				                
3039
3040		<div class="row outer wide"><!--
3041--><div class="outer col col24 first last" style="" data-widgetcontainerid="af2092eb-8dee-45e4-92a5-887df3a5a90e">�				
3042	<div class="row nest first last wide">�
3043	
3044	<div class="inner col col24 first last id618cdb6b-5f0d-49c3-bfe1-5ec3683f4478" style="" data-widgetcontainerid="618cdb6b-5f0d-49c3-bfe1-5ec3683f4478">�	
3045    <div data-widget-id="2c7913e8-7d72-4ff5-b4e9-a94c5b3fd67a" data-widget-controller-path="/InfoAdvanced/Widget">
3046
3047
3048
3049
3050
3051	<section id="divInfoAdv2c7913e8-7d72-4ff5-b4e9-a94c5b3fd67a" class="widget widgetInfoAdvanced skin38 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
3052			<header class="widgetHeader" id="header2c7913e8-7d72-4ff5-b4e9-a94c5b3fd67a">
3053		<div class="">
3054								</div>
3055	</header>
3056	<div class="widgetBody  cpGrid cpGrid1 ">
3057		<div class="row  wide">
3058					<div class="col col1 first last">
3059						<ol class="pageStyles semanticList">
3060
3061<li class="InfoAdvanced widgetItem fr-view">
3062	<h1 class="headline" style="text-align: center;">COUNCIL RESOURCES</h1><p style="text-align: center;">Find What You&rsquo;re Looking For</p>
3063</li>						</ol>
3064					</div>
3065		</div>
3066	</div>
3067	<div class="widgetFooter">
3068
3069	</div>
3070
3071	</section>
3072
3073
3074
3075<script type="text/javascript">
3076	//Render slideshow if info advacned items contain one.
3077	$(document).ready(function (e) {
3078		$('#divInfoAdv2c7913e8-7d72-4ff5-b4e9-a94c5b3fd67a .InfoAdvanced.widgetItem').each(function () {
3079			renderSlideshowIfApplicable($(this));		
3080		});
3081	});
3082</script>
3082</div>
3083	</div> <!-- inner column -->
3084
3085	</div> <!-- inner row -->
3086
3087			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3088		<div class="row outer wide"><!--
3089--><div class="outer col col12 first" style="" data-widgetcontainerid="3a46f36a-4ad8-4233-95ae-c3d6f64307c7">�				
3090	<div class="row nest first last wide">�
3091	
3092	<div class="inner col col12 first last id6331e341-889b-4085-85fa-693743a8e599" style="" data-widgetcontainerid="6331e341-889b-4085-85fa-693743a8e599">�	
3093 
3094	<div data-widget-id='3c824515-a421-4aa9-a124-409d5c8335c1' data-moduleName="customHtml" id='widgetCustomHtml3c824515-a421-4aa9-a124-409d5c8335c1' class="widget widgetCustomHtml skin40 narrow" >
3095	<div class="widgetBody pageStyles" id="widgetBody3c824515-a421-4aa9-a124-409d5c8335c1">
3096		<div id="customHtml3c824515-a421-4aa9-a124-409d5c8335c1"><div><iframe width="560" height="315" src="https://www.youtube.com/embed/K2WA7tW-RZI?si=mM-4-1WPFmp1DOdq" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div>
3097	</div>
3098
3099	</div>
3100
3101	</div> <!-- inner column -->
3102
3103	</div> <!-- inner row -->
3104
3105			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="52d435b7-c5b4-46a0-9a41-e9c5a63f13b5">�				
3106	<div class="row nest first last wide">�
3107	
3108	<div class="inner col col1 first last id6b1bbe3e-c99e-48cc-810a-ea3c5f8e0b55" style="" data-widgetcontainerid="6b1bbe3e-c99e-48cc-810a-ea3c5f8e0b55">�	
3109
3110<div class="widget widgetSpacer" id="8fb2aa52-4afb-42f9-80bb-5a3f865e673f"></div>
3111	</div> <!-- inner column -->
3112
3113	</div> <!-- inner row -->
3114
3115			</div><!-- outer column --><!----><div class="outer col col11 last" style="" data-widgetcontainerid="b24f5a64-6601-4920-a172-884f583e338d">�				
3116	<div class="row nest first last wide">�
3117	
3118	<div class="inner col col11 first last id4342e537-233d-4f1b-9848-0a38a8d37570" style="" data-widgetcontainerid="4342e537-233d-4f1b-9848-0a38a8d37570">�	
3119	<div data-widget-id="063f6673-8bb6-4a6f-a70f-6af168d77e81" data-widget-controller-path="/QuickLinks/Widget">
3120
3121
3122
3123
3124
3125
3126
3127
3128	<section id="widgetQuicklink063f6673-8bb6-4a6f-a70f-6af168d77e81" class="widget widgetQuickLinks skin37 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
3129			<header class="widgetHeader" id="quickLinksHeader063f6673-8bb6-4a6f-a70f-6af168d77e81">
3130		<div class="">
3131						</div>
3132	</header>
3133	<div class="widgetBody cpGrid cpGrid2 ">
3134        <div class="row autoWidths right narrow">
3135				<div class="col col1 first ">
3136					<ol class="semanticList">
3137
3138
3139
3140
3141    <li style="position:relative" class="widgetItem QuickLinks">
3142        <a class="widgetDesc widgetQuickLinksLink" href="/212" target="_self" aria-label="Agendas - 2025 - Home Council Links" rel="">Agendas</a>
3143        <div class="widgetMeta"></div>
3144    </li>
3145
3146
3147
3148
3149    <li style="position:relative" class="widgetItem QuickLinks">
3150        <a class="widgetDesc widgetQuickLinksLink" href="https://library.municode.com/ca/beaumont/codes/code_of_ordinances?nodeId=COORBECA" target="_self" aria-label="Ordinances - 2025 - Home Council Links" rel="">Ordinances</a>
3151        <div class="widgetMeta"></div>
3152    </li>
3153
3154
3155
3156
3157    <li style="position:relative" class="widgetItem QuickLinks">
3158        <a class="widgetDesc widgetQuickLinksLink" href="/list.aspx" target="_self" aria-label="Notify me&#174; - 2025 - Home Council Links" rel="">Notify me®</a>
3159        <div class="widgetMeta"></div>
3160    </li>
3161					</ol>
3162				</div>
3163				<div class="col col1  last">
3164					<ol class="semanticList">
3165
3166
3167
3168
3169    <li style="position:relative" class="widgetItem QuickLinks">
3170        <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/1264/City-Magazine" target="_self" aria-label="City Magazine - 2025 - Home Council Links" rel="">City Magazine</a>
3171        <div class="widgetMeta"></div>
3172    </li>
3173
3174
3175
3176
3177    <li style="position:relative" class="widgetItem QuickLinks">
3178        <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/1458/Strategic-Plan" target="_self" aria-label="Strategic Plan - 2025 - Home Council Links" rel="">Strategic Plan</a>
3179        <div class="widgetMeta"></div>
3180    </li>
3181
3182
3183
3184
3185    <li style="position:relative" class="widgetItem QuickLinks">
3186        <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/791/Transparency-Portal" target="_self" aria-label="Trans
3186parency - 2025 - Home Council Links" rel="">Transparency</a>
3187        <div class="widgetMeta"></div>
3188    </li>
3189					</ol>
3190				</div>
3191		</div>
3192        
3193	</div>
3194	<div class="widgetFooter">
3195	</div>
3196	<div class="addItemModal hidden">
3197		<div class="url hidden">/QuickLinks.aspx</div>
3198	</div>
3199
3200	</section>
3201</div>
3202
3203	</div> <!-- inner column -->
3204
3205	</div> <!-- inner row -->
3206
3207			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3208		<div class="row outer wide"><!--
3209--><div class="outer col col24 first last" style="" data-widgetcontainerid="b0eae38c-c121-46ec-ae01-ca1ad9e66d0c">�				
3210	<div class="row nest first last wide">�
3211	
3212	<div class="inner col col24 first last idb19b9d61-5b4b-439d-b4b3-1efc2983e855" style="" data-widgetcontainerid="b19b9d61-5b4b-439d-b4b3-1efc2983e855">�	
3213
3214<div class="widget widgetSpacer" id="7cee4ab0-5b1a-4af2-8771-6fd360f5a672"></div>
3215	</div> <!-- inner column -->
3216
3217	</div> <!-- inner row -->
3218
3219			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3220		<div class="row outer wide"><!--
3221--><div class="outer col col24 first last" style="" data-widgetcontainerid="686a4ad9-aeb9-493c-8f50-3b1b491fe42f">�				
3222	<div class="row nest first last wide">�
3223	
3224	<div class="inner col col24 first last id6c1d04de-e57b-42e6-b8de-fb0b9090dfcb" style="" data-widgetcontainerid="6c1d04de-e57b-42e6-b8de-fb0b9090dfcb">�	
3225    <div data-widget-id="32e19487-e0e7-494f-a628-e055386685a9" data-widget-controller-path="/InfoAdvanced/Widget">
3226
3227
3228
3229
3230
3231	<section id="divInfoAdv32e19487-e0e7-494f-a628-e055386685a9" class="widget widgetInfoAdvanced skin39 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:60em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
3232			<header class="widgetHeader" id="header32e19487-e0e7-494f-a628-e055386685a9">
3233		<div class="">
3234								</div>
3235	</header>
3236	<div class="widgetBody  cpGrid cpGrid5 ">
3237		<div class="row  wide">
3238					<div class="col col1 first ">
3239						<ol class="pageStyles semanticList">
3240
3241<li class="InfoAdvanced widgetItem fr-view">
3242	<p><a href="/930/Mayor-Pro-Tem-Jessica-Voigt"><img src="/ImageRepository/Document?documentId=40373" class="fr-dib" alt="Mayor Voigt " style="width: 265px;"></a></p><h1 class="headline" style="text-align: center;"><a href="/930/Mayor-Pro-Tem-Jessica-Voigt">Jessica Voigt</a></h1><p style="text-align: center;"><span><a href="/930/Mayor-Pro-Tem-Jessica-Voigt">Mayor</a></span></p>
3243</li>						</ol>
3244					</div>
3245					<div class="col col1  ">
3246						<ol class="pageStyles semanticList">
3247
3248<li class="InfoAdvanced widgetItem fr-view">
3249	<p><a href="/928/Councilmember-Lloyd-White"><img src="/ImageRepository/Document?documentId=40372" class="fr-dib" alt="Mayor Pro Tem White "></a></p><h1 class="headline" style="text-align: center;"><a href="/928/Councilmember-Lloyd-White">Lloyd White</a></h1><p style="text-align: center;"><span><a href="/928/Councilmember-Lloyd-White">Mayor Pro Tem</a></span></p>
3250</li>						</ol>
3251					</div>
3252					<div class="col col1  ">
3253						<ol class="pageStyles semanticList">
3254
3255<li class="InfoAdvanced widgetItem fr-view">
3256	<p><a href="/768/Councilmember-Julio-Martinez-III"><img src="/ImageRepository/Document?documentId=40371" class="fr-dib" alt="Councilmember Martinez"></a></p><h1 class="headline" style="text-align: center;"><a href="/768/Councilmember-Julio-Martinez-III">Julio Martinez III</a></h1><p style="text-align: center;"><span><a href="/768/Councilmember-Julio-Martinez-III">Council Member</a></span></p>
3257</li>						</ol>
3258					</div>
3259					<div class="col col1  ">
3260						<ol class="pageStyles semanticList">
3261
3262<li class="InfoAdvanced widgetItem fr-view">
3263	<p><a href="/959/Councilmember-David-Fenn"><img src="/ImageRepository/Document?documentId=40369" class="fr-dib" alt="Councilmember Fenn" style="width: 341px;"></a></p><h1 class="headline" style="text-align: center;"><a href="/959/Councilmember-David-Fenn">David Fenn</a></h1><p style="text-align: center;"><span><a href="/959/Councilmember-David-Fenn">Council Member</a></span></p>
3264</li>						</ol>
3265					</div>
3266					<div class="col col1  last">
3267						<ol class="pageStyles semanticList">
3268
3269<li class="InfoAdvanced widgetItem fr-view">
3270	<p><a href="/929/Mayor-Mike-Lara"><img src="/ImageRepository/Document?documentId=40370" class="fr-dib" alt="Councilmember Lara"></a></p><h1 class="headline" style="text-align: center;"><a href="/929/Mayor-Mike-Lara">Mike Lara</a></h1><p style="text-align: center;"><span><a href="/929/Mayor-Mike-Lara">Council Member</a></span></p>
3271</li>						</ol>
3272					</div>
3273		</div>
3274	</div>
3275	<div class="widgetFooter">
3276
3277	</div>
3278
3279	</section>
3280
3281
3282
3283<script type="text/javascript">
3284	//Render slideshow if info advacned items contain one.
3285	$(document).ready(function (e) {
3286		$('#divInfoAdv32e19487-e0e7-494f-a628-e055386685a9 .InfoAdvanced.widgetItem').each(function () {
3287			renderSlideshowIfApplicable($(this));		
3288		});
3289	});
3290</script>
3290</div>
3291	</div> <!-- inner column -->
3292
3293	</div> <!-- inner row -->
3294
3295			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3296
3297
3298	</div>
3299</div></div>
3300</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS">
3301<div class="siteWrap4"><div data-cpRole="contentContainer" id="footerTS">	<div id="ccd3d0b627-5663-409a-bf4d-227a045da7f5" data-containerid="d3d0b627-5663-409a-bf4d-227a045da7f5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="67">
3302				                
3303
3304		<div class="row outer wide"><!--
3305--><div class="outer col col7 first" style="" data-widgetcontainerid="1a096d4b-a1c5-4bc8-88ec-3b43f32105e4">�				
3306	<div class="row nest first wide">�
3307	
3308	<div class="inner col col7 first last idc51e4911-3e90-4e49-83a7-38372ea7a135" style="" data-widgetcontainerid="c51e4911-3e90-4e49-83a7-38372ea7a135">�	
3309    <div data-widget-id="18ee6d83-d3a8-4179-b286-cf93379e3f87" data-widget-controller-path="/InfoAdvanced/Widget">
3310
3311
3312
3313
3314
3315	<section id="divInfoAdv18ee6d83-d3a8-4179-b286-cf93379e3f87" class="widget widgetInfoAdvanced skin26 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
3316			<header class="widgetHeader" id="header18ee6d83-d3a8-4179-b286-cf93379e3f87">
3317		<div class="">
3318								</div>
3319	</header>
3320	<div class="widgetBody  cpGrid cpGrid1 ">
3321		<div class="row  wide">
3322					<div class="col col1 first last">
3323						<ol class="pageStyles semanticList">
3324
3325<li class="InfoAdvanced widgetItem fr-view">
3326	<p><a href="/"><img src="/ImageRepository/Document?documentId=39546" class="fr-dib" alt="Beaumont California" style="width: 283px;"></a></p>
3327</li>						</ol>
3328					</div>
3329		</div>
3330	</div>
3331	<div class="widgetFooter">
3332
3333	</div>
3334
3335	</section>
3336
3337
3338
3339<script type="text/javascript">
3340	//Render slideshow if info advacned items contain one.
3341	$(document).ready(function (e) {
3342		$('#divInfoAdv18ee6d83-d3a8-4179-b286-cf93379e3f87 .InfoAdvanced.widgetItem').each(function () {
3343			renderSlideshowIfApplicable($(this));		
3344		});
3345	});
3346</script>
3346</div>
3347	</div> <!-- inner column -->
3348
3349	</div> <!-- inner row -->
3350	<div class="row nest last wide">�
3351	
3352	<div class="inner col col7 first last id8ff20112-1c1a-44be-80c3-9f692b80cf79" style="" data-widgetcontainerid="8ff20112-1c1a-44be-80c3-9f692b80cf79">�	
3353<div data-widget-id="92744edc-e0b0-4c18-90e7-230f9ae64ba4" data-widget-controller-path="/GraphicLinks/Widget">
3354
3355
3356
3357
3358<div id="graphicLinkWidget92744edc-e0b0-4c18-90e7-230f9ae64ba4" class="widget widgetGraphicLinks skin31 widgetOptionSet29 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
3359	<div class="widgetHeader">
3360		<div class="">
3361				</div>
3362	</div>
3363	<div class="widgetBody cpGrid cpGrid6 ">
3364		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
3365				<div class="row autoWidths center wide">
3366					<!--
3367--><div class="col col1 first "><ul class="semanticList"><!--
3368	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self">
3369
3370<img src="/ImageRepository/Document?documentID=39404" 
3371     class="graphicButtonLink" alt="Facebook" 
3372     onmouseover="this.src='/ImageRepository/Document?documentID=39404'" 
3373	onmouseout="this.src='/ImageRepository/Document?documentID=39404'"
3374     onfocus="this.src='/ImageRepository/Document?documentID=39404'" 
3375	onblur="this.src='/ImageRepository/Document?documentID=39404'"> 
3376</a></li><!--
3377--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
3378	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/X" target="_self">
3379
3380<img src="/ImageRepository/Document?documentID=39408" 
3381     class="graphicButtonLink" alt="X" 
3382     onmouseover="this.src='/ImageRepository/Document?documentID=39408'" 
3383	onmouseout="this.src='/ImageRepository/Document?documentID=39408'"
3384     onfocus="this.src='/ImageRepository/Document?documentID=39408'" 
3385	onblur="this.src='/ImageRepository/Document?documentID=39408'"> 
3386</a></li><!--
3387--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
3388	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self">
3389
3390<img src="/ImageRepository/Document?documentID=39409" 
3391     class="graphicButtonLink" alt="YouTube" 
3392     onmouseover="this.src='/ImageRepository/Document?documentID=39409'" 
3393	onmouseout="this.src='/ImageRepository/Document?documentID=39409'"
3394     onfocus="this.src='/ImageRepository/Document?documentID=39409'" 
3395	onblur="this.src='/ImageRepository/Document?documentID=39409'"> 
3396</a></li><!--
3397--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
3398	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self">
3399
3400<img src="/ImageRepository/Document?documentID=39405" 
3401     class="graphicButtonLink" alt="Instagram" 
3402     onmouseover="this.src='/ImageRepository/Document?documentID=39405'" 
3403	onmouseout="this.src='/ImageRepository/Document?documentID=39405'"
3404     onfocus="this.src='/ImageRepository/Document?documentID=39405'" 
3405	onblur="this.src='/ImageRepository/Document?documentID=39405'"> 
3406</a></li><!--
3407--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
3408	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/nextdoor" target="_self">
3409
3410<img src="/ImageRepository/Document?documentID=39407" 
3411     class="graphicButtonLink" alt="Nextdoor" 
3412     onmouseover="this.src='/ImageRepository/Document?documentID=39407'" 
3413	onmouseout="this.src='/ImageRepository/Document?documentID=39407'"
3414     onfocus="this.src='/ImageRepository/Document?documentID=39407'" 
3415	onblur="this.src='/ImageRepository/Document?documentID=39407'"> 
3416</a></li><!--
3417--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
3418	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/linkedin" target="_self">
3419
3420<img src="/ImageRepository/Document?documentID=39406" 
3421     class="graphicButtonLink" alt="Linkedin" 
3422     onmouseover="this.src='/ImageRepository/Document?documentID=39406'" 
3423	onmouseout="this.src='/ImageRepository/Document?documentID=39406'"
3424     onfocus="this.src='/ImageRepository/Document?documentID=39406'" 
3425	onblur="this.src='/ImageRepository/Document?documentID=39406'"> 
3426</a></li><!--
3427--></ul></div><!--				-->
3428				</div>
3429			</nav>
3430		</div>
3431	<div class="widgetFooter">
3432			</div>
3433</div>
3434</div>
3435
3436	</div> <!-- inner column -->
3437
3438	</div> <!-- inner row -->
3439
3440			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="eb82d608-08ea-441a-b8ff-258e73ee190b">�				
3441	<div class="row nest first last wide">�
3442	
3443	<div class="inner col col1 first last idaf3fbe7d-50c7-4ab8-af9c-b4192d2a50a7" style="" data-widgetcontainerid="af3fbe7d-50c7-4ab8-af9c-b4192d2a50a7">�	
3444
3445<div class="widget widgetSpacer" id="c177df84-bf14-454e-8903-254ec6125d3f"></div>
3446	</div> <!-- inner column -->
3447
3448	</div> <!-- inner row -->
3449
3450			</div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="1bb53065-7867-4ff7-bfc9-af4d1ac81e3c">�				
3451	<div class="row nest first last wide">�
3452	
3453	<div class="inner col col5 first last id9b2165ed-933e-4dde-a5a5-13be110c944f" style="" data-widgetcontainerid="9b2165ed-933e-4dde-a5a5-13be110c944f">�	
3454    <div data-widget-id="bd96c05e-17aa-49c2-8db0-194b369daa45" data-widget-controller-path="/InfoAdvanced/Widget">
3455
3456
3457
3458
3459
3460	<section id="divInfoAdvbd96c05e-17aa-49c2-8db0-194b369daa45" class="widget widgetInfoAdvanced skin27 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerbd96c05e-17aa-49c2-8db0-194b369daa45">
3461			<header class="widgetHeader" id="headerbd96c05e-17aa-49c2-8db0-194b369daa45">
3462		<div class="">
3463					<h3 >Contact Us</h3>
3464								</div>
3465	</header>
3466	<div class="widgetBody  cpGrid cpGrid1 ">
3467		<div class="row  wide">
3468					<div class="col col1 first last">
3469						<ol class="pageStyles semanticList">
3470
3471<li class="InfoAdvanced widgetItem fr-view">
3472	<p>Beaumont Civic Center</p>
3473</li>
3474<li class="InfoAdvanced widgetItem fr-view">
3475	<p>550 E. 6th Street</p>
3476</li>
3477<li class="InfoAdvanced widgetItem fr-view">
3478	<p>Beaumont, CA 92223</p><p><br></p>
3479</li>
3480<li class="InfoAdvanced widgetItem fr-view">
3481	<p>Phone: <a href="tel:9517698520">951-769-8520</a></p><p><br></p>
3482</li>
3483<li class="InfoAdvanced widgetItem fr-view">
3484	<p>Monday-Thursday 8:00 am to 5:00 pm</p>
3485</li>
3486<li class="InfoAdvanced widgetItem fr-view">
3487	<p>Friday: 8 am to noon</p>
3488</li>						</ol>
3489					</div>
3490		</div>
3491	</div>
3492	<div class="widgetFooter">
3493
3494	</div>
3495
3496	</section>
3497
3498
3499
3500<script type="text/javascript">
3501	//Render slideshow if info advacned items contain one.
3502	$(document).ready(function (e) {
3503		$('#divInfoAdvbd96c05e-17aa-49c2-8db0-194b369daa45 .InfoAdvanced.widgetItem').each(function () {
3504			renderSlideshowIfApplicable($(this));		
3505		});
3506	});
3507</script>
3507</div>
3508	</div> <!-- inner column -->
3509
3510	</div> <!-- inner row -->
3511
3512			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="1a353a8e-bf40-4706-83f0-5d9d871b0605">�				
3513	<div class="row nest first last wide">�
3514	
3515	<div class="inner col col1 first last idca0ebc53-7ee4-4b8b-9e6a-c63c40d1c4c1" style="" data-widgetcontainerid="ca0ebc53-7ee4-4b8b-9e6a-c63c40d1c4c1">�	
3516
3517<div class="widget widgetSpacer" id="d8a66c45-58c2-4b6d-94fd-f65e910f7bac"></div>
3518	</div> <!-- inner column -->
3519
3520	</div> <!-- inner row -->
3521
3522			</div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="cf68956f-3074-46a2-84b3-753d0307e655">�				
3523	<div class="row nest first last wide">�
3524	
3525	<div class="inner col col5 first last idcaab6628-977d-4b06-9c03-c8d7053367ab" style="" data-widgetcontainerid="caab6628-977d-4b06-9c03-c8d7053367ab">�	
3526	<div data-widget-id="9fa8cc2e-983f-4a74-83eb-07a7d83518fc" data-widget-controller-path="/QuickLinks/Widget">
3527
3528
3529
3530
3531
3532
3533
3534
3535	<section id="widgetQuicklink9fa8cc2e-983f-4a74-83eb-07a7d83518fc" class="widget widgetQuickLinks skin27 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader9fa8cc2e-983f-4a74-83eb-07a7d83518fc">
3536			<header class="widgetHeader" id="quickLinksHeader9fa8cc2e-983f-4a74-83eb-07a7d83518fc">
3537		<div class="">
3538					<h3><a  style="" href="/QuickLinks.aspx?CID=46" >Quick Links</a></h3>
3539						</div>
3540	</header>
3541	<div class="widgetBody cpGrid cpGrid1 ">
3542        <div class="row autoWidths right narrow">
3543				<div class="col col1 first last">
3544					<ol class="semanticList">
3545
3546
3547
3548
3549    <li style="position:relative" class="widgetItem QuickLinks">
3550        <a class="widgetDesc widgetQuickLinksLink" href="/986/Current-Upcoming-Projects" target="_self" aria-label="Construction Projects - General" rel="">Construction Projects</a>
3551        <div class="widgetMeta"></div>
3552    </li>
3553
3554
3555
3556
3557    <li style="position:relative" class="widgetItem QuickLinks">
3558        <a class="widgetDesc widgetQuickLinksLink" href="http://beaumontpd.org/" target="_self" aria-label="Police Department - General" rel="">Police Department</a>
3559        <div class="widgetMeta"></div>
3560    </li>
3561
3562
3563
3564
3565    <li style="position:relative" class="widgetItem QuickLinks">
3566        <a class="widgetDesc widgetQuickLinksLink" href="/90/Transit" target="_self" aria-label="Transit - General" rel="">Transit</a>
3567        <div class="widgetMeta"></div>
3568    </li>
3569
3570
3571
3572
3573    <li style="position:relative" class="widgetItem QuickLinks">
3574        <a class="widgetDesc widgetQuickLinksLink" href="https://beaumontca.recdesk.com/Community/Home" target="_self" aria-label="Facility Rentals - General" rel="">Facility Rentals</a>
3575        <div class="widgetMeta"></div>
3576    </li>
3577
3578
3579
3580
3581    <li style="position:relative" class="widgetItem QuickLinks">
3582        <a class="widgetDesc widgetQuickLinksLink" href="https://ca-beaumont3.civicplus.com/Directory.aspx?DID=8" target="_self" aria-label="Email City Council - General" rel="">Email City Council</a>
3583        <div class="widgetMeta"></div>
3584    </li>
3585
3586
3587
3588
3589    <li style="position:relative" class="widgetItem QuickLinks">
3590        <a class="widgetDesc widgetQuickLinksLink" href="/949/Bids-and-RFPs" target="_self" aria-label="Bids &amp; RFPs - General" rel="">Bids & RFPs</a>
3591        <div class="widgetMeta"></div>
3592    </li>
3593
3594
3595
3596
3597    <li style="position:relative" class="widgetItem QuickLinks">
3598        <a class="widgetDesc widgetQuickLinksLink" href="https://beaumontgis.com/arcgis/apps/experiencebuilder/experience/?id=966c9dc407a14497a0e9a29993dc719a" target="_self" aria-label="GIS - General" rel="">GIS</a>
3599        <div class="widgetMeta"></div>
3600    </li>
3601
3602
3603
3604
3605    <li style="position:relative" class="widgetItem QuickLinks">
3606        <a class="widgetDesc widgetQuickLinksLink" href="https://portal.laserfiche.com/Portal/Welcome.aspx?repo=r-d75cb0c2" target="_self" aria-label="Search Public Documents - General" rel="">Search Public Documents</a>
3607        <div class="widgetMeta"></div>
3608    </li>
3609					</ol>
3610				</div>
3611		</div>
3612        
3613	</div>
3614	<div class="widgetFooter">
3615	</div>
3616	<div class="addItemModal hidden">
3617		<div class="url hidden">/QuickLinks.aspx</div>
3618	</div>
3619
3620	</section>
3621</div>
3622
3623	</div> <!-- inner column -->
3624
3625	</div> <!-- inner row -->
3626
3627			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="478c2667-42af-46f6-a2f8-dfb8312f03d7">�				
3628	<div class="row nest first last wide">�
3629	
3630	<div class="inner col col1 first last iddb59a254-fbaa-4e6f-87d7-6da9d450244e" style="" data-widgetcontainerid="db59a254-fbaa-4e6f-87d7-6da9d450244e">�	
3631
3632<div class="widget widgetSpacer" id="2060094b-4c94-49b9-bb74-892ebfce4c3b"></div>
3633	</div> <!-- inner column -->
3634
3635	</div> <!-- inner row -->
3636
3637			</div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="7f28fed1-53ff-49a3-a270-2988b1b941bb">�				
3638	<div class="row nest first wide">�
3639	
3640	<div class="inner col col4 first last id75cd5619-0bbf-46c5-b157-140525236e16" style="" data-widgetcontainerid="75cd5619-0bbf-46c5-b157-140525236e16">�	
3641	<div data-widget-id="3cc92b35-252d-4aae-ae1d-26f240b7f5c5" data-widget-controller-path="/QuickLinks/Widget">
3642
3643
3644
3645
3646
3647
3648
3649
3650	<section id="widgetQuicklink3cc92b35-252d-4aae-ae1d-26f240b7f5c5" class="widget widgetQuickLinks skin27 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader3cc92b35-252d-4aae-ae1d-26f240b7f5c5">
3651			<header class="widgetHeader" id="quickLinksHeader3cc92b35-252d-4aae-ae1d-26f240b7f5c5">
3652		<div class="">
3653					<h3><a  style="" href="/QuickLinks.aspx?CID=84" >Explore More</a></h3>
3654						</div>
3655	</header>
3656	<div class="widgetBody cpGrid cpGrid1 ">
3657        <div class="row autoWidths right narrow">
3658				<div class="col col1 first last">
3659					<ol class="semanticList">
3660
3661
3662
3663
3664    <li style="position:relative" class="widgetItem QuickLinks">
3665        <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/1255/City-Mobile-App" target="_self" aria-label="City App - 2025 Footer - Explore More" rel="">City App</a>
3666        <div class="widgetMeta"></div>
3667    </li>
3668
3669
3670
3671
3672    <li style="position:relative" class="widgetItem QuickLinks">
3673        <a class="widgetDesc widgetQuickLinksLink" href="/DocumentCenter/View/40421/Tax-Revenue-Sharing-Agreement-Reporting-Form" target="_self" aria-label="Tax Sharing Agreement - 2025 Footer - Explore More" rel="">Tax Sharing Agreement </a>
3674        <div class="widgetMeta"></div>
3675    </li>
3676
3677
3678
3679
3680    <li style="position:relative" class="widgetItem QuickLinks">
3681        <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/1454/Awards" target="_self" aria-label="Our Awards - 2025 Footer - Explore More" rel="">Our Awards</a>
3682        <div class="widgetMeta"></div>
3683    </li>
3684
3685
3686
3687
3688    <li style="position:relative" class="widgetItem QuickLinks">
3689        <a class="widgetDesc widgetQuickLinksLink" href="https://beaumontcabusiness.gov/" target="_blank" aria-label="Economic Development - 2025 Footer - Explore More opens in new window" rel="noopener">Economic Development</a>
3690        <div class="widgetMeta"></div>
3691    </li>
3692
3693
3694
3695
3696    <li style="position:relative" class="widgetItem QuickLinks">
3697        <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/list.aspx" target="_self" aria-label="Notify Me - 2025 Footer - Explore More" rel="">Notify Me</a>
3698        <div class="widgetMeta"></div>
3699    </li>
3700
3701
3702
3703
3704    <li style="position:relative" class="widgetItem QuickLinks">
3705        <a class="widgetDesc widgetQuickLinksLink" href="https://www.beaumontca.gov/791/Transparency-Portal" target="_self" aria-label="Trans
3705parency - 2025 Footer - Explore More" rel="">Transparency</a>
3706        <div class="widgetMeta"></div>
3707    </li>
3708					</ol>
3709				</div>
3710		</div>
3711        
3712	</div>
3713	<div class="widgetFooter">
3714	</div>
3715	<div class="addItemModal hidden">
3716		<div class="url hidden">/QuickLinks.aspx</div>
3717	</div>
3718
3719	</section>
3720</div>
3721
3722	</div> <!-- inner column -->
3723
3724	</div> <!-- inner row -->
3725	<div class="row nest last wide">�
3726	
3727	<div class="inner col col4 first last id9baafeb5-57b0-44e0-87e6-661ab46d8b68" style="" data-widgetcontainerid="9baafeb5-57b0-44e0-87e6-661ab46d8b68">�	
3728	<div data-widget-id="92ed1f6c-1062-4281-933b-1a3785a56948" data-widget-controller-path="/QuickLinks/Widget">
3729
3730
3731
3732
3733
3734
3735
3736
3737	<section id="widgetQuicklink92ed1f6c-1062-4281-933b-1a3785a56948" class="widget widgetQuickLinks skin27 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
3738			<header class="widgetHeader" id="quickLinksHeader92ed1f6c-1062-4281-933b-1a3785a56948">
3739		<div class="">
3740						</div>
3741	</header>
3742	<div class="widgetBody cpGrid cpGrid1 ">
3743        <div class="row autoWidths right narrow">
3744				<div class="col col1 first last">
3745					<ol class="semanticList">
3746
3747
3748
3749
3750    <li style="position:relative" class="widgetItem QuickLinks">
3751        <a class="widgetDesc widgetQuickLinksLink" href="/admin" target="_self" aria-label="My Account - 2025 Footer - My Account" rel="">My Account</a>
3752        <div class="widgetMeta"></div>
3753    </li>
3754					</ol>
3755				</div>
3756		</div>
3757        
3758	</div>
3759	<div class="widgetFooter">
3760	</div>
3761	<div class="addItemModal hidden">
3762		<div class="url hidden">/QuickLinks.aspx</div>
3763	</div>
3764
3765	</section>
3766</div>
3767
3768	</div> <!-- inner column -->
3769
3770	</div> <!-- inner row -->
3771
3772			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3773
3774
3775	</div>
3776</div></div>
3777</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS">
3778<div class="siteWrap4"><div data-cpRole="contentContainer" id="poweredByTS">	<div id="cc5644ebbe-1b40-4ba0-8af0-567965dfdcb3" data-containerid="5644ebbe-1b40-4ba0-8af0-567965dfdcb3" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
3779				                
3780
3781		<div class="row outer wide"><!--
3782--><div class="outer col col24 first last" style="" data-widgetcontainerid="6c252460-891e-43a9-bb27-30ab440db58d">�				
3783	<div class="row nest first last wide">�
3784	
3785	<div class="inner col col24 first last id2aae36b4-0dfc-494d-8c1a-f8b358479827" style="" data-widgetcontainerid="2aae36b4-0dfc-494d-8c1a-f8b358479827">�	
3786 
3787	<div data-widget-id='9711035b-485d-4409-a2da-4cb2a6598021' data-moduleName="customHtml" id='widgetCustomHtml9711035b-485d-4409-a2da-4cb2a6598021' class="widget widgetCustomHtml skin33 narrow" >
3788	<div class="widgetBody pageStyles" id="widgetBody9711035b-485d-4409-a2da-4cb2a6598021">
3789		<div id="customHtml9711035b-485d-4409-a2da-4cb2a6598021"><div><style>
3790  /* CP icon */
3791  .cpBylineIconTS {
3792    color: #fff;
3793  }
3794  /* CP Text */
3795  .cpBylineTextTS,
3796  .cpBylineTextTS a:link {
3797    color: #fff;
3798  }
3799
3800  .cpBylineTS {
3801    text-align: center;
3802  }
3803  
3804  .cpBylineIconTS {
3805    fill: currentColor;
3806    width: 39px;
3807    height: 26px;
3808    display: inline;
3809    vertical-align: middle;
3810  }
3811</style>
3812
3813<div class="widgetItem cpBylineTS">
3814  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
3815    <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>
3816    <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>
3817  </svg>
3818  <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span>
3819</div>
3820</div></div>
3821	</div>
3822
3823	</div>
3824
3825	</div> <!-- inner column -->
3826
3827	</div> <!-- inner row -->
3828
3829			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3830
3831
3832	</div>
3833</div></div>
3834</div>
3835</div>
3836
3837            </div>
3838        </div>
3839    </div>
3840
3841<link href="/745732998.css" rel="stylesheet" type="text/css" />
3842
3843<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
3844	<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">
3845		<div class="cp-Splash-header">
3846			<h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2>
3847			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
3848				<svg id="iconClose" viewBox="0 0 25 25">
3849					<polygon style="fill:currentcolor"
3850							 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,
385018.084 13.277,12.508"></polygon>
3851				</svg>
3852			</button>
3853		</div>
3854		<div class="cp-Splash-body">
3855			<div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc">
3856				<!-- Content from the Froala Editor will go here. -->
3857				Loading
3858			</div>
3859		</div>
3860		<div class="cp-Splash-footer">
3861			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
3862			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
3863		</div>
3864	</div>
3865</div>
3866
3867<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3867
3867
3868<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3868
3868
3869<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3869
3869
3870<script>
3871
3872		$(document).ready(function () {
3873			var filter = {
3874				targetId: '1',
3875				targetType: 1
3876			}
3877
3878			new SplashModalRender().triggerRender(filter);
3879		});
3880</script>
3880
3881
3882
3883	
3884	
3885	
3886	
3887
3888
3889
3890	
3891
3892
3893
3894
3895
3896
3897    
3897<script src="/-1442400649.js" type="text/javascript"></script>
3897
3898    <!----------Google Translate (Mobile Friendly)--------->
3899<style>
3900  #google-translate-container {
3901    position: fixed;
3902    bottom: 16px;
3903    right: 20px;
3904    z-index: 5;
3905  }
3906
3907  /* Select element */
3908  .goog-te-combo {
3909    -webkit-appearance: none;
3910    -moz-appearance: none;
3911    appearance: none;
3912
3913    width: 165px;
3914    height: 32px;
3915    border-radius: 50px;
3916    background-color: white;
3917
3918    background-image: url("https://www.gstatic.com/images/branding/product/2x/translate_24dp.png");
3919    background-position: 5px 5px;
3920    background-size: 22px;
3921    background-repeat: no-repeat;
3922    padding-left: 30px;
3923    margin: 0 !important;
3924  }
3925
3926  .google-translate-dropdown-arrow {
3927    position: absolute;
3928    top: 10px;
3929    right: 14px;
3930    border: solid black;
3931    border-width: 0 3px 3px 0;
3932    display: inline-block;
3933    padding: 3px;
3934    pointer-events: none;
3935
3936    transform: rotate(45deg);
3937    -webkit-transform: rotate(45deg);
3938  }
3939
3940  /* Google.com practice - hidden element */
3941  .goog-te-gadget {
3942    position: absolute;
3943    width: 1px;
3944    height: 1px;
3945    padding: 0;
3946    margin: 0;
3947
3948    overflow: hidden;
3949    white-space: nowrap;
3950    clip: rect(1px, 1px, 1px, 1px);
3951
3952    z-index: -1000;
3953  }
3954</style>
3955
3956<div id="google-translate-container">
3957  <i class="google-translate-dropdown-arrow"></i>
3958</div>
3959<script>
3960  function googleTranslateInit() {
3961    new google.translate.TranslateElement({ pageLanguage: "en" }, "google-translate-container");
3962
3963    // Move select to parent container, so "Powered by Google Translate" can be made invisible
3964    const select = $(".goog-te-combo").detach();
3965    $("#google-translate-container").append(select);
3966  }
3967
3968  $(function() {
3969    $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateInit");
3970  });
3971</script>
3971
3972<!--------------End Google Translate----------------->
3973
3974
3975
3976
3977<script type="text/javascript">
3978    window._monsido = window._monsido || {
3979        token: "iqp_2xX-WTEVnZGfRNa5IQ",
3980        statistics: {
3981            enabled: true,
3982            cookieLessTracking: true,
3983            documentTracking: {
3984                enabled: true,
3985                documentCls: "monsido_download",
3986                documentIgnoreCls: "monsido_ignore_download",
3987                documentExt: ["pdf","doc","ppt","docx","pptx"],
3988            },
3989        },
3990        heatmap: {
3991            enabled: true,
3992        },
3993        pageAssistV2: {
3994            enabled: true,
3995            theme: "light",
3996            mainColor: "#783CE2",
3997            textColor: "#ffffff",
3998            linkColor: "#783CE2",
3999            buttonHoverColor: "#783CE2",
4000            mainDarkColor: "#052942",
4001            textDarkColor: "#ffffff",
4002            linkColorDark: "#FFCF4B",
4003            buttonHoverDarkColor: "#FFCF4B",
4004            greeting: "Discover your personalization options",
4005            direction: "leftbottom",
4006            coordinates: "undefined undefined undefined undefined",
4007            iconShape: "circle",
4008            title: "Personalization Options",
4009            titleText: "Welcome to PageAssist&#8482; toolbar! Adjust the options below to cater the website to your accessibility needs.",
4010            iconPictureUrl: "logo",
4011            logoPictureUrl: "",
4012            logoPictureBase64: "",
4013            languages: [""],
4014            defaultLanguage: "",
4015            skipTo: false,
4016            alwaysOnTop: false,
4017        },
4018    };
4019</script>
vendor: 2 bytes, line 4019
4019
4020<script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></script>
4020
4021
4022
4023<!-- Sticky Header Script -->
4024<script>
4025    window.onscroll = function stickyHeader(e) {
4026        let toolbar = document.querySelector("#divToolbars");
4027        let toolbarHeight = toolbar.offsetHeight;
4028        let YoffSet = toolbarHeight - 1;
4029        let width = window.innerWidth;
4030        let stickyHeader = $("#stickyHeaderTS");
4031
4032        if (scrollY > 10 && width >= 1200) {
4033            stickyHeader.addClass('fixedTopTS');
4034            stickyHeader.css({"top": YoffSet + "px"});
4035        } else {
4036            stickyHeader.removeClass('fixedTopTS');
4037            stickyHeader.css({"top": "0px"});
4038        }
4039    };
4040</script>
4040
4041<!-- End Of Sticky Header Script -->
4042
4043
4044
4045
4046<!-- Support Ticket 997780 -->
4047<style>
4048div.bannerObject {
4049    position: absolute;
4050    left: 0 !important;
4051    top: 0;
4052    width: 100%;
4053}
4054</style>
4055
4056<script src="https://cdn-residentagent.civicplus.com/loader.js"></script>
vendor: 2 bytes, line 4056
4056
4057<script>
4058    window.ResidentAgentWidget.load({
4059        agentId: '008b368f-d45c-49dd-8bbd-07752368ccfc',
4060        apiUrl: 'https://residentagent-api-production.azurewebsites.net'
4061    });
4062</script>
4062
4063
4064
4065    
4065<script type="text/javascript">
4066        $(function () {
4067            document.cookie = "responsiveGhost=0; path=/";
4068        });
4069        $(window).on("load", function () {
4070            $('body').addClass('doneLoading').removeClass('hideContent');
4071
4072            if ($('#404Content').length > 0)
4073                $('div#bodyWrapper').css('padding', '0px');
4074        });
4075    </script>
4075
4076
4077    <noscript>
4078        <style>
4079            body.hideContent {
4080                opacity: 1 !important;
4081            }
4082        </style>
4083    </noscript>
4084
4085        
4086<div style="display: none;">
4087	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
4088
4089		<symbol id="iconArrow--left" viewbox="0 0 25 25">
4090			<title>Arrow Left</title>
4091			<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>
4092		</symbol>
4093
4094		<symbol id="iconArrow--right" viewbox="0 0 25 25">
4095			<title>Arrow Right</title>
4096			<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>
4097		</symbol>
4098
4099	</svg>
4100</div>
4101    
4101<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Figtree:300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Lato:700,700italic,italic,regular|PT+Sans:700,700italic,italic,regular|');</script>
4101
4102    
4103
4104    <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
4105        <div style="display: none;">
4106            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
4107                <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
4108                    <title>Slideshow Left Arrow</title>
4109                    <g>
4110                        <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>
4111                    </g>
4112                </symbol>
4113                <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
4114                    <title>Slideshow Right Arrow</title>
4115                    <g>
4116                        <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>
4117                    </g>
4118                </symbol>
4119            </svg>
4120        </div>
4121    
4122	
4123	
4124
4125    <div id="root-picker-outlet"></div>
4126</body>
4127</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.