PageSourceSearch

https://puyalluplibrary.org/2436/Library

html puyalluplibrary.org collected 2026-10-04 19:55:26 UTC 144,342 bytes, 3,478 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-F0XZGZK6BR';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 = {"DepartmentHeaderId":2436,"DepartmentHeaderName":"Library"};
86		window.pageSectionTracker = {};
87		window.isResponsiveEnabled = true;
88		window.isRemoveSetHeights= true;
89		if (window.isRemoveSetHeights) {
90			document.documentElement.className += ' removeSetHeights';
91		}
92		window.mainMenuMediaQuery = 'screen and (max-width: 40em)';
93		window.isMobileBrowserIncludingTablets = false;
94		window.fixedResponsiveMenu = false;
95		window.fullWidthResponsiveMenu = false;
96		window.responsiveMenuHeight = '';
97		window.responsiveMenuFontSize = '';
98		window.isContentAdvisor = false;
99		(function () {
100			window.setSizeCookie = function () {
101				document.cookie = "dpi=" + window.devicePixelRatio + "; path=/";
102				document.cookie = "viewportWidth=" + window.innerWidth + "; path=/";
103				document.cookie = "viewportHeight=" + window.innerHeight + "; path=/";
104				if (screen && screen.width && screen.height) {
105					document.cookie = "screenWidth=" + screen.width + "; path=/";
106					document.cookie = "screenHeight=" + screen.height + "; path=/";
107				}
108				document.cookie = "responsiveGhost=1; path=/";
109			};
110
111			setSizeCookie();
112		}());
113	</script>
113
114		<meta name="viewport" content="width=device-width, initial-scale=1">
115
116	
116<script async src="https://docaccess.com/docbox.js"></script>
116
117	
118	<meta name="category0" content="Home" />
119<meta name="category1" content="Government" />
120<meta name="category2" content="Departments" />
121<meta name="category3" content="Library" />
122
123	
124	<meta name="theme-color" content="rgb(0, 74, 152)">
125	<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
126	<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
127		<title>Library | Puyallup, WA</title>
128
129		<meta name="description" content="">
130			
130<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
130
131	
131<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
131
132	
133
134	<!--[if IE 6]>
134<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
134<![endif]-->
135	<!--[if IE 7]>
135<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
135<![endif]-->
136	<!--[if IE 8]>
136<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
136<![endif]-->
137	<!--[if IE 9]>
137<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
137<![endif]-->
138	
138<script type="text/javascript"><!--
139	var intCountryCode = 840;
140	var order = '';
141//--></script>
141
142	
143<link href="/-681783051.css" rel="stylesheet" type="text/css" />	<link href="/-2140275272.css" rel="stylesheet" type="text/css" />	<link href="/1213405440.css" rel="stylesheet" type="text/css" />
144
145	<link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print">
146	
146<script type="text/javascript">
147		window.Pages = window.Pages || {};
148		// FrontEnd RWD initialization
149		window.Pages.rwdReady = $.Deferred();
150		window.Pages.toolBarDeferred = $.Deferred();
151		window.Pages.rwdSetupComplete = $.Deferred();
152		window.Pages.megaMenuLoaded = $.Deferred();
153		window.Pages.angularToolbarComplete = $.Deferred();
154		window.Pages.frontEndToolbarComplete = $.Deferred();
155	</script>
155
156	<!--CPHeadContent-->
157	
157<script src="/739942322.js" type="text/javascript"></script>
157
158	
159	
160	
161	
162
163
164
165
166	<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]-->
167	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]-->
168	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]-->
169	<!--[if lt IE 9]>
169<script type="text/javascript" src="/Scripts/html5.js"></script>
169<![endif]-->
170
171	
171<script type="text/javascript">
172		setEditorVariables(false, 840);
173		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
174	</script>
174
175	
175<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
175
176</head>
177<body class="wide " >
178
179    
179<script>jQuery(document).click(function (event) {
180	var target = jQuery(event.target);
181	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
182		var text = target.attr('title');
183		
184		if (!text.length) {
185			text = "N/A";
186		}
187		ga('send',
188			{
189				hitType: 'event',
190				eventCategory: 'Image',
191				eventAction: 'Image - ' + text,
192				eventLabel: window.location.href
193			});
194	}
195	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
196		var text = "";
197		if (target.parents('.button')[0]) {
198			text = target.parents('.button').first().text();
199		} else if (target.text().length) {
200			text = target.text();
201		} else if (target.attr('title').length) {
202			text = target.attr('title');
203		}
204		if (!text.length) {
205			text = "N/A";
206		}
207		ga('send',
208			{
209				hitType: 'event',
210				eventCategory: 'Button',
211				eventAction: 'Button - ' + text,
212				eventLabel: window.location.href
213			});
214	}
215	if (target.parents('.widgetCustomHtml').length) {
216		ga('send',
217			{
218				hitType: 'event',
219				eventCategory: 'Custom Html',
220				eventAction: 'Custom Html Clicked',
221				eventLabel: window.location.href
222			});
223	}
224	if (target.parents('.editor').length) {
225		ga('send',
226			{
227				hitType: 'event',
228				eventCategory: 'Editor',
229				eventAction: 'Editor Link Clicked',
230				eventLabel: window.location.href
231			});
232	}
233	if (target.parents('.GraphicLinks').length) {
234		var text = "";
235		var targetGraphicLink = target;
236		if (target.hasClass('widgetGraphicLinksLink')) {
237			targetGraphicLink = jQuery(target.children()[0]);
238		}
239		if (targetGraphicLink.hasClass('text')) {
240			text = targetGraphicLink.text();
241		} else if (targetGraphicLink.attr('src').length) {
242			if (targetGraphicLink.attr('alt').length) {
243				text = targetGraphicLink.attr('alt');
244			} else {
245				text = targetGraphicLink.attr('src');
246			}
247		} else {
248			text = "N/A";
249		}
250		ga('send',
251			{
252				hitType: 'event',
253				eventCategory: 'Graphic Links',
254				eventAction: 'Graphic Link - ' + text,
255				eventLabel: window.location.href
256			});
257	}
258	if (target.parents('.InfoAdvanced').length) {
259		ga('send',
260			{
261				hitType: 'event',
262				eventCategory: 'Info Advanced',
263				eventAction: 'Info Advanced Clicked',
264				eventLabel: window.location.href
265			});
266	}
267	if (target.parents('.list').length) {
268		ga('send',
269			{
270				hitType: 'event',
271				eventCategory: 'List',
272				eventAction: 'List Clicked',
273				eventLabel: window.location.href
274			});
275	}
276	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
277		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
278		var breadCrumbs = [];
279		jQuery('.breadCrumbs > li').each(function () {
280			 breadCrumbs.push(this.textContent);
281		});
282		var pageTitle = breadCrumbs.join('>');
283		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
284		var text = "";
285		if (pageTitle) {
286			text += pageTitle + " | ";
287		} else {
288			text += document.title + ' - ';
289		}
290		if (target.text() == "" && megaMenuText == "") {
291			text += "N/A";
292		} else if (target.text().length && megaMenuText.length) {
293			if (megaMenuText == target.text()) {
294				text += megaMenuText;
295			} else {
296				text += megaMenuText + " - " + subTitleText + " - " + target.text();
297			}
298		} else if (target.text() == "") {
299			text += megaMenuText;
300		} else {
301			text += target.text();
302		}
303		if (!text.length) {
304			text = "N/A";
305		}
306		ga('send',
307			{
308				hitType: 'event',
309				eventCategory: 'Mega Menu',
310				eventAction: 'Mega Menu : ' + text,
311				eventLabel: window.location.href
312			});
313	}
314	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
315		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
316		if (!text.length) {
317			text = "N/A";
318		}
319		ga('send',
320			{
321				hitType: 'event',
322				eventCategory: 'News Flash',
323				eventAction: 'News Flash - ' + text,
324				eventLabel: window.location.href
325			});
326	}
327	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
328		var text = target.text();
329		if (!text.length) {
330			text = "N/A";
331		}
332		ga('send',
333			{
334				hitType: 'event',
335				eventCategory: 'Quick Links',
336				eventAction: 'Quick Links - ' + text,
337				eventLabel: window.location.href
338			});
339	}
340	if (target.attr('src') && target.parents('.cpSlideshow').length) {
341		var text = target.attr('title');
342		if (!text.length) {
343			text = "N/A";
344		}
345		ga('send',
346			{
347				hitType: 'event',
348				eventCategory: 'Slideshow',
349				eventAction: 'Slideshow - ' + text,
350				eventLabel: window.location.href
351			});
352	}
353	if (target.parents('.widgetText').length) {
354		ga('send',
355			{
356				hitType: 'event',
357				eventCategory: 'Text',
358				eventAction: 'Text Link Clicked',
359				eventLabel: window.location.href
360			});
361	}
362});</script>
362
363	<div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;">
364	<div class="cp-PopOver-header">
365		<h3 class="cp-PopOver-title"></h3>
366		<button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)">
367			<svg class="cp-Icon--close" alt="close" title="close">
368				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use>
369			</svg>
370		</button>
371	</div>
372	<div id="cpPopOverBody" class="cp-PopOver-body">
373		<form id="cpPopOverForm" name="cpPopOverForm" novalidate></form>
374	</div>
375	<div id="cpPopOverFooter" class="cp-PopOver-footer">
376		<div class="cp-BtnGroup" id="actionButtons">
377			<!-- Action buttons will be dynamically added here -->
378		</div>
379	</div>
380</div>
381    <div id="fb-root"></div>
382<div id=skipToContentLinks>
383<a href="#cc1e1e688a-32fa-4c3c-878a-fb0960a4e4b2" target="_self" class="skipToContentLink">Skip to Main Content</a>
384</div>
385    <form id="frmReferenceFormForTelerikEditorDialogs"></form>
386
387        <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" />
388
389
390
391    <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com">
392    <input type="hidden" id="hdnStructureID" value="12" />
393    <input type="hidden" id="hdnContentCollectionID" value="73d634ac-8c95-428f-9af0-47fde6dbb3eb" />
394    <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
395    <input type="hidden" id="hdnThemeID" value="40" />
396    <input type="hidden" id="pageIsFrontEnd" value="true" />
397    <input type="hidden" id="pageModuleID" />
398    <input type="hidden" id="pagePageID" value="2436" />
399
400    <div id="stickyPlaceholder"></div>
401    <div id="outer-wrap" class="outer-wrap">
402        <div id="inner-wrap" class="inner-wrap">
403                <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">
404                    
405
406
407
408<!-- Begin Signed Out Bar -->
409<div class="cpToolbar user public">
410    <div class="inner selfClear">
411        <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. &nbsp;&nbsp;</span></p>
412        <ul class="nav secondary">
413	        <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li>
414        </ul>
415    </div>
416</div>
417<script>
418    $(document).ready(function () {
419        $('#signedOutToolbarCreateProfileButton').click(function (event) {
420            event.preventDefault();
421            window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin;
422        });
423
424			
425				$('#loggedOutToolbarSignInButton').click(function (event) {
426					event.preventDefault();
427					window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host;
428				});
429			
430
431		if ('False' == 'True') {
432            $('#loggedOutToolbarSignInButton').hide();
433		}
434    })
435</script>
435
436<!-- End Signed Out Bar -->
437
438                </div>
439            <div id="bodyWrapper">
440                <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
441                
442<div data-cpRole="structuralContainer" id="bodyContainerTS">
443<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS">
444<div class="siteWrap" id="flexHeaderTS"><div data-cpRole="structuralContainer" id="bannerLogoWrapTS">
445<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty">
446
447
448
449
450				<a id="bannerLogoTS-102" style="			display: block; text-align: center;
451" class="bannerObject" href="/2436" target="_self"><img alt="Puyallup WA Library Homepage" class="bannerObject" height="160" src="/ImageRepository/Document?documentID=24459" width="446" /></a>
452</div>
453</div><div data-cpRole="structuralContainer" id="navWrapTS">
454<div data-cpRole="contentContainer" id="searchTS">	<div id="ccf9683310-6856-452f-8111-dea5c9e6b236" data-containerid="f9683310-6856-452f-8111-dea5c9e6b236" class="pageContent cpGrid cpGrid24 showInMobile">
455				                
456
457		<div class="row outer wide"><!--
458--><div class="outer col col24 first last" style="" data-widgetcontainerid="6f681b0a-6656-4022-9f5a-ee99f7721280">�				
459	<div class="row nest first last wide">�
460	
461	<div class="inner col col24 first last ida59aa9ff-4258-463b-89d0-77ed5d6a199f" style="" data-widgetcontainerid="a59aa9ff-4258-463b-89d0-77ed5d6a199f">�	
462
463	<div id="divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4" class="widget widgetTabbed wide skin102" data-widgetid="2521637b-4b6c-434c-a99c-6fa6722ed8b4">
464		<ol class="tabbedWidget cpTabs  " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" ">
465			<!--
466					--><li class="active" role="presentation">	<a href="#tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" class="tabButton" id="tabBtn2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" role="tab" aria-controls="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Catalog" contenteditable="false">Catalog</span></a>
467</li><!--
468					--><li class="" role="presentation">	<a href="#tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" class="tabButton" id="tabBtn2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" role="tab" aria-controls="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Search Site" contenteditable="false">Search Site</span></a>
469</li><!--
470					-->
471		</ol>
472
473		<div class="cpTabPanels">
474					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
475						<li class="active" role="presentation">	<a href="#tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" class="tabButton" id="tabBtnNarrow2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" role="tab" aria-controls="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Catalog" contenteditable="false">Catalog</span></a>
476</li>
477					</ol>
478				<div class="tabbedWidget cpTabPanel showing" style="" id="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" role="tabpanel" aria-labelledby="tabBtn2521637b-4b6c-434c-a99c-6fa6722ed8b4_0" tabindex="-1">
479
480 
481	<div data-widget-id='12249906-0cd1-466c-8343-e890d0074539' data-moduleName="customHtml" id='widgetCustomHtml12249906-0cd1-466c-8343-e890d0074539' class="widget widgetCustomHtml skin88 narrow" >
482	<div class="widgetBody pageStyles" id="widgetBody12249906-0cd1-466c-8343-e890d0074539">
483		<div id="customHtml12249906-0cd1-466c-8343-e890d0074539"><div><form method="get" id="searchForm" action="https://puyal.ent.sirsi.net/client/embedded.search/default"> <input type="hidden" name="ln" value="en_US"> <input id="q" title="Search For:" maxlength="256" name="q" value="" type="text" accesskey="s"> <input value="Search" id="searchButton" class="button" title="Search" type="submit"> </form> </div></div>
484	</div>
485
486	</div>
487
488				</div>
489					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
490						<li class="" role="presentation">	<a href="#tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" class="tabButton" id="tabBtnNarrow2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" role="tab" aria-controls="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Search Site" contenteditable="false">Search Site</span></a>
491</li>
492					</ol>
493				<div class="tabbedWidget cpTabPanel " style="display: none;" id="tab2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" role="tabpanel" aria-labelledby="tabBtn2521637b-4b6c-434c-a99c-6fa6722ed8b4_1" tabindex="-1">
494
495<div data-widget-id="ff3daf9d-6c70-4883-92e4-8d0dac5ed96b" data-widget-controller-path="/Layout/WidgetSearch">
496	
497	
497<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
497
498	
498<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
498
499	
499<script defer type="text/javascript">
500
501		$(document).ready(function () {
502			try {
503				// Minimum characters required before performing a search/autocomplete
504				var minPrefixLength = 3;
505				var autoCompleteDebounceDelay = 500;
506				var searchFieldSelector = "#searchField" + 'ff3daf9d-6c70-4883-92e4-8d0dac5ed96b';
507				var checkboxSelector = "#ysnSearchOnlyDept" + 'ff3daf9d-6c70-4883-92e4-8d0dac5ed96b';
508				var buttonSelector = ".widgetSearchButton" + 'ff3daf9d-6c70-4883-92e4-8d0dac5ed96b';
509				var autoCompleteCache = {};
510				var autoCompleteCacheKeys = [];
511				var autoCompleteCacheLimit = 25;
512				var currentAutoCompleteRequest = null;
513				var currentAutoCompleteRequestKey = null;
514				var autoCompleteDebounceTimer = null;
515				var autoCompleteDebounceKey = null;
516				var pendingAutoCompleteResponses = [];
517
518				function normalizeAutoCompleteTerm(term) {
519					return $.trim((term || "") + "").replace(/\s+/g, " ");
520				}
521
522				function shouldSearch(term) {
523					return normalizeAutoCompleteTerm(term).length >= minPrefixLength;
524				}
525
526				function getAutoCompleteUrl() {
527					return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=2436' : '');
528				}
529
530				function getAutoCompleteCacheKey(requestUrl, term) {
531					return requestUrl + "|" + term.toLowerCase();
532				}
533
534				function cacheAutoCompleteResult(cacheKey, data) {
535					if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
536						autoCompleteCacheKeys.push(cacheKey);
537						if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) {
538							delete autoCompleteCache[autoCompleteCacheKeys.shift()];
539						}
540					}
541					autoCompleteCache[cacheKey] = data;
542				}
543
544				function respondToPendingAutoComplete(data) {
545					var responses = pendingAutoCompleteResponses;
546					pendingAutoCompleteResponses = [];
547					for (var i = 0; i < responses.length; i++) {
548						responses[i](data);
549					}
550				}
551
552				function cancelPendingAutoComplete() {
553					clearTimeout(autoCompleteDebounceTimer);
554					autoCompleteDebounceKey = null;
555					if (currentAutoCompleteRequest != null) {
556						currentAutoCompleteRequest.abort();
557						currentAutoCompleteRequest = null;
558					}
559					currentAutoCompleteRequestKey = null;
560					respondToPendingAutoComplete([]);
561				}
562
563				function createWidgetAutoCompleteSource(options) {
564					return function (request, response) {
565						var term = normalizeAutoCompleteTerm(request.term);
566						if (!options.shouldSearch(term)) {
567							response([]);
568							return;
569						}
570
571						var requestUrl = options.url();
572						var cacheKey = getAutoCompleteCacheKey(requestUrl, term);
573						if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
574							response(autoCompleteCache[cacheKey]);
575							if (options.success) {
576								options.success(autoCompleteCache[cacheKey]);
577							}
578							return;
579						}
580
581						if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) {
582							pendingAutoCompleteResponses.push(response);
583							return;
584						}
585
586						cancelPendingAutoComplete();
587						autoCompleteDebounceKey = cacheKey;
588						pendingAutoCompleteResponses.push(response);
589						autoCompleteDebounceTimer = setTimeout(function () {
590							autoCompleteDebounceKey = null;
591							currentAutoCompleteRequestKey = cacheKey;
592							currentAutoCompleteRequest = $.ajax({
593								url: requestUrl,
594								dataType: "json",
595								timeout: options.timeout,
596								data: {
597									term: term,
598								},
599								success: function (data) {
600									if (currentAutoCompleteRequestKey === cacheKey) {
601										cacheAutoCompleteResult(cacheKey, data);
602										respondToPendingAutoComplete(data);
603										if (options.success) {
604											options.success(data);
605										}
606									}
607								},
608								error: function (xmlhttprequest, textstatus, message) {
609									if (textstatus === "abort") {
610										return;
611									}
612
613									if (options.error) {
614										options.error(xmlhttprequest, textstatus, message);
615									}
616
617									respondToPendingAutoComplete([]);
618								},
619								complete: function (xmlhttprequest) {
620									if (currentAutoCompleteRequest === xmlhttprequest) {
621										currentAutoCompleteRequest = null;
622										currentAutoCompleteRequestKey = null;
623									}
624								}
625							});
626						}, options.delay);
627					};
628				}
629
630				// click handler for search buttons
631				$(buttonSelector).click(function (e) {
632					e.preventDefault();
633					var $btn = $(this);
634					var $field = $btn.siblings(".widgetSearchBox");
635					var term = $field.val() + "";
636					if (!shouldSearch(term)) {
637						// do nothing until user types enough characters
638						$field.focus();
639						return;
640					}
641
642					if ($(checkboxSelector).is(':checked') || false)
643					{
644						doWidgetSearch($.trim(term), Number(2436));
645					}
646					else {
647						doWidgetSearch($.trim(term), 0);
648					}
649				});
650
651				// enter key handler for the search field
652				$(searchFieldSelector).keypress(function (e) {
653					var code = e.which || e.keyCode;
654					if (code === 13) {
655						e.preventDefault();
656						var $this = $(this);
657						var term = $this.val() + "";
658						if (!shouldSearch(term)) {
659							// do nothing until user types enough characters
660							$this.focus();
661							return false;
662						}
663
664						if ($(checkboxSelector).is(':checked') || false) {
665							doWidgetSearch($.trim(term), Number(2436));
666						} else {
667							doWidgetSearch($.trim(term), 0);
668						}
669						return false;
670					}
671					return true;
672				});
673
674				// autocomplete: set minLength and guard source
675				if (true) {
676					var $searchField = $(searchFieldSelector).autocomplete({
677						minLength: minPrefixLength,
678						source: createWidgetAutoCompleteSource({
679							delay: autoCompleteDebounceDelay,
680							timeout: 10000,
681							shouldSearch: shouldSearch,
682							url: getAutoCompleteUrl,
683							success: function () {
684								$('.autoCompleteError').remove();
685							},
686							error: function (xmlhttprequest, textstatus, message) {
687								if (textstatus === "timeout") {
688									if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0)
689										$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector));
690								}
691							}
692						}),
693						html: true,
694						delay: 0,
695						select: function (event, ui) {
696							$(this).val(ui.item.value);
697							$(this).next().click();
698						}
699					});
700
701					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
702						return $("<li class=\"itemList\"></li>")
703							.data("ui-autocomplete-item", item)
704							.append("<a>" + item.label + "</a>")
705							.appendTo(ul);
706					};
707				}
708
709				// keep searchBtnApplyQuery consistent with prefix rule
710				window.searchBtnApplyQuery = function() {
711					var $field = $(searchFieldSelector);
712					var term = $field.val() + "";
713					if (shouldSearch(term)) {
714						// update href for the icon/button (if present)
715						var btn = document.getElementById("btnSearchIcon");
716						if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term));
717					} else {
718						var btn = document.getElementById("btnSearchIcon");
719						if (btn) btn.href = "#";
720					}
721				};
722			}
723			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.
724		});
725	</script>
725
726
727	<section id="widgetPreviewSearch" class="widget widgetSearch skin88 widgetOptionSet57" style="display: block;" aria-label="Search">
728				<!-- For the button right and inside -->
729		<div class="widgetBody buttonRightInside">
730			<input class="widgetSearchBox widgetSearchBoxff3daf9d-6c70-4883-92e4-8d0dac5ed96b" cp5ph="true" id="searchFieldff3daf9d-6c70-4883-92e4-8d0dac5ed96b" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" />
731						<a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonff3daf9d-6c70-4883-92e4-8d0dac5ed96b" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=23067" data-image="/ImageRepository/Document?documentID=23068" src="/ImageRepository/Document?documentID=23068" /></a>
732
733			<label class="searchLabel" aria-hidden="true" for="searchFieldff3daf9d-6c70-4883-92e4-8d0dac5ed96b">Search</label>
734		</div>
735		<label for="ysnSearchOnlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b" class="widgetSearch-onlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b">
736			<input type="checkbox" id="ysnSearchOnlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b" name="ysnSearchOnlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b" value="1">
737			Only search Library
738		</label>
739
740	</section>
741
742
743<style scoped>
744	  
745		.widgetSearch ::-webkit-input-placeholder {
746		color: rgba(0, 74, 152, 1);
747	  }
748		.widgetSearch :-moz-placeholder { /* Firefox 18- */
749	   color: rgba(0, 74, 152, 1);
750	}
751		.widgetSearch ::-moz-placeholder {  /* Firefox 19+ */
752	   color: rgba(0, 74, 152, 1);
753	}
754	.widgetSearch :-ms-input-placeholder {
755	   color: rgba(0, 74, 152, 1);
756	}
757	
758
759	.widgetSearch .widgetBody .widgetSearchBoxff3daf9d-6c70-4883-92e4-8d0dac5ed96b
760	{
761		color: rgba(0, 74, 152, 1);
762		background: transparent;
763border: 0;
764border-left: 2px solid #006241;
765height: 60px;
766font-family: Arial;
767font-size: 1em;
768font-weight: 700;
769padding: 0 70px 0 20px;
770	}
771	.widgetSearch .widgetBody .widgetSearchButtonff3daf9d-6c70-4883-92e4-8d0dac5ed96b
772	{
773		margin: 10px 10px 0 0;
774	}
775	.widgetSearch .widgetSearch-onlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b
776	{
777		display: inline-block;
778		color: #333;
779		
780		 padding-left: 10px;
781		 padding-top: 10px;
782	}
783	#ysnSearchOnlyDeptff3daf9d-6c70-4883-92e4-8d0dac5ed96b
784	{
785		position: relative;
786		top: .125em;
787	}
788
789</style>
790
791<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css">
792<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css">
793
794
795
796<script type="text/javascript">
797	//Updates search icons href to have the correct queryString
798	function searchBtnApplyQuery() {
799		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldff3daf9d-6c70-4883-92e4-8d0dac5ed96b").value;
800	}
801</script>
801
802
803</div>
804
805				</div>
806					</div>
807	</div>
808	
808<script type="text/javascript">
809		
810		$.when(window.Pages.rwdReady).done(function () {
811			var tabbedWidgetID = 'divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4';
812			var mediaQuerySize = 1;
813			if (mediaQuerySize > 0) {
814				var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)';
815				var $tabbedWidget = $('#' + tabbedWidgetID);
816				
817                // Update child widget classes based on parent state
818                var updateChildWidgetClasses = function (isParentWide) {
819                    var liveEditEnabled = getCookieValue("enableLiveEdit") === "true";
820                    if (liveEditEnabled)
821                        return;
822
823                    var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]');
824
825                    if (isParentWide) {
826                        $childWidgets.addClass('wide').removeClass('narrow');
827                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow');
828                    } else {
829                        $childWidgets.addClass('narrow').removeClass('wide');
830                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide');
831                    }
832                };
833				
834				window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, {
835					deferSetup: false,
836					setup: function () {
837						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
838						if (!liveEditEnabled) {
839							$tabbedWidget.addClass('narrow').removeClass('wide');
840							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
841							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
842							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
843							$tabbedWidget.data("tabHeightSet", false);
844							
845							// Update child widget classes - parent is narrow
846							updateChildWidgetClasses(false);
847						}
848					},
849					match: function () {
850						$tabbedWidget.addClass('wide').removeClass('narrow');
851						cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery);
852						$tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false');
853						$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true');
854
855						if($tabbedWidget.data("tabHeightSet") == false)
856						{
857							$tabbedWidget.data("tabHeightSet", true);
858
859							var tabbedWidgetID = 'divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4';
860							setTabbedWidgetsTabHeight(tabbedWidgetID);
861						}
862						$('.cpTabPanels').unbind('click');
863						
864						// Update child widget classes - parent is wide
865						updateChildWidgetClasses(true);
866					},
867					unmatch: function () {
868						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
869						if (!liveEditEnabled) {
870							$tabbedWidget.addClass('narrow').removeClass('wide');
871							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
872							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
873							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
874							
875							// Update child widget classes - parent is narrow
876							updateChildWidgetClasses(false);
877						}
878						$('.cpTabPanels').click(function() {
879							this.scrollIntoView();
880						});
881					}
882				});                
883            }
884        });
885		
886		//Used for when page is initially loaded
887		if($('#divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4').hasClass('narrow'))
888		{
889			$('.cpTabPanels').click(function() {
890				this.scrollIntoView();
891			});
892		}
893		
894
895		//If responsive not enabled, execute this after a timeout
896		if(!isResponsiveEnabled)
897		{
898			window.setTimeout(function(){
899				var tabbedWidgetID = 'divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4';
900				typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID);
901			}, 1500);
902		}
903
904		function reinitCarousels() {
905			if (window.carouselsToInit) {
906				for (var i = 0; i < window.carouselsToInit.length; i++) {
907					carouselsToInit[i]();
908				}
909			}
910		}
911		function sizeTabbedContent(element){
912			if(window.Pages){
913				if(window.Pages.onResizeHandlers){
914					var setTabbedInterval = setInterval(function () {
915						window.Pages.onResizeHandlers.forEach(function(car){car();});
916					}, 25)
917
918
919					setTimeout(function () {
920						clearInterval(setTabbedInterval);
921						if ($.cookie("enableLiveEdit") === "true") {
922							setInterval(function () {
923								window.Pages.onResizeHandlers.forEach(function(car){car();});
924							}, 2000);
925						}
926					}, 2500);
927					element.onclick="window.setTimeout(function(){reinitCarousels();},2);"
928				}
929			}
930		}
931
932		function adjustTab(e) {
933			e.preventDefault();
934			window.setTimeout(function(){
935				reinitCarousels();
936			}, 2);
937			sizeTabbedContent(this);
938		}
939
940		var tabButtons = document.querySelectorAll("#divTabbed2521637b-4b6c-434c-a99c-6fa6722ed8b4 .tabButton");
941
942		tabButtons.forEach(function (tabButton) {
943			tabButton.addEventListener("click", adjustTab);
944		});
945
946	</script>
946
947
948
949
950	</div> <!-- inner column -->
951
952	</div> <!-- inner row -->
953
954			</div><!-- outer column --><!--		--></div> <!-- outer row -->
955
956
957	</div>
958</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
959<ol id="mainNavMenu" data-parent="2436" class="rootNavMenu" role="menu"><!--
960--><li id="MainItem621" class="topMenuItem" role="none" data-pageid="621" data-displaymegamenu="True"><!--
961			--><!--
962			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu621" id = "mainNavResources" class="navMainItem mainNavItem mainNavItem1 " href="/892/Apps-and-Online-Resources" target = "_blank" >   Resources  </a>			<!--
963			--><!--
964			--></li><!----><li id="MainItem616" class="topMenuItem" role="none" data-pageid="616" data-displaymegamenu="True"><!--
965			--><!--
966			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu616" id = "mainNavEvents" class="navMainItem mainNavItem mainNavItem2 " href="/1751/Library-News-and-Events" target = "_self" >   Events  </a>			<!--
967			--><!--
968			--></li><!----><li id="MainItem1351" class="topMenuItem" role="none" data-pageid="1351" data-displaymegamenu="True"><!--
969			--><!--
970			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu1351" id = "mainNavIWantTo" class="navMainItem mainNavItem mainNavItem3 " href="/1351/I-Want-To" target = "_self" >   I Want To...  </a>			<!--
971			--><!--
972			--></li><!---->
973</ol>
974
975
976	
976<script type="text/javascript">
977		(function () {
978			function setupMenu() {
979				const menuID = 'mainNavMenu';
980				const menuType = MAIN_MENU;
981
982				//setup menu manager properties for main menu
983				if (!menuManager.mobileMainNav && true)
984					menuManager.adjustMainItemsWidth('#' + menuID);
985				menuManager.isMainMenuEditable = false;
986				menuManager.mainMenuMaxSubMenuLevels = 4;
987				menuManager.setMOMMode(2, menuType);
988
989				//Init main menu
990				const setupDraggable = menuManager.isMainMenuEditable;
991				const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=2436&moduleID=&themeID=40&menuContainerID=mainNav';
992
993				menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
994				menuManager.mainMenuInit = true;
995				menuManager.mainMenuTextResizer = true;
996				if (1.00 > 0)
997					menuManager.mainMenuTextResizerRatio = 1.00;
998				if (window.isResponsiveEnabled)
999					menuManager.mainMenuReady.resolve();
1000
1001			}
1002
1003			if (document.readyState === "complete"
1004				|| document.readyState === "loaded"
1005				|| document.readyState === "interactive") {
1006				setupMenu();
1007				return;
1008			}
1009
1010			document.addEventListener("DOMContentLoaded", setupMenu);
1011		})();
1012	</script>
1012
1013
1014
1015<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="mainNavMegaMenu621" class="contentTop mainNavMegaMenu megaMenuContainer pageID_621 hidden" data-orientation="horizontal">	<div id="ccef179bae-dd84-43b2-927f-d2e3688a0770" data-containerid="ef179bae-dd84-43b2-927f-d2e3688a0770" class="pageContent cpGrid cpGrid24">
1016				                
1017
1018
1019
1020	</div>
1021</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu616" class="contentTop mainNavMegaMenu megaMenuContainer pageID_616 hidden" data-orientation="horizontal">	<div id="cca4f793b0-feed-4abb-9c67-4555dccccf1b" data-containerid="a4f793b0-feed-4abb-9c67-4555dccccf1b" class="pageContent cpGrid cpGrid24">
1022				                
1023
1024
1025
1026	</div>
1027</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1351" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1351 hidden" data-orientation="horizontal">	<div id="ccf4c56de6-cded-412c-bb19-08f6ff8b030c" data-containerid="f4c56de6-cded-412c-bb19-08f6ff8b030c" class="pageContent cpGrid cpGrid24">
1028				                
1029
1030
1031
1032	</div>
1033</aside></aside></nav>
1034</div></div>
1035</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
1036<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS">
1037<div data-cpRole="structuralContainer" id="bannerSearchTS">
1038<div class="siteWrap2"><div data-cpRole="contentContainer" id="welcomeTS">	<div id="cc8407adc2-a884-482d-83da-a17a5df13e75" data-containerid="8407adc2-a884-482d-83da-a17a5df13e75" class="pageContent cpGrid cpGrid24 showInMobile">
1039				                
1040
1041
1042
1043	</div>
1044</div></div>
1045</div>
1046</div>
1047
1048
1049
1050
1051		<div id="bannerImagesJSON103" class="hidden"></div>
1052		<div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none">
1053			<a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a>
1054			<a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a>
1055		</div>
1056			
1056<script type="text/javascript">
1057				$(window).on("load", function () {
1058					$.when(window.Pages.rwdSetupComplete)
1059						.done(function () {
1060							renderExternalBannerSlideshow('banner1',
1061								{"BannerOptionID":103,"ThemeID":40,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":185,"BannerOptionID":103,"FileName":"/ImageRepository/Document?documentID=24464","Height":845,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":186,"BannerOptionID":103,"FileName":"/ImageRepository/Document?documentID=24462","Height":845,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
1062								'/App_Themes/Home/Images/',
1063								'Rotating');
1064						});
1065				});
1066			</script>
1066
1067
1068</div>
1069</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS">
1070<div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS">	<div id="ccf5e74329-7536-4d29-a798-ded8aa362f9e" data-containerid="f5e74329-7536-4d29-a798-ded8aa362f9e" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="53">
1071				                
1072
1073		<div class="row outer wide"><!--
1074--><div class="outer col col12 first" style="" data-widgetcontainerid="cd9e221c-92f6-4983-add7-51500d4baf36">�				
1075	<div class="row nest first last wide">�
1076	
1077	<div class="inner col col12 first last id57b5b6a1-f617-4322-b17e-a8f4195e7883" style="" data-widgetcontainerid="57b5b6a1-f617-4322-b17e-a8f4195e7883">�	
1078<div data-widget-id="06191c59-a70f-4d2d-bf71-10c57c369b7d" data-widget-controller-path="/GraphicLinks/Widget">
1079
1080
1081
1082
1083<div id="graphicLinkWidget06191c59-a70f-4d2d-bf71-10c57c369b7d" class="widget widgetGraphicLinks skin91 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:55em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1084	<div class="widgetHeader">
1085		<div class="">
1086				</div>
1087	</div>
1088	<div class="widgetBody cpGrid cpGrid3 ">
1089		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1090				<div class="row   wide">
1091					<!--
1092--><div class="col col1 first "><ul class="semanticList"><!--
1093	    --><li class="widgetItem GraphicLinks">
1094
1095<div>
1096	<a href="https://puyal.ent.sirsi.net/client/en_US/default/" target="_self" class="fancyButton fancyButton927 " >
1097		<span>
1098			<span><span class="text">catalog &amp; My account</span></span>
1099		</span>
1100	</a>
1101</div>
1102		<style scoped="scoped">.fancyButton927.fancyButton:link,.fancyButton927.fancyButton:visited, .fancyButton927div.fancyButton{
1103	background-color: rgb(255, 255, 255);
1104	-webkit-border-top-left-radius: 10px;
1105	-moz-border-top-left-radius: 10px;
1106	-khtml-border-top-left-radius: 10px;
1107	border-top-left-radius: 10px;
1108	-webkit-border-top-right-radius: 10px;
1109	-moz-border-top-right-radius: 10px;
1110	-khtml-border-top-right-radius: 10px;
1111	border-top-right-radius: 10px;
1112	-webkit-border-bottom-left-radius: 10px;
1113	-moz-border-bottom-left-radius: 10px;
1114	-khtml-border-bottom-left-radius: 10px;
1115	border-bottom-left-radius: 10px;
1116	-webkit-border-bottom-right-radius: 10px;
1117	-moz-border-bottom-right-radius: 10px;
1118	-khtml-border-bottom-right-radius: 10px;
1119	border-bottom-right-radius: 10px;
1120	background-repeat: no-repeat;
1121	background-position: left top;
1122box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
1123overflow: hidden;
1124position: relative;
1125}
1126
1127.fancyButton927::after {
1128content: "";
1129position: absolute;
1130left: 98px;
1131top: 50%;
1132transform: translateY(-50%);
1133width: 4px;
1134height: 30px;
1135background: #FFCD00;
1136border-radius: 2px;
1137transition: all .3s ease-in-out;}
1138.fancyButton927.fancyButton:hover,.fancyButton927.fancyButton:focus,.fancyButton927.fancyButton:active,.fancyButton927.fancyButton.hover{
1139	background-color: rgb(0, 74, 152);
1140	background-repeat: no-repeat;
1141	background-position: left top;
1142}
1143
1144.fancyButton927:is(:hover,:focus,:active)::after {
1145height: 70px;}
1146.fancyButton927.fancyButton:link > span,.fancyButton927.fancyButton:visited > span, .fancyButton927div.fancyButton > span{
1147}
1148.fancyButton927.fancyButton:hover > span,.fancyButton927.fancyButton:focus > span,.fancyButton927.fancyButton:active > span,.fancyButton927.fancyButton.hover > span{
1149}
1150.fancyButton927.fancyButton .text{
1151	color: rgb(0, 74, 152);
1152	font-size: 1.1em;
1153	font-family: "Arial";
1154	text-align: left;
1155	padding-right: 25px;
1156	padding-left: 125px;
1157	font-weight: 700;
1158	text-decoration: none;
1159	padding-right: 25px;
1160	padding-left: 125px;
1161	background-image: url('/ImageRepository/Document?documentID=24480');
1162	background-repeat: no-repeat;
1163	background-position: left center;
1164height: 100px;
1165line-height: 1.2;
1166text-transform: uppercase;}
1167.fancyButton927.fancyButton:hover .text,.fancyButton927.fancyButton:focus .text,.fancyButton927.fancyButton:active .text,.fancyButton927.fancyButton.hover .text{
1168	color: rgb(255, 255, 255);
1169	text-decoration: underline;
1170	background-image: url('/ImageRepository/Document?documentID=24474');
1171	background-repeat: no-repeat;
1172	background-position: left top;
1173
1174
1175}
1176.fancyButton927.fancyButton .textStyle1{
1177	color: rgb(0, 74, 152);
1178	font-size: .8em;
1179	font-style: normal;
1180	text-decoration: none;
1181
1182}
1183.fancyButton927.fancyButton:hover .textStyle1, .fancyButton927.fancyButton.hover .textStyle1{
1184	color: rgb(255, 255, 255);
1185	text-decoration: underline;
1186
1187}
1188</style>
1189
1190 </li><!--
1191--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1192	    --><li class="widgetItem GraphicLinks">
1193
1194<div>
1195	<a href="/682" target="_self" class="fancyButton fancyButton928 " >
1196		<span>
1197			<span><span class="text">Get a library card<br></span></span>
1198		</span>
1199	</a>
1200</div>
1201		<style scoped="scoped">.fancyButton928.fancyButton:link,.fancyButton928.fancyButton:visited, .fancyButton928div.fancyButton{
1202	background-color: rgb(255, 255, 255);
1203	-webkit-border-top-left-radius: 10px;
1204	-moz-border-top-left-radius: 10px;
1205	-khtml-border-top-left-radius: 10px;
1206	border-top-left-radius: 10px;
1207	-webkit-border-top-right-radius: 10px;
1208	-moz-border-top-right-radius: 10px;
1209	-khtml-border-top-right-radius: 10px;
1210	border-top-right-radius: 10px;
1211	-webkit-border-bottom-left-radius: 10px;
1212	-moz-border-bottom-left-radius: 10px;
1213	-khtml-border-bottom-left-radius: 10px;
1214	border-bottom-left-radius: 10px;
1215	-webkit-border-bottom-right-radius: 10px;
1216	-moz-border-bottom-right-radius: 10px;
1217	-khtml-border-bottom-right-radius: 10px;
1218	border-bottom-right-radius: 10px;
1219	background-repeat: no-repeat;
1220	background-position: left top;
1221box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
1222overflow: hidden;
1223position: relative;
1224}
1225
1226.fancyButton928::after {
1227content: "";
1228position: absolute;
1229left: 98px;
1230top: 50%;
1231transform: translateY(-50%);
1232width: 4px;
1233height: 30px;
1234background: #FFCD00;
1235border-radius: 2px;
1236transition: all .3s ease-in-out;}
1237.fancyButton928.fancyButton:hover,.fancyButton928.fancyButton:focus,.fancyButton928.fancyButton:active,.fancyButton928.fancyButton.hover{
1238	background-color: rgb(0, 98, 65);
1239	background-repeat: no-repeat;
1240	background-position: left top;
1241}
1242
1243.fancyButton928:is(:hover,:focus,:active)::after {
1244height: 70px;}
1245.fancyButton928.fancyButton:link > span,.fancyButton928.fancyButton:visited > span, .fancyButton928div.fancyButton > span{
1246}
1247.fancyButton928.fancyButton:hover > span,.fancyButton928.fancyButton:focus > span,.fancyButton928.fancyButton:active > span,.fancyButton928.fancyButton.hover > span{
1248}
1249.fancyButton928.fancyButton .text{
1250	color: #006241;
1251	font-size: 1.1em;
1252	font-family: "Arial";
1253	text-align: left;
1254	padding-right: 25px;
1255	padding-left: 125px;
1256	font-weight: 700;
1257	text-decoration: none;
1258	padding-right: 25px;
1259	padding-left: 125px;
1260	background-image: url('/ImageRepository/Document?documentID=24476');
1261	background-repeat: no-repeat;
1262	background-position: left center;
1263height: 100px;
1264line-height: 1.2;
1265text-transform: uppercase;}
1266.fancyButton928.fancyButton:hover .text,.fancyButton928.fancyButton:focus .text,.fancyButton928.fancyButton:active .text,.fancyButton928.fancyButton.hover .text{
1267	color: rgb(255, 255, 255);
1268	text-decoration: underline;
1269	background-image: url('/ImageRepository/Document?documentID=24470');
1270	background-repeat: no-repeat;
1271	background-position: left top;
1272
1273
1274}
1275.fancyButton928.fancyButton .textStyle1{
1276	color: rgb(0, 98, 65);
1277	font-size: .8em;
1278	font-style: normal;
1279	text-decoration: none;
1280
1281}
1282.fancyButton928.fancyButton:hover .textStyle1, .fancyButton928.fancyButton.hover .textStyle1{
1283	color: rgb(255, 255, 255);
1284	text-decoration: underline;
1285
1286}
1287</style>
1288
1289 </li><!--
1290--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1291	    --><li class="widgetItem GraphicLinks">
1292
1293<div>
1294	<a href="https://documents.puyallupwa.gov/Forms/Ask-a-Librarian" target="_self" class="fancyButton fancyButton937 " >
1295		<span>
1296			<span><span class="text">Ask a librarian<br></span></span>
1297		</span>
1298	</a>
1299</div>
1300		<style scoped="scoped">.fancyButton937.fancyButton:link,.fancyButton937.fancyButton:visited, .fancyButton937div.fancyButton{
1301	background-color: rgb(255, 255, 255);
1302	-webkit-border-top-left-radius: 10px;
1303	-moz-border-top-left-radius: 10px;
1304	-khtml-border-top-left-radius: 10px;
1305	border-top-left-radius: 10px;
1306	-webkit-border-top-right-radius: 10px;
1307	-moz-border-top-right-radius: 10px;
1308	-khtml-border-top-right-radius: 10px;
1309	border-top-right-radius: 10px;
1310	-webkit-border-bottom-left-radius: 10px;
1311	-moz-border-bottom-left-radius: 10px;
1312	-khtml-border-bottom-left-radius: 10px;
1313	border-bottom-left-radius: 10px;
1314	-webkit-border-bottom-right-radius: 10px;
1315	-moz-border-bottom-right-radius: 10px;
1316	-khtml-border-bottom-right-radius: 10px;
1317	border-bottom-right-radius: 10px;
1318	background-repeat: no-repeat;
1319	background-position: left top;
1320box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
1321overflow: hidden;
1322position: relative;
1323}
1324
1325.fancyButton937::after {
1326content: "";
1327position: absolute;
1328left: 98px;
1329top: 50%;
1330transform: translateY(-50%);
1331width: 4px;
1332height: 30px;
1333background: #FFCD00;
1334border-radius: 2px;
1335transition: all .3s ease-in-out;}
1336.fancyButton937.fancyButton:hover,.fancyButton937.fancyButton:focus,.fancyButton937.fancyButton:active,.fancyButton937.fancyButton.hover{
1337	background-color: rgb(0, 74, 152);
1338	background-repeat: no-repeat;
1339	background-position: left top;
1340}
1341
1342.fancyButton937:is(:hover,:focus,:active)::after {
1343height: 70px;}
1344.fancyButton937.fancyButton:link > span,.fancyButton937.fancyButton:visited > span, .fancyButton937div.fancyButton > span{
1345}
1346.fancyButton937.fancyButton:hover > span,.fancyButton937.fancyButton:focus > span,.fancyButton937.fancyButton:active > span,.fancyButton937.fancyButton.hover > span{
1347}
1348.fancyButton937.fancyButton .text{
1349	color: rgb(0, 74, 152);
1350	font-size: 1.1em;
1351	font-family: "Arial";
1352	text-align: left;
1353	padding-right: 25px;
1354	padding-left: 125px;
1355	font-weight: 700;
1356	text-decoration: none;
1357	padding-right: 25px;
1358	padding-left: 125px;
1359	background-image: url('/ImageRepository/Document?documentID=24475');
1360	background-repeat: no-repeat;
1361	background-position: left center;
1362height: 100px;
1363line-height: 1.2;
1364text-transform: uppercase;}
1365.fancyButton937.fancyButton:hover .text,.fancyButton937.fancyButton:focus .text,.fancyButton937.fancyButton:active .text,.fancyButton937.fancyButton.hover .text{
1366	color: rgb(255, 255, 255);
1367	text-decoration: underline;
1368	background-image: url('/ImageRepository/Document?documentID=24469');
1369	background-repeat: no-repeat;
1370	background-position: left top;
1371
1372
1373}
1374.fancyButton937.fancyButton .textStyle1{
1375	color: rgb(0, 74, 152);
1376	font-size: .8em;
1377	font-style: normal;
1378	text-decoration: none;
1379
1380}
1381.fancyButton937.fancyButton:hover .textStyle1, .fancyButton937.fancyButton.hover .textStyle1{
1382	color: rgb(255, 255, 255);
1383	text-decoration: underline;
1384
1385}
1386</style>
1387
1388 </li><!--
1389--></ul></div><!--				-->
1390				</div>
1391			</nav>
1392		</div>
1393	<div class="widgetFooter">
1394			</div>
1395</div>
1396</div>
1397
1398	</div> <!-- inner column -->
1399
1400	</div> <!-- inner row -->
1401
1402			</div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="639a0eea-0cd2-4d61-a45d-783cd918a30b">�				
1403	<div class="row nest first last wide">�
1404	
1405	<div class="inner col col12 first last idc8cd4437-6f39-4706-a12f-48aa71caeb04" style="" data-widgetcontainerid="c8cd4437-6f39-4706-a12f-48aa71caeb04">�	
1406<div data-widget-id="d4a16094-0244-4b36-8dae-0ddcab639bec" data-widget-controller-path="/GraphicLinks/Widget">
1407
1408
1409
1410
1411<div id="graphicLinkWidgetd4a16094-0244-4b36-8dae-0ddcab639bec" class="widget widgetGraphicLinks skin91 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:55em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1412	<div class="widgetHeader">
1413		<div class="">
1414				</div>
1415	</div>
1416	<div class="widgetBody cpGrid cpGrid3 ">
1417		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1418				<div class="row   wide">
1419					<!--
1420--><div class="col col1 first "><ul class="semanticList"><!--
1421	    --><li class="widgetItem GraphicLinks">
1422
1423<div>
1424	<a href="/1751/Library-News-and-Events" target="_self" class="fancyButton fancyButton930 " >
1425		<span>
1426			<span><span class="text">Events &amp; programs<br></span></span>
1427		</span>
1428	</a>
1429</div>
1430		<style scoped="scoped">.fancyButton930.fancyButton:link,.fancyButton930.fancyButton:visited, .fancyButton930div.fancyButton{
1431	background-color: rgb(255, 255, 255);
1432	-webkit-border-top-left-radius: 10px;
1433	-moz-border-top-left-radius: 10px;
1434	-khtml-border-top-left-radius: 10px;
1435	border-top-left-radius: 10px;
1436	-webkit-border-top-right-radius: 10px;
1437	-moz-border-top-right-radius: 10px;
1438	-khtml-border-top-right-radius: 10px;
1439	border-top-right-radius: 10px;
1440	-webkit-border-bottom-left-radius: 10px;
1441	-moz-border-bottom-left-radius: 10px;
1442	-khtml-border-bottom-left-radius: 10px;
1443	border-bottom-left-radius: 10px;
1444	-webkit-border-bottom-right-radius: 10px;
1445	-moz-border-bottom-right-radius: 10px;
1446	-khtml-border-bottom-right-radius: 10px;
1447	border-bottom-right-radius: 10px;
1448	background-repeat: no-repeat;
1449	background-position: left top;
1450box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
1451overflow: hidden;
1452position: relative;
1453}
1454
1455.fancyButton930::after {
1456content: "";
1457position: absolute;
1458left: 98px;
1459top: 50%;
1460transform: translateY(-50%);
1461width: 4px;
1462height: 30px;
1463background: #FFCD00;
1464border-radius: 2px;
1465transition: all .3s ease-in-out;}
1466.fancyButton930.fancyButton:hover,.fancyButton930.fancyButton:focus,.fancyButton930.fancyButton:active,.fancyButton930.fancyButton.hover{
1467	background-color: rgb(0, 98, 65);
1468	background-repeat: no-repeat;
1469	background-position: left top;
1470}
1471
1472.fancyButton930:is(:hover,:focus,:active)::after {
1473height: 70px;}
1474.fancyButton930.fancyButton:link > span,.fancyButton930.fancyButton:visited > span, .fancyButton930div.fancyButton > span{
1475}
1476.fancyButton930.fancyButton:hover > span,.fancyButton930.fancyButton:focus > span,.fancyButton930.fancyButton:active > span,.fancyButton930.fancyButton.hover > span{
1477}
1478.fancyButton930.fancyButton .text{
1479	color: #006241;
1480	font-size: 1.1em;
1481	font-family: "Arial";
1482	text-align: left;
1483	padding-right: 25px;
1484	padding-left: 125px;
1485	font-weight: 700;
1486	text-decoration: none;
1487	padding-right: 25px;
1488	padding-left: 125px;
1489	background-image: url('/ImageRepository/Document?documentID=24479');
1490	background-repeat: no-repeat;
1491	background-position: left center;
1492height: 100px;
1493line-height: 1.2;
1494text-transform: uppercase;}
1495.fancyButton930.fancyButton:hover .text,.fancyButton930.fancyButton:focus .text,.fancyButton930.fancyButton:active .text,.fancyButton930.fancyButton.hover .text{
1496	color: rgb(255, 255, 255);
1497	text-decoration: underline;
1498	background-image: url('/ImageRepository/Document?documentID=24473');
1499	background-repeat: no-repeat;
1500	background-position: left top;
1501
1502
1503}
1504.fancyButton930.fancyButton .textStyle1{
1505	color: rgb(0, 98, 65);
1506	font-size: .8em;
1507	font-style: normal;
1508	text-decoration: none;
1509
1510}
1511.fancyButton930.fancyButton:hover .textStyle1, .fancyButton930.fancyButton.hover .textStyle1{
1512	color: rgb(255, 255, 255);
1513	text-decoration: underline;
1514
1515}
1516</style>
1517
1518 </li><!--
1519--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1520	    --><li class="widgetItem GraphicLinks">
1521
1522<div>
1523	<a href="/892/Apps-and-Online-Resources" target="_self" class="fancyButton fancyButton938 " >
1524		<span>
1525			<span><span class="text">Online Resources<br></span></span>
1526		</span>
1527	</a>
1528</div>
1529		<style scoped="scoped">.fancyButton938.fancyButton:link,.fancyButton938.fancyButton:visited, .fancyButton938div.fancyButton{
1530	background-color: rgb(255, 255, 255);
1531	-webkit-border-top-left-radius: 10px;
1532	-moz-border-top-left-radius: 10px;
1533	-khtml-border-top-left-radius: 10px;
1534	border-top-left-radius: 10px;
1535	-webkit-border-top-right-radius: 10px;
1536	-moz-border-top-right-radius: 10px;
1537	-khtml-border-top-right-radius: 10px;
1538	border-top-right-radius: 10px;
1539	-webkit-border-bottom-left-radius: 10px;
1540	-moz-border-bottom-left-radius: 10px;
1541	-khtml-border-bottom-left-radius: 10px;
1542	border-bottom-left-radius: 10px;
1543	-webkit-border-bottom-right-radius: 10px;
1544	-moz-border-bottom-right-radius: 10px;
1545	-khtml-border-bottom-right-radius: 10px;
1546	border-bottom-right-radius: 10px;
1547	background-repeat: no-repeat;
1548	background-position: left top;
1549box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
1550overflow: hidden;
1551position: relative;
1552}
1553
1554.fancyButton938::after {
1555content: "";
1556position: absolute;
1557left: 98px;
1558top: 50%;
1559transform: translateY(-50%);
1560width: 4px;
1561height: 30px;
1562background: #FFCD00;
1563border-radius: 2px;
1564transition: all .3s ease-in-out;}
1565.fancyButton938.fancyButton:hover,.fancyButton938.fancyButton:focus,.fancyButton938.fancyButton:active,.fancyButton938.fancyButton.hover{
1566	background-color: rgb(0, 74, 152);
1567	background-repeat: no-repeat;
1568	background-position: left top;
1569}
1570
1571.fancyButton938:is(:hover,:focus,:active)::after {
1572height: 70px;}
1573.fancyButton938.fancyButton:link > span,.fancyButton938.fancyButton:visited > span, .fancyButton938div.fancyButton > span{
1574}
1575.fancyButton938.fancyButton:hover > span,.fancyButton938.fancyButton:focus > span,.fancyButton938.fancyButton:active > span,.fancyButton938.fancyButton.hover > span{
1576}
1577.fancyButton938.fancyButton .text{
1578	color: rgb(0, 74, 152);
1579	font-size: 1.1em;
1580	font-family: "Arial";
1581	text-align: left;
1582	padding-right: 25px;
1583	padding-left: 125px;
1584	font-weight: 700;
1585	text-decoration: none;
1586	padding-right: 25px;
1587	padding-left: 125px;
1588	background-image: url('/ImageRepository/Document?documentID=24478');
1589	background-repeat: no-repeat;
1590	background-position: left center;
1591height: 100px;
1592line-height: 1.2;
1593text-transform: uppercase;}
1594.fancyButton938.fancyButton:hover .text,.fancyButton938.fancyButton:focus .text,.fancyButton938.fancyButton:active .text,.fancyButton938.fancyButton.hover .text{
1595	color: rgb(255, 255, 255);
1596	text-decoration: underline;
1597	background-image: url('/ImageRepository/Document?documentID=24472');
1598	background-repeat: no-repeat;
1599	background-position: left top;
1600
1601
1602}
1603.fancyButton938.fancyButton .textStyle1{
1604	color: rgb(0, 74, 152);
1605	font-size: .8em;
1606	font-style: normal;
1607	text-decoration: none;
1608
1609}
1610.fancyButton938.fancyButton:hover .textStyle1, .fancyButton938.fancyButton.hover .textStyle1{
1611	color: rgb(255, 255, 255);
1612	text-decoration: underline;
1613
1614}
1615</style>
1616
1617 </li><!--
1618--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1619	    --><li class="widgetItem GraphicLinks">
1620
1621<div>
1622	<a href="https://puylibrary.eprintitsaas.com/public/upload" target="_self" class="fancyButton fancyButton939 " >
1623		<span>
1624			<span><span class="text"><span style="font-size: 17.6px;">print from my device</span></span></span>
1625		</span>
1626	</a>
1627</div>
1628		<style scoped="scoped">.fancyButton939.fancyButton:link,.fancyButton939.fancyButton:visited, .fancyButton939div.fancyButton{
1629	background-color: rgb(255, 255, 255);
1630	-webkit-border-top-left-radius: 10px;
1631	-moz-border-top-left-radius: 10px;
1632	-khtml-border-top-left-radius: 10px;
1633	border-top-left-radius: 10px;
1634	-webkit-border-top-right-radius: 10px;
1635	-moz-border-top-right-radius: 10px;
1636	-khtml-border-top-right-radius: 10px;
1637	border-top-right-radius: 10px;
1638	-webkit-border-bottom-left-radius: 10px;
1639	-moz-border-bottom-left-radius: 10px;
1640	-khtml-border-bottom-left-radius: 10px;
1641	border-bottom-left-radius: 10px;
1642	-webkit-border-bottom-right-radius: 10px;
1643	-moz-border-bottom-right-radius: 10px;
1644	-khtml-border-bottom-right-radius: 10px;
1645	border-bottom-right-radius: 10px;
1646	background-repeat: no-repeat;
1647	background-position: left top;
1648box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
1649overflow: hidden;
1650position: relative;
1651}
1652
1653.fancyButton939::after {
1654content: "";
1655position: absolute;
1656left: 98px;
1657top: 50%;
1658transform: translateY(-50%);
1659width: 4px;
1660height: 30px;
1661background: #FFCD00;
1662border-radius: 2px;
1663transition: all .3s ease-in-out;}
1664.fancyButton939.fancyButton:hover,.fancyButton939.fancyButton:focus,.fancyButton939.fancyButton:active,.fancyButton939.fancyButton.hover{
1665	background-color: rgb(0, 98, 65);
1666	background-repeat: no-repeat;
1667	background-position: left top;
1668}
1669
1670.fancyButton939:is(:hover,:focus,:active)::after {
1671height: 70px;}
1672.fancyButton939.fancyButton:link > span,.fancyButton939.fancyButton:visited > span, .fancyButton939div.fancyButton > span{
1673}
1674.fancyButton939.fancyButton:hover > span,.fancyButton939.fancyButton:focus > span,.fancyButton939.fancyButton:active > span,.fancyButton939.fancyButton.hover > span{
1675}
1676.fancyButton939.fancyButton .text{
1677	color: #006241;
1678	font-size: 1.1em;
1679	font-family: "Arial";
1680	text-align: left;
1681	padding-right: 25px;
1682	padding-left: 125px;
1683	font-weight: 700;
1684	text-decoration: none;
1685	padding-right: 25px;
1686	padding-left: 125px;
1687	background-image: url('/ImageRepository/Document?documentID=24477');
1688	background-repeat: no-repeat;
1689	background-position: left center;
1690height: 100px;
1691line-height: 1.2;
1692text-transform: uppercase;}
1693.fancyButton939.fancyButton:hover .text,.fancyButton939.fancyButton:focus .text,.fancyButton939.fancyButton:active .text,.fancyButton939.fancyButton.hover .text{
1694	color: rgb(255, 255, 255);
1695	text-decoration: underline;
1696	background-image: url('/ImageRepository/Document?documentID=24471');
1697	background-repeat: no-repeat;
1698	background-position: left top;
1699
1700
1701}
1702.fancyButton939.fancyButton .textStyle1{
1703	color: rgb(0, 98, 65);
1704	font-size: .8em;
1705	font-style: normal;
1706	text-decoration: none;
1707
1708}
1709.fancyButton939.fancyButton:hover .textStyle1, .fancyButton939.fancyButton.hover .textStyle1{
1710	color: rgb(255, 255, 255);
1711	text-decoration: underline;
1712
1713}
1714</style>
1715
1716 </li><!--
1717--></ul></div><!--				-->
1718				</div>
1719			</nav>
1720		</div>
1721	<div class="widgetFooter">
1722			</div>
1723</div>
1724</div>
1725
1726	</div> <!-- inner column -->
1727
1728	</div> <!-- inner row -->
1729
1730			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1731
1732
1733	</div>
1734</div></div>
1735</div><!-- Home --><div data-cpRole="structuralContainer" id="homeContainer1TS">
1736<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent1TS">	<div id="cc7bb66eb6-9eee-413d-9627-fc5fecd9a9d8" data-containerid="7bb66eb6-9eee-413d-9627-fc5fecd9a9d8" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="65">
1737				                
1738
1739
1740
1741	</div>
1742</div></div>
1743</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS">
1744<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main">
1745<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap">
1746<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
1747<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
1747<script type='text/javascript'>$('#breadCrumbs').hide();</script>
1747</div><div data-cpRole="mainContentContainer" id="moduleContent">
1748	
1749	<div id="page" class="moduleContentNew">
1750		
1751
1752	<input id="hdnPageID" name="hdnPageID" type="hidden" value="2436" />
1753	<input id="hdnParentID" name="hdnParentID" type="hidden" value="148" />
1754	<input id="hdnVersionID" name="hdnVersionID" type="hidden" value="28868" />
1755	<input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Library" />
1756	<input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
1757	<input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" />
1758	<input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" />
1759
1760			
1761		<div id="cc1e1e688a-32fa-4c3c-878a-fb0960a4e4b2" data-containerid="1e1e688a-32fa-4c3c-878a-fb0960a4e4b2" class="pageContent cpGrid cpGrid24"  data-contentcontainerbreakpoint="30" >
1762			
1763
1764
1765
1766		</div>
1767
1768	</div>
1769
1770	
1771	<div class="newCP">
1772
1773	</div>
1774</div>
1775</div>
1776</div>
1777</div></div>
1778</div><!-- Home --><div data-cpRole="structuralContainer" id="bannerContainer2TS" class="noOverflowTS">
1779<div data-cpRole="banner" id="banner2"><div data-cpRole="structuralContainer" id="homeContainer2TS">
1780<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent2TS">	<div id="cc8e37e668-6526-4012-a620-08a38f00eb53" data-containerid="8e37e668-6526-4012-a620-08a38f00eb53" class="pageContent cpGrid cpGrid24 showInMobile">
1781				                
1782
1783		<div class="row outer wide"><!--
1784--><div class="outer col col24 first last" style="" data-widgetcontainerid="f14b17c3-4526-4e25-8d9c-435691aac266">�				
1785	<div class="row nest first last wide">�
1786	
1787	<div class="inner col col24 first last idd2f77380-dacf-43cf-b8e0-0e9330c6bf80" style="" data-widgetcontainerid="d2f77380-dacf-43cf-b8e0-0e9330c6bf80">�	
1788    <div data-widget-id="7358dbd6-c3b0-4a6c-ad4c-3942fdb2b0be" data-widget-controller-path="/InfoAdvanced/Widget">
1789
1790
1791
1792
1793
1794	<section id="divInfoAdv7358dbd6-c3b0-4a6c-ad4c-3942fdb2b0be" class="widget widgetInfoAdvanced skin97 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
1795			<header class="widgetHeader" id="header7358dbd6-c3b0-4a6c-ad4c-3942fdb2b0be">
1796		<div class="">
1797								</div>
1798	</header>
1799	<div class="widgetBody  cpGrid cpGrid1 ">
1800		<div class="row  wide">
1801					<div class="col col1 first last">
1802						<ol class="pageStyles semanticList">
1803
1804<li class="InfoAdvanced widgetItem fr-view">
1805	<h1 class="headline">Library Events &amp; Programs</h1><p>Keep informed with the latest events</p>
1806</li>						</ol>
1807					</div>
1808		</div>
1809	</div>
1810	<div class="widgetFooter">
1811
1812	</div>
1813
1814	</section>
1815
1816
1817
1818<script type="text/javascript">
1819	//Render slideshow if info advacned items contain one.
1820	$(document).ready(function (e) {
1821		$('#divInfoAdv7358dbd6-c3b0-4a6c-ad4c-3942fdb2b0be .InfoAdvanced.widgetItem').each(function () {
1822			renderSlideshowIfApplicable($(this));		
1823		});
1824	});
1825</script>
1825</div>
1826	</div> <!-- inner column -->
1827
1828	</div> <!-- inner row -->
1829
1830			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1831		<div class="row outer wide"><!--
1832--><div class="outer col col24 first last" style="" data-widgetcontainerid="0d117845-4ec0-4fd4-b402-6e6603424e76">�				
1833	<div class="row nest first last wide">�
1834	
1835	<div class="inner col col24 first last id10080ebf-781a-4154-a2ce-27bdfb035db2" style="" data-widgetcontainerid="10080ebf-781a-4154-a2ce-27bdfb035db2">�	
1836<div data-widget-id="15322f92-7464-4b26-a294-03a01b345a49" data-widget-controller-path="/Calendar/Widget">
1837	
1837<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
1837
1838
1839
1840
1841
1842
1843
1844
1845
1846 
1847
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857
1858
1859
1860
1861
1862
1863
1864
1865
1866
1867<div id="widgetCalendar15322f92-7464-4b26-a294-03a01b345a49" class="widget widgetCalendar skin103 widgetOptionSet53 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:50em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'>
1868	<div class="widgetBody cpGrid cpGrid2  mediaLeft">
1869				<div class="calendarInnerWrapper">
1870
1871
1872<div data-minicalendar="true" class="miniCalendar media" style="width: 45%; ">
1873<div id="miniCalendarAnnouncement15322f92-7464-4b26-a294-03a01b345a49" aria-live="polite" aria-atomic="true" class="visuallyhidden"></div>
1874<input type="hidden" name="monthToRender" data-year="2026" data-month="10" />
1875<h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" role="presentation"><button aria-label="Previous Month, current month October 2026, go to September 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><span class="cp-miniCalendar-title" id="miniCalendarHeader15322f92-7464-4b26-a294-03a01b345a49" role="heading" aria-level="3">October 2026</span><button aria-label="Next Month, current month October 2026, go to November 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3>
1876	<table role="grid" aria-labelledby="miniCalendarHeader15322f92-7464-4b26-a294-03a01b345a49" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates.">
1877		<thead>											
1878			<tr>										
1879<th scope="col"><abbr title="
1880Sunday
1881">
1882Sun
1883</abbr></th>
1884<th scope="col"><abbr title="
1885Monday
1886">
1887Mon
1888</abbr></th>
1889<th scope="col"><abbr title="
1890Tuesday
1891">
1892Tue
1893</abbr></th>
1894<th scope="col"><abbr title="
1895Wednesday
1896">
1897Wed
1898</abbr></th>
1899<th scope="col"><abbr title="
1900Thursday
1901">
1902Thu
1903</abbr></th>
1904<th scope="col"><abbr title="
1905Friday
1906">
1907Fri
1908</abbr></th>
1909<th scope="col"><abbr title="
1910Saturday
1911">
1912Sat
1913</abbr></th>
1914
1915			</tr>										
1916		</thead>										
1917		<tbody>											
1918<tr><td class="not"><span><time datetime="2026-09-27">27</time></span></td>				
1919
1920<td class="not"><span><time datetime="2026-09-28">28</time></span></td>				
1921
1922<td class="not"><span><time datetime="2026-09-29">29</time></span></td>				
1923
1924<td class="not"><span><time datetime="2026-09-30">30</time></span></td>				
1925
1926<td><span><time datetime="2026-10-01"> 1</time></span></td>				
1927
1928<td><span><time datetime="2026-10-02"> 2</time></span></td>				
1929
1930<td><span><time datetime="2026-10-03"> 3</time></span></td>				
1931
1932</tr>
1933<tr><td class="today"><span><time datetime="2026-10-04"> 4</time></span></td>				
1934
1935<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-05&amp;endDate=2026-10-05&amp;cat=49'><time datetime="2026-10-05"> 5</time></a></td>				
1936
1937<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-06&amp;endDate=2026-10-06&amp;cat=49'><time datetime="2026-10-06"> 6</time></a></td>				
1938
1939<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-07&amp;endDate=2026-10-07&amp;cat=49'><time datetime="2026-10-07"> 7</time></a></td>				
1940
1941<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-08&amp;endDate=2026-10-08&amp;cat=49'><time datetime="2026-10-08"> 8</time></a></td>				
1942
1943<td><span><time datetime="2026-10-09"> 9</time></span></td>				
1944
1945<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-10&amp;endDate=2026-10-10&amp;cat=49'><time datetime="2026-10-10">10</time></a></td>				
1946
1947</tr>
1948<tr><td><span><time datetime="2026-10-11">11</time></span></td>				
1949
1950<td><span><time datetime="2026-10-12">12</time></span></td>				
1951
1952<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-13&amp;endDate=2026-10-13&amp;cat=49'><time datetime="2026-10-13">13</time></a></td>				
1953
1954<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-14&amp;endDate=2026-10-14&amp;cat=49'><time datetime="2026-10-14">14</time></a></td>				
1955
1956<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-15&amp;endDate=2026-10-15&amp;cat=49'><time datetime="2026-10-15">15</time></a></td>				
1957
1958<td><span><time datetime="2026-10-16">16</time></span></td>				
1959
1960<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-17&amp;endDate=2026-10-17&amp;cat=49'><time datetime="2026-10-17">17</time></a></td>				
1961
1962</tr>
1963<tr><td><span><time datetime="2026-10-18">18</time></span></td>				
1964
1965<td><span><time datetime="2026-10-19">19</time></span></td>				
1966
1967<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-20&amp;endDate=2026-10-20&amp;cat=49'><time datetime="2026-10-20">20</time></a></td>				
1968
1969<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-21&amp;endDate=2026-10-21&amp;cat=49'><time datetime="2026-10-21">21</time></a></td>				
1970
1971<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-22&amp;endDate=2026-10-22&amp;cat=49'><time datetime="2026-10-22">22</time></a></td>				
1972
1973<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-23&amp;endDate=2026-10-23&amp;cat=49'><time datetime="2026-10-23">23</time></a></td>				
1974
1975<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-24&amp;endDate=2026-10-24&amp;cat=49'><time datetime="2026-10-24">24</time></a></td>				
1976
1977</tr>
1978<tr><td><span><time datetime="2026-10-25">25</time></span></td>				
1979
1980<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-26&amp;endDate=2026-10-26&amp;cat=49'><time datetime="2026-10-26">26</time></a></td>				
1981
1982<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-27&amp;endDate=2026-10-27&amp;cat=49'><time datetime="2026-10-27">27</time></a></td>				
1983
1984<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-28&amp;endDate=2026-10-28&amp;cat=49'><time datetime="2026-10-28">28</time></a></td>				
1985
1986<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-29&amp;endDate=2026-10-29&amp;cat=49'><time datetime="2026-10-29">29</time></a></td>				
1987
1988<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-30&amp;endDate=2026-10-30&amp;cat=49'><time datetime="2026-10-30">30</time></a></td>				
1989
1990<td><a tabindex="0" href='/m/calendar?searchTerms=&amp;startDate=2026-10-31&amp;endDate=2026-10-31&amp;cat=49'><time datetime="2026-10-31">31</time></a></td>				
1991
1992</tr>
1993
1994		</tbody>										
1995	</table>											
1996</div>
1997
1998
1999
2000		
2000<script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script>
2000
2001	
2001<script>
2002		$(function () {
2003			var miniCalendar = new MiniCalendar();
2004			miniCalendar.init({
2005				widgetId: "15322f92-7464-4b26-a294-03a01b345a49",
2006				preventNavigationOnArrows: false,
2007				displayDatesOutsideOfCurrentMonth: true
2008			});
2009		});
2010	</script>
2010
2011					
2012
2013
2014
2015
2016
2017
2018
2019<div class="row  text narrow" data-event-list-row="true" style="margin-left: 50%;">
2020	
2021
2022<script src="/Scripts/jquery.urlToLink.min.js"></script>
2022
2023<input type="hidden" value="[&quot;2026-10-05&quot;,&quot;2026-10-06&quot;,&quot;2026-10-07&quot;]" name="day-list" />
2024
2025				<div class="col col1 first ">
2026					<ol class="semanticList">
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038<li class="widgetItem  " data-event-i-d="3070644" >
2039
2040
2041		<h4 class="widgetTitle">Mon, Oct. 5  </h4>
2042		<div style="" class="widgetDesc">
2043					<strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/5/2026 10:30:00 AM','10/5/2026 4:30:00 PM','Meeting Room','Bloodworks Northwest is hosting an all-day blood drive (10:30am-4:30pm) that is open to the public. Schedule a donation appointment using the link below or email [email protected] or call 800-398-7888. https://www.bloodworksnw.org/wp-content/uploads/2023/08/redirectgroup.html?s=899C'); return false;" id="icalEvent">Public Blood Donation Drive</a></strong>
2044
2045		</div>
2046	</li>
2047
2048
2049
2050
2051
2052
2053
2054
2055
2056
2057
2058<li class="widgetItem  " data-event-i-d="3070645" >
2059
2060
2061		<h4 class="widgetTitle">Tue, Oct. 6  </h4>
2062		<div style="" class="widgetDesc">
2063					<strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/6/2026 10:00:00 AM','10/6/2026 11:30:00 AM','Meeting Room','Play to Learn is a free program for children and adults to play together! 			This program is provided by Green Trike in partnership with the library. All registrations and information can be found online: https://greentrike.org/play-to-learn'); return false;" id="icalEvent">Play to Learn</a></strong>
2064
2065		</div>
2066	</li>
2067
2068
2069
2070
2071
2072
2073
2074
2075
2076
2077
2078<li class="widgetItem  " data-event-i-d="3070646" >
2079
2080
2081		<h4 class="widgetTitle">Tue, Oct. 6  </h4>
2082		<div style="" class="widgetDesc">
2083					<strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/6/2026 1:00:00 PM','10/6/2026 2:30:00 PM','Meeting Room','Play to Learn is a free program for children and adults to play together! 			This program is provided by Green Trike in partnership with the library. All registrations and information can be found online: https://greentrike.org/play-to-learn'); return false;" id="icalEvent">Play to Learn</a></strong>
2084
2085		</div>
2086	</li>
2087					</ol>
2088				</div>
2089				<div class="col col1  last">
2090					<ol class="semanticList">
2091
2092
2093
2094
2095
2096
2097
2098
2099
2100
2101
2102<li class="widgetItem  " data-event-i-d="3070647" >
2103
2104
2105		<h4 class="widgetTitle">Tue, Oct. 6  </h4>
2106		<div style="" class="widgetDesc">
2107					<strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/6/2026 5:00:00 PM','10/6/2026 6:00:00 PM','Meeting Room','An Interactive Educational Magic Experience!   Step into a world where learning feels like magic. Embark on an interactive journey through the history, psychology, and secrets of magic, discovering how illusion, storytelling, and perception shape what we believe. Then the real transformation begins. Students don’t just watch… They become magicians!  Especially for Grades K-6.'); return false;" id="icalEvent">Taylor Kyle&#39;s School of Magic Adventure</a></strong>
2108
2109		</div>
2110	</li>
2111
2112
2113
2114
2115
2116
2117
2118
2119
2120
2121
2122<li class="widgetItem  " data-event-i-d="3070648" >
2123
2124
2125		<h4 class="widgetTitle">Wed, Oct. 7  </h4>
2126		<div style="" class="widgetDesc">
2127					<strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/7/2026 1:00:00 PM','10/7/2026 2:00:00 PM','','Grab your current audiobook, earbuds, and walking shoes, and join us at the Puyallup Public Library for our audiobook walking club.Participants can listen while they walk or talk with others as they walk about their current audiobook. At the end of the walk, everyone will regroup at the library to do a light stretch and chat about their current reads with the group. This is a drop-in event. There is no need to register, but please arrive early or call the library so the group knows you will be a few minutes late. This program is for ages 18'); return false;" id="icalEvent">Audiobook Walking Club</a></strong>
2128
2129		</div>
2130	</li>
2131
2132
2133
2134
2135
2136
2137
2138
2139
2140
2141
2142<li class="widgetItem  " data-event-i-d="3070649" >
2143
2144
2145		<h4 class="widgetTitle">Wed, Oct. 7  </h4>
2146		<div style="" class="widgetDesc">
2147					<strong><a href="#EventDetails" onclick="openCalendarIcalEventDetailsModal('10/7/2026 4:00:00 PM','10/7/2026 6:00:00 PM','','Drop in to explore the Puyallup Community History Room. Upstairs on the second floor of the Library.'); return false;" id="icalEvent">Puyallup History Room Drop In Hours</a></strong>
2148
2149		</div>
2150	</li>
2151					</ol>
2152				</div>
2153
2154</div>
2155									</div>
2156		        <a id="calendarViewAll15322f92-7464-4b26-a294-03a01b345a49" class="widgetViewAll" style="" href="/1751/Library-News-and-Events ">View All Events</a>
2157					</div>
2158	<div class="widgetFooter">
2159		
2160	</div>
2161	<div class="addItemModal hidden">
2162		<div class="url hidden">/Calendar.aspx</div>
2163	</div>
2164</div>
2165</div>
2166
2167	</div> <!-- inner column -->
2168
2169	</div> <!-- inner row -->
2170
2171			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2172		<div class="row outer wide"><!--
2173--><div class="outer col col3 first" style="" data-widgetcontainerid="8474271b-b139-4001-afff-968aa290de8b">�				
2174	<div class="row nest first last wide">�
2175	
2176	<div class="inner col col3 first last ide2fdec61-53a1-42b9-8b1e-97f8e3d9a292" style="" data-widgetcontainerid="e2fdec61-53a1-42b9-8b1e-97f8e3d9a292">�	
2177
2178<div class="widget widgetSpacer" id="d67278a2-cb01-4eea-a811-e17a5262d686"></div>
2179	</div> <!-- inner column -->
2180
2181	</div> <!-- inner row -->
2182
2183			</div><!-- outer column --><!----><div class="outer col col10" style="" data-widgetcontainerid="f12b14bd-a7ea-4381-9a36-cf64771c074a">�				
2184	<div class="row nest first last wide">�
2185	
2186	<div class="inner col col10 first last idc19b8bec-04f9-43f5-bb8f-1f18026152e7" style="" data-widgetcontainerid="c19b8bec-04f9-43f5-bb8f-1f18026152e7">�	
2187 
2188	<div data-widget-id='c2a4941e-fc6a-4acf-9b5b-6e16ce5742d5' data-moduleName="customHtml" id='widgetCustomHtmlc2a4941e-fc6a-4acf-9b5b-6e16ce5742d5' class="widget widgetCustomHtml skin105 narrow" >
2189	<div class="widgetBody pageStyles" id="widgetBodyc2a4941e-fc6a-4acf-9b5b-6e16ce5742d5">
2190		<div id="customHtmlc2a4941e-fc6a-4acf-9b5b-6e16ce5742d5"><div><!-- Facebook adjust -->
2191<div class="facebook-container">
2192  <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FPuyallupLibrary%2F&tabs=timeline&width=500&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
2193</div>
2194
2195<style>
2196  .facebook-container {
2197    text-align: center;
2198    margin:0 auto;
2199    
2200  }
2201
2202</style>
2203
2204<script>
2205  // If you do not want to maintain aspect ratio: set to zero
2206  const aspectRatio = 1.4;
2207  const selector = ".facebook-container";
2208  const minWidth = 220;
2209  const maxWidth = 500; // Facebook widget will not expand past 500
2210  const minHeight = 500;
2211  const maxHeight = 500;
2212  const widthRegexp = /(width=)([0-9]+)/;
2213  const heightRegexp = /(height=)([0-9]+)/;
2214
2215  let width = 0;
2216  let height = 0;
2217
2218  function clamp(num, min, max) {
2219    return Math.min(Math.max(num, min), max);
2220  }
2221
2222  function adjust() {
2223    const container = $(selector);
2224    const frame = $(selector + " > iframe");
2225    if (frame === undefined || frame.length === 0) {
2226      console.warn("No facebook widget found...");
2227    } else {
2228      const rawSrc = frame.attr("src");
2229      const containerWidth = container.width();
2230      if (containerWidth === 0) {
2231        const parents = container.parents();
2232        for (let i = 0; i < parents.length; i++) {
2233          const parent = $(parents[i]);
2234          if (parent.css("display") === "none") {
2235            let mobileTab = parent.siblings();
2236            mobileTab = mobileTab[mobileTab.length - 1];
2237            if (!mobileTab) return;
2238            // Get .cpTabPanels
2239            let desktopTab = parent.parent();
2240            // Get .cpTabs
2241            desktopTab = desktopTab.siblings();
2242            desktopTab = desktopTab[desktopTab.length - 1];
2243            // Get the matching tab (from the mobile tab text)
2244            desktopTab = $(desktopTab).children();
2245            desktopTab = desktopTab.filter((j, elem) => $(elem).text().trim() === $(mobileTab).text().trim())[0];
2246            if (!desktopTab) return;
2247
2248            const desktopHandler = () => { adjust(); desktopTab.removeEventListener("click", desktopHandler); }
2249            const mobileHandler = () => { adjust(); mobileTab.removeEventListener("click", mobileHandler); }
2250
2251            desktopTab.addEventListener("click", desktopHandler);
2252            mobileTab.addEventListener("click", mobileHandler);
2253            break;
2254          }
2255        }
2256        return;
2257      }
2258
2259      width = clamp(containerWidth, minWidth, maxWidth);
2260      height = clamp(Math.floor(width * aspectRatio), minHeight, maxHeight);
2261
2262      // Replace src and style on iframe
2263      try {
2264        const oldWidth = rawSrc.match(widthRegexp);
2265        const oldHeight = rawSrc.match(heightRegexp);
2266
2267        if (width === parseInt(oldWidth[2]) && height === parseInt(oldHeight[2])) {
2268          return;
2269        }
2270
2271        const newSrc = rawSrc
2272          .replace(widthRegexp, "width=" + parseInt(width))
2273          .replace(heightRegexp, "height=" + parseInt(height));
2274
2275        // Set attributes on frame
2276        frame.attr("src", newSrc);
2277        frame.css("width", width);
2278        frame.css("height", height);
2279      } catch (e) {
2280        console.warn("Failed replacing width & height");
2281        console.warn(e);
2282      }
2283    }
2284  }
2285
2286  let adjustTimeoutFn;
2287  $(window).load(function () {
2288    adjust();
2289
2290    $(window).resize(function () {
2291      clearTimeout(adjustTimeoutFn);
2292      adjustTimeoutFn = setTimeout(function () {
2293        adjust();
2294      }, 250);
2295    });
2296
2297    $.when(window.Pages.angularToolbarComplete).done(function () {
2298      adjust();
2299    });
2300  });
2301</script>
2301
2302
2303<!-- End Facebook adjust -->
2304</div></div>
2305	</div>
2306
2307	</div>
2308
2309	</div> <!-- inner column -->
2310
2311	</div> <!-- inner row -->
2312
2313			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="bd4e27d6-00e5-4aa9-ac2f-7f5e05a978e6">�				
2314	<div class="row nest first last wide">�
2315	
2316	<div class="inner col col3 first last id6d5c6798-a6fe-4645-baa7-b13f8b5d9177" style="" data-widgetcontainerid="6d5c6798-a6fe-4645-baa7-b13f8b5d9177">�	
2317
2318<div class="widget widgetSpacer" id="69cb0802-24cd-4255-b4a9-5dfdee65d1e1"></div>
2319	</div> <!-- inner column -->
2320
2321	</div> <!-- inner row -->
2322
2323			</div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="22875464-875a-4d10-82d9-e2b7ffa7c4f1">�				
2324	<div class="row nest first last wide">�
2325	
2326	<div class="inner col col8 first last id3f56b94e-02db-4351-9507-27bce04bf3c3" style="" data-widgetcontainerid="3f56b94e-02db-4351-9507-27bce04bf3c3">�	
2327 
2328	<div data-widget-id='a657f66b-9753-4937-a3c5-b85b41ad907b' data-moduleName="customHtml" id='widgetCustomHtmla657f66b-9753-4937-a3c5-b85b41ad907b' class="widget widgetCustomHtml skin105 narrow" >
2329	<div class="widgetBody pageStyles" id="widgetBodya657f66b-9753-4937-a3c5-b85b41ad907b">
2330		<div id="customHtmla657f66b-9753-4937-a3c5-b85b41ad907b"><div><div>
2331<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/puyalluplibrary/?utm_source=ig_embed&amp;utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/puyalluplibrary/?utm_source=ig_embed&amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewbox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 5
233150.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">View this profile on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/puyalluplibrary/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank">Puyallup Public Library</a> (@<a href="https://www.instagram.com/puyalluplibrary/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank">puyalluplibrary</a>) • Instagram photos and videos</p></div></blockquote>
2332<script async="" src="//www.instagram.com/embed.js"></script>
2332
2333</div></div></div>
2334	</div>
2335
2336	</div>
2337
2338	</div> <!-- inner column -->
2339
2340	</div> <!-- inner row -->
2341
2342			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2343
2344
2345	</div>
2346</div></div>
2347</div>
2348
2349
2350
2351
2352		<div id="bannerImagesJSON104" class="hidden"></div>
2353		<div id="bannerSlideshowControls_banner2" class="bannerSlideshowControlsNew none " style="display:none">
2354			<a id="arrowPrev_banner2" 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>
2355			<a id="arrowNext_banner2" 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>
2356		</div>
2357			
2357<script type="text/javascript">
2358				$(window).on("load", function () {
2359					$.when(window.Pages.rwdSetupComplete)
2360						.done(function () {
2361							renderExternalBannerSlideshow('banner2',
2362								{"BannerOptionID":104,"ThemeID":40,"SlotName":"banner2","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":187,"BannerOptionID":104,"FileName":"/ImageRepository/Document?documentID=24460","Height":900,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
2363								'/App_Themes/Home/Images/',
2364								'Rotating');
2365						});
2366				});
2367			</script>
2367
2368
2369</div>
2370</div><div data-cpRole="structuralContainer" id="homeContainerWrap3TS">
2371<!-- Home --><div data-cpRole="structuralContainer" id="homeContainer3TS">
2372<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent3TS">	<div id="cc810597d4-0fbc-4820-969e-eead67f98086" data-containerid="810597d4-0fbc-4820-969e-eead67f98086" class="pageContent cpGrid cpGrid24 showInMobile">
2373				                
2374
2375		<div class="row outer wide"><!--
2376--><div class="outer col col24 first last" style="" data-widgetcontainerid="43eedf9d-6f7c-4118-ab36-87f7f25999f0">�				
2377	<div class="row nest first last wide">�
2378	
2379	<div class="inner col col24 first last id52c2ef44-7689-41d1-bfe9-104efeb37d09" style="" data-widgetcontainerid="52c2ef44-7689-41d1-bfe9-104efeb37d09">�	
2380    <div data-widget-id="35b9aa91-14e7-4219-b40d-c698a9aef9b3" data-widget-controller-path="/InfoAdvanced/Widget">
2381
2382
2383
2384
2385
2386	<section id="divInfoAdv35b9aa91-14e7-4219-b40d-c698a9aef9b3" class="widget widgetInfoAdvanced skin100 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2387			<header class="widgetHeader" id="header35b9aa91-14e7-4219-b40d-c698a9aef9b3">
2388		<div class="">
2389								</div>
2390	</header>
2391	<div class="widgetBody  cpGrid cpGrid1 ">
2392		<div class="row  wide">
2393					<div class="col col1 first last">
2394						<ol class="pageStyles semanticList">
2395
2396<li class="InfoAdvanced widgetItem fr-view">
2397	<h1 class="headline">ONLINE RESOURCES</h1>
2398</li>						</ol>
2399					</div>
2400		</div>
2401	</div>
2402	<div class="widgetFooter">
2403
2404	</div>
2405
2406	</section>
2407
2408
2409
2410<script type="text/javascript">
2411	//Render slideshow if info advacned items contain one.
2412	$(document).ready(function (e) {
2413		$('#divInfoAdv35b9aa91-14e7-4219-b40d-c698a9aef9b3 .InfoAdvanced.widgetItem').each(function () {
2414			renderSlideshowIfApplicable($(this));		
2415		});
2416	});
2417</script>
2417</div>
2418	</div> <!-- inner column -->
2419
2420	</div> <!-- inner row -->
2421
2422			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2423		<div class="row outer wide"><!--
2424--><div class="outer col col24 first last" style="" data-widgetcontainerid="4d81d585-cc0b-44fc-a640-4a0933742710">�				
2425	<div class="row nest first last wide">�
2426	
2427	<div class="inner col col24 first last ida7856b28-ab0b-49dc-b9e5-48762a05c4ad" style="" data-widgetcontainerid="a7856b28-ab0b-49dc-b9e5-48762a05c4ad">�	
2428<div data-widget-id="37d1fde8-0d71-493e-86ff-5838426361e0" 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 skin104 widgetOptionSet54 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash37d1fde8-0d71-493e-86ff-5838426361e0" 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 cpCarousel37d1fde8-0d71-493e-86ff-5838426361e0">
2453	<div class="cpWindow cpWindow37d1fde8-0d71-493e-86ff-5838426361e0">
2454		<ol class="semanticList cpSlider">
2455						<li class="widgetItem" data-index="0">
2456								<a href="/CivicAlerts.aspx?AID=1746" target="_self"><img class="media" src="/ImageRepository/Document?documentID=24489" alt="Libby" data-delayed-image="" /></a>
2457						<div class="text">
2458							<h2 id="newsFlashItemHeader1746" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1746" target="_self">Libby </a>
2459</h2>	<div class="widgetDesc">
2460Libby provides access to thousands of e-books, audiobooks, magazines, and streaming content. Get the app to access materials from anywhere.						<a id="newsFlashReadOn1746" href="/CivicAlerts.aspx?AID=1746" target="_self" class="readOn" aria-label="Additional Info...: Libby">Additional Info...</a>
2461	</div>
2462
2463						</div>
2464						</li>
2465						<li class="widgetItem" data-index="1">
2466								<a href="/CivicAlerts.aspx?AID=1745" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=24491" alt="Comics Plus" data-delayed-image="" /></a>
2467						<div class="text">
2468							<h2 id="newsFlashItemHeader1745" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1745" target="_self">ComicsPlus </a>
2469</h2>	<div class="widgetDesc">
2470Your access to thousands of digital comics, graphic novels, and manga from 100+ library-friendly publishers. The collection includes popular and award-winning titles for every age range and interest. The app is available.						<a id="newsFlashReadOn1745" href="/CivicAlerts.aspx?AID=1745" target="_self" class="readOn" aria-label="Additional Info...: ComicsPlus">Additional Info...</a>
2471	</div>
2472
2473						</div>
2474						</li>
2475						<li class="widgetItem" data-index="2">
2476								<a href="/CivicAlerts.aspx?AID=1744" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=24490" alt="Mango" data-delayed-image="" /></a>
2477						<div class="text">
2478							<h2 id="newsFlashItemHeader1744" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1744" target="_self">Mango Languages </a>
2479</h2>	<div class="widgetDesc">
2480A PhD-created language-learning software with a sense of humor that features over 70 languages, including American Sign Language (ASL). The App is available.						<a id="newsFlashReadOn1744" href="/CivicAlerts.aspx?AID=1744" target="_self" class="readOn" aria-label="Additional Info...: Mango Languages">Additional Info...</a>
2481	</div>
2482
2483						</div>
2484						</li>
2485						<li class="widgetItem" data-index="3">
2486								<a href="/CivicAlerts.aspx?AID=1789" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=25038" alt="Screenshot 2025-12-11 145420" data-delayed-image="" /></a>
2487						<div class="text">
2488							<h2 id="newsFlashItemHeader1789" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1789" target="_self">Seattle Times </a>
2489</h2>	<div class="widgetDesc">
2490Explore Puyallup history through local news, events, and people with the Seattle Times Collection. Search current and archived issues with full-color newspaper pages, full-text articles, and content only published online.						<a id="newsFlashReadOn1789" href="/CivicAlerts.aspx?AID=1789" target="_self" class="readOn" aria-label="Additional Info...: Seattle Times">Additional Info...</a>
2491	</div>
2492
2493						</div>
2494						</li>
2495						<li class="widgetItem" data-index="4">
2496								<a href="/CivicAlerts.aspx?AID=1787" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=25037" alt="Screenshot 2025-12-11 144931" data-delayed-image="" /></a>
2497						<div class="text">
2498							<h2 id="newsFlashItemHeader1787" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1787" target="_blank">ProQuest </a>
2499</h2>	<div class="widgetDesc">
2500Search from a highly respected, diversified mix of scholarly journals, professional and trade publications, and magazines covering over 150 subjects and topics.						<a id="newsFlashReadOn1787" href="/CivicAlerts.aspx?AID=1787" target="_blank" class="readOn" aria-label="Additional Info...: ProQuest">Additional Info...</a>
2501	</div>
2502
2503						</div>
2504						</li>
2505						<li class="widgetItem" data-index="5">
2506								<a href="/CivicAlerts.aspx?AID=1743" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=24488" alt="Ancestry.com " data-delayed-image="" /></a>
2507						<div class="text">
2508							<h2 id="newsFlashItemHeader1743" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=1743" target="_self">Ancestry Library </a>
2509</h2>	<div class="widgetDesc">
2510This database contains birth, death, marriage, and other public re
2510cord information. You must use this resource at the library. You can use it on your own device while on library Wi-Fi.						<a id="newsFlashReadOn1743" href="/CivicAlerts.aspx?AID=1743" target="_self" class="readOn" aria-label="Additional Info...: Ancestry Library">Additional Info...</a>
2511	</div>
2512
2513						</div>
2514						</li>
2515
2516		</ol>
2517	</div>
2518</div>
2519<script type="text/javascript">
2520	// <!--
2521	window.$ = window.$ || window.parent.$;
2522
2523	$(window).on('load', function () {
2524		//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
2525		if(!window.carouselsToInit){
2526			window.carouselsToInit = new Array();
2527		}
2528		var widgetNewsFlash37d1fde80d71493e86ff5838426361e0 = function()
2529		{
2530			var widgetWindow = $('#widgetNewsFlash37d1fde8-0d71-493e-86ff-5838426361e0').find('.cpWindow')[0];
2531			if(widgetWindow){
2532				if(widgetWindow.clientWidth != 0){
2533					window.setTimeout(function(){
2534						$('#widgetNewsFlash37d1fde8-0d71-493e-86ff-5838426361e0').adaptiveCarousel({
2535							minSlideWidth: 200,
2536							maxSlideWidth: 340,
2537							gutterWidth: 40,
2538							circular: true,
2539							teaser: false,
2540							transitionTiming: 500,
2541							noImageRequired: false
2542							});
2543					}, 250);
2544					var index = window.carouselsToInit.indexOf(widgetNewsFlash37d1fde80d71493e86ff5838426361e0);
2545					if (index > -1) {
2546						window.carouselsToInit.splice(index, 1);
2547					}
2548				}
2549			}
2550		}
2551		var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlash37d1fde80d71493e86ff5838426361e0);
2552		if (indexCarouselsToInit === -1) {
2553			window.carouselsToInit.push(widgetNewsFlash37d1fde80d71493e86ff5838426361e0);
2554		}
2555
2556		if (window.carouselsToInit) {
2557			window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); });
2558		}
2559
2560		if (window.Pages.onResizeHandlers){
2561			window.Pages.onResizeHandlers.forEach(function(car){car();});
2562		}
2563	});
2564
2565	if (Modernizr.touch) {
2566		var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages;
2567		$.when($pages.rwdReady).done(function () {
2568			//only for responsive sites
2569			if (typeof($$) !== 'undefined') {
2570				$$('#widgetNewsFlash37d1fde8-0d71-493e-86ff-5838426361e0').on('swipeRight', function (e, a) {
2571					$(this).adaptiveCarousel("moveBack");
2572				});
2573				$$('#widgetNewsFlash37d1fde8-0d71-493e-86ff-5838426361e0').on('swipeLeft', function (e) {
2574					$(this).adaptiveCarousel("moveForward");
2575				});
2576			}
2577		});
2578	}
2579	// -->
2580</script>
2580
2581
2582		<a id="newsFlashViewAll37d1fde8-0d71-493e-86ff-5838426361e0" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=36">View More Online Resources</a>
2583			</div>
2584	<div class="widgetFooter">
2585	</div>
2586	<div class="addItemModal hidden">
2587		<div class="url hidden">/CivicAlerts.aspx</div>
2588	</div>
2589
2590	</section>
2591
2592
2593
2594
2595
2596
2597
2598
2599</div>
2600	</div> <!-- inner column -->
2601
2602	</div> <!-- inner row -->
2603
2604			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2605
2606
2607	</div>
2608</div></div>
2609</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS">
2610<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS">	<div id="cc8e4538ad-286b-4cca-a99d-d5a8537ebd28" data-containerid="8e4538ad-286b-4cca-a99d-d5a8537ebd28" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="50">
2611				                
2612
2613		<div class="row outer wide"><!--
2614--><div class="outer col col6 first" style="" data-widgetcontainerid="86d28444-1250-4c72-b765-f2c3660f9f2e">�				
2615	<div class="row nest first wide">�
2616	
2617	<div class="inner col col6 first last id884c336a-bd8b-4d35-9709-b8ffa7f92f6d" style="" data-widgetcontainerid="884c336a-bd8b-4d35-9709-b8ffa7f92f6d">�	
2618    <div data-widget-id="8185c1a9-3415-46ce-a8e7-7b5c47cbefec" data-widget-controller-path="/InfoAdvanced/Widget">
2619
2620
2621
2622
2623
2624	<section id="divInfoAdv8185c1a9-3415-46ce-a8e7-7b5c47cbefec" class="widget widgetInfoAdvanced skin88 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2625			<header class="widgetHeader" id="header8185c1a9-3415-46ce-a8e7-7b5c47cbefec">
2626		<div class="">
2627								</div>
2628	</header>
2629	<div class="widgetBody  cpGrid cpGrid1 ">
2630		<div class="row  wide">
2631					<div class="col col1 first last">
2632						<ol class="pageStyles semanticList">
2633
2634<li class="InfoAdvanced widgetItem fr-view">
2635	<p><a href="/"><img src="/ImageRepository/Document?documentId=24734" class="fr-dib" alt="" style="width: 215px;"></a></p>
2636</li>						</ol>
2637					</div>
2638		</div>
2639	</div>
2640	<div class="widgetFooter">
2641
2642	</div>
2643
2644	</section>
2645
2646
2647
2648<script type="text/javascript">
2649	//Render slideshow if info advacned items contain one.
2650	$(document).ready(function (e) {
2651		$('#divInfoAdv8185c1a9-3415-46ce-a8e7-7b5c47cbefec .InfoAdvanced.widgetItem').each(function () {
2652			renderSlideshowIfApplicable($(this));		
2653		});
2654	});
2655</script>
2655</div>
2656	</div> <!-- inner column -->
2657
2658	</div> <!-- inner row -->
2659	<div class="row nest last wide">�
2660	
2661	<div class="inner col col6 first last idfd71a717-ba78-4fa3-88c7-83c7542e72ce" style="" data-widgetcontainerid="fd71a717-ba78-4fa3-88c7-83c7542e72ce">�	
2662<div data-widget-id="03f7c982-d6c1-483d-881d-9acbe50b9775" data-widget-controller-path="/GraphicLinks/Widget">
2663
2664
2665
2666
2667<div id="graphicLinkWidget03f7c982-d6c1-483d-881d-9acbe50b9775" class="widget widgetGraphicLinks skin92 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2668	<div class="widgetHeader">
2669		<div class="">
2670				</div>
2671	</div>
2672	<div class="widgetBody cpGrid cpGrid4 ">
2673		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2674				<div class="row autoWidths center wide">
2675					<!--
2676--><div class="col col1 first "><ul class="semanticList"><!--
2677	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/PuyallupLibrary/ " target="_self">
2678
2679<img src="/ImageRepository/Document?documentID=23071" 
2680     class="graphicButtonLink" 
2681     onmouseover="this.src='/ImageRepository/Document?documentID=23071'" 
2682	onmouseout="this.src='/ImageRepository/Document?documentID=23071'"
2683     onfocus="this.src='/ImageRepository/Document?documentID=23071'" 
2684	onblur="this.src='/ImageRepository/Document?documentID=23071'"> 
2685</a></li><!--
2686--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
2687	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/@puyalluplibrary " target="_self">
2688
2689<img src="/ImageRepository/Document?documentID=23084" 
2690     class="graphicButtonLink" alt="YouTube" 
2691     onmouseover="this.src='/ImageRepository/Document?documentID=23084'" 
2692	onmouseout="this.src='/ImageRepository/Document?documentID=23084'"
2693     onfocus="this.src='/ImageRepository/Document?documentID=23084'" 
2694	onblur="this.src='/ImageRepository/Document?documentID=23084'"> 
2695</a></li><!--
2696--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
2697	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/puyalluplibrary/ " target="_self">
2698
2699<img src="/ImageRepository/Document?documentID=23072" 
2700     class="graphicButtonLink" alt="Instagram" 
2701     onmouseover="this.src='/ImageRepository/Document?documentID=23072'" 
2702	onmouseout="this.src='/ImageRepository/Document?documentID=23072'"
2703     onfocus="this.src='/ImageRepository/Document?documentID=23072'" 
2704	onblur="this.src='/ImageRepository/Document?documentID=23072'"> 
2705</a></li><!--
2706--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2707	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://puyalluplibrary.podbean.com/" target="_self">
2708
2709<img src="/ImageRepository/Document?documentID=24487" 
2710     class="graphicButtonLink" alt="Podcast" 
2711     onmouseover="this.src='/ImageRepository/Document?documentID=24487'" 
2712	onmouseout="this.src='/ImageRepository/Document?documentID=24487'"
2713     onfocus="this.src='/ImageRepository/Document?documentID=24487'" 
2714	onblur="this.src='/ImageRepository/Document?documentID=24487'"> 
2715</a></li><!--
2716--></ul></div><!--				-->
2717				</div>
2718			</nav>
2719		</div>
2720	<div class="widgetFooter">
2721			</div>
2722</div>
2723</div>
2724
2725	</div> <!-- inner column -->
2726
2727	</div> <!-- inner row -->
2728
2729			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="cab920ba-e7d5-40bc-a76f-1c61df156d4d">�				
2730	<div class="row nest first last wide">�
2731	
2732	<div class="inner col col1 first last idcf9b57eb-2a24-411d-89ab-90c9b09e818d" style="" data-widgetcontainerid="cf9b57eb-2a24-411d-89ab-90c9b09e818d">�	
2733
2734<div class="widget widgetSpacer" id="dd4aeb4a-ca77-4174-91e5-4d5995f57d34"></div>
2735	</div> <!-- inner column -->
2736
2737	</div> <!-- inner row -->
2738
2739			</div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="85cfea0f-47b4-4f25-b084-51afe6719551">�				
2740	<div class="row nest first last wide">�
2741	
2742	<div class="inner col col5 first last idbda8af91-36b6-4ec1-8d70-36b5c690651c" style="" data-widgetcontainerid="bda8af91-36b6-4ec1-8d70-36b5c690651c">�	
2743    <div data-widget-id="33230b9a-f6e8-4f21-9658-762ef49741d2" data-widget-controller-path="/InfoAdvanced/Widget">
2744
2745
2746
2747
2748
2749	<section id="divInfoAdv33230b9a-f6e8-4f21-9658-762ef49741d2" class="widget widgetInfoAdvanced skin90 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header33230b9a-f6e8-4f21-9658-762ef49741d2">
2750			<header class="widgetHeader" id="header33230b9a-f6e8-4f21-9658-762ef49741d2">
2751		<div class="">
2752					<h3 >Contact Us</h3>
2753								</div>
2754	</header>
2755	<div class="widgetBody  cpGrid cpGrid1 ">
2756		<div class="row  wide">
2757					<div class="col col1 first last">
2758						<ol class="pageStyles semanticList">
2759
2760<li class="InfoAdvanced widgetItem fr-view">
2761	<p id="isPasted">Puyallup Public Library</p>
2762</li>
2763<li class="InfoAdvanced widgetItem fr-view">
2764	<p id="isPasted">324 S. Meridian</p>
2765</li>
2766<li class="InfoAdvanced widgetItem fr-view">
2767	<p id="isPasted">Puyallup, WA 98371</p>
2768</li>
2769<li class="InfoAdvanced widgetItem fr-view">
2770	<p id="isPasted">Phone: <a href="tel:253-841-5454">253-841-5454</a></p>
2771</li>
2772<li class="InfoAdvanced widgetItem fr-view">
2773	<p id="isPasted"><a href="mailto:[email protected]">Email the Library</a></p>
2774</li>						</ol>
2775					</div>
2776		</div>
2777	</div>
2778	<div class="widgetFooter">
2779
2780	</div>
2781
2782	</section>
2783
2784
2785
2786<script type="text/javascript">
2787	//Render slideshow if info advacned items contain one.
2788	$(document).ready(function (e) {
2789		$('#divInfoAdv33230b9a-f6e8-4f21-9658-762ef49741d2 .InfoAdvanced.widgetItem').each(function () {
2790			renderSlideshowIfApplicable($(this));		
2791		});
2792	});
2793</script>
2793</div>
2794	</div> <!-- inner column -->
2795
2796	</div> <!-- inner row -->
2797
2798			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="e6cdc03d-0818-48db-a584-b5958c87ae68">�				
2799	<div class="row nest first last wide">�
2800	
2801	<div class="inner col col1 first last id3281d7f6-006d-4f19-988d-d0cfe63adda9" style="" data-widgetcontainerid="3281d7f6-006d-4f19-988d-d0cfe63adda9">�	
2802
2803<div class="widget widgetSpacer" id="6ac66209-c581-4459-bd45-b85add0a16ae"></div>
2804	</div> <!-- inner column -->
2805
2806	</div> <!-- inner row -->
2807
2808			</div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="a0819a9f-cc42-40af-9af0-f066910eb7b7">�				
2809	<div class="row nest first last wide">�
2810	
2811	<div class="inner col col5 first last idd47fe3ea-7452-4e6e-bf84-e5d53a343b0d" style="" data-widgetcontainerid="d47fe3ea-7452-4e6e-bf84-e5d53a343b0d">�	
2812    <div data-widget-id="19c01c0f-f0fd-4536-9725-f460f4cb7dec" data-widget-controller-path="/InfoAdvanced/Widget">
2813
2814
2815
2816
2817
2818	<section id="divInfoAdv19c01c0f-f0fd-4536-9725-f460f4cb7dec" class="widget widgetInfoAdvanced skin90 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header19c01c0f-f0fd-4536-9725-f460f4cb7dec">
2819			<header class="widgetHeader" id="header19c01c0f-f0fd-4536-9725-f460f4cb7dec">
2820		<div class="">
2821					<h3 >Library Hours</h3>
2822								</div>
2823	</header>
2824	<div class="widgetBody  cpGrid cpGrid1 ">
2825		<div class="row  wide">
2826					<div class="col col1 first last">
2827						<ol class="pageStyles semanticList">
2828
2829<li class="InfoAdvanced widgetItem fr-view">
2830	<p>Monday &nbsp; &nbsp; &nbsp; &nbsp;9:00 AM &ndash; 7:00 PM</p>
2831</li>
2832<li class="InfoAdvanced widgetItem fr-view">
2833	<p>Tuesday &nbsp; &nbsp; &nbsp; &nbsp;9:00 AM &ndash; 7:00 PM</p>
2834</li>
2835<li class="InfoAdvanced widgetItem fr-view">
2836	<p>Wednesday&nbsp; 12:00 PM &ndash; 7:00 PM</p>
2837</li>
2838<li class="InfoAdvanced widgetItem fr-view">
2839	<p>Thursday &nbsp; &nbsp; &nbsp;9:00 AM &ndash; 7:00 PM</p>
2840</li>
2841<li class="InfoAdvanced widgetItem fr-view">
2842	<p>Friday &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;9:00 AM &ndash; 5:00 PM</p>
2843</li>
2844<li class="InfoAdvanced widgetItem fr-view">
2845	<p>Saturday &nbsp; &nbsp; &nbsp; 9:00 AM &ndash; 5:00 PM</p>
2846</li>
2847<li class="InfoAdvanced widgetItem fr-view">
2848	<p>Sunday &nbsp; &nbsp; &nbsp; &nbsp; Closed</p>
2849</li>						</ol>
2850					</div>
2851		</div>
2852	</div>
2853	<div class="widgetFooter">
2854
2855	</div>
2856
2857	</section>
2858
2859
2860
2861<script type="text/javascript">
2862	//Render slideshow if info advacned items contain one.
2863	$(document).ready(function (e) {
2864		$('#divInfoAdv19c01c0f-f0fd-4536-9725-f460f4cb7dec .InfoAdvanced.widgetItem').each(function () {
2865			renderSlideshowIfApplicable($(this));		
2866		});
2867	});
2868</script>
2868</div>
2869	</div> <!-- inner column -->
2870
2871	</div> <!-- inner row -->
2872
2873			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="9d525711-a10d-494e-953a-ff1a77e72f28">�				
2874	<div class="row nest first last wide">�
2875	
2876	<div class="inner col col1 first last idabaebda6-7280-4047-932f-48b49eb8f5a1" style="" data-widgetcontainerid="abaebda6-7280-4047-932f-48b49eb8f5a1">�	
2877
2878<div class="widget widgetSpacer" id="28f42a05-7e5f-4a04-8cb3-df730dcd429f"></div>
2879	</div> <!-- inner column -->
2880
2881	</div> <!-- inner row -->
2882
2883			</div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="29893880-9921-4842-b02b-87405967c6ed">�				
2884	<div class="row nest first wide">�
2885	
2886	<div class="inner col col5 first last idb1a835dd-2845-4f27-ae8f-0b82a0aa2fb7" style="" data-widgetcontainerid="b1a835dd-2845-4f27-ae8f-0b82a0aa2fb7">�	
2887	<div data-widget-id="bc6a270e-fca6-4969-bdfe-bf12d11a1e1f" data-widget-controller-path="/QuickLinks/Widget">
2888
2889
2890
2891
2892
2893
2894
2895
2896	<section id="widgetQuicklinkbc6a270e-fca6-4969-bdfe-bf12d11a1e1f" class="widget widgetQuickLinks skin90 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderbc6a270e-fca6-4969-bdfe-bf12d11a1e1f">
2897			<header class="widgetHeader" id="quickLinksHeaderbc6a270e-fca6-4969-bdfe-bf12d11a1e1f">
2898		<div class="">
2899					<h3><a  style="" href="/QuickLinks.aspx?CID=210" >Helpful Links</a></h3>
2900						</div>
2901	</header>
2902	<div class="widgetBody cpGrid cpGrid1 ">
2903        <div class="row  narrow">
2904				<div class="col col1 first last">
2905					<ol class="semanticList">
2906
2907
2908
2909
2910    <li style="position:relative" class="widgetItem QuickLinks">
2911        <a class="widgetDesc widgetQuickLinksLink" href="/2436" target="_self" aria-label="Library Home - 2025 - Library Footer Links" rel="">
2911Library Home</a>
2912        <div class="widgetMeta"></div>
2913    </li>
2914
2915
2916
2917
2918    <li style="position:relative" class="widgetItem QuickLinks">
2919        <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" aria-label="Site Map - 2025 - Library Footer Links" rel="">Site Map</a>
2920        <div class="widgetMeta"></div>
2921    </li>
2922
2923
2924
2925
2926    <li style="position:relative" class="widgetItem QuickLinks">
2927        <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" aria-label="Accessibility - 2025 - Library Footer Links" rel="">Accessibility</a>
2928        <div class="widgetMeta"></div>
2929    </li>
2930
2931
2932
2933
2934    <li style="position:relative" class="widgetItem QuickLinks">
2935        <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" aria-label="Copyright Notices - 2025 - Library Footer Links" rel="">Copyright Notices</a>
2936        <div class="widgetMeta"></div>
2937    </li>
2938
2939
2940
2941
2942    <li style="position:relative" class="widgetItem QuickLinks">
2943        <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" aria-label="Privacy Policy - 2025 - Library Footer Links" rel="">Privacy Policy</a>
2944        <div class="widgetMeta"></div>
2945    </li>
2946					</ol>
2947				</div>
2948		</div>
2949        
2950	</div>
2951	<div class="widgetFooter">
2952	</div>
2953	<div class="addItemModal hidden">
2954		<div class="url hidden">/QuickLinks.aspx</div>
2955	</div>
2956
2957	</section>
2958</div>
2959
2960	</div> <!-- inner column -->
2961
2962	</div> <!-- inner row -->
2963	<div class="row nest last wide">�
2964	
2965	<div class="inner col col5 first last id98ade696-7937-4fd3-935b-2a9688a0c096" style="" data-widgetcontainerid="98ade696-7937-4fd3-935b-2a9688a0c096">�	
2966<div data-widget-id="19fc8043-8a85-48a4-a759-0d73095600b9" data-widget-controller-path="/GraphicLinks/Widget">
2967
2968
2969
2970
2971<div id="graphicLinkWidget19fc8043-8a85-48a4-a759-0d73095600b9" class="widget widgetGraphicLinks skin93 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2972	<div class="widgetHeader">
2973		<div class="">
2974				</div>
2975	</div>
2976	<div class="widgetBody cpGrid cpGrid1 ">
2977		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2978				<ul class="semanticList">
2979					<!--
2980	    --><li class="widgetItem GraphicLinks">
2981
2982<div>
2983	<a href="/" target="_self" class="fancyButton fancyButton919 " >
2984		<span>
2985			<span><span class="text">Website Sign-In</span></span>
2986		</span>
2987	</a>
2988</div>
2989		<style scoped="scoped">.fancyButton919.fancyButton:link,.fancyButton919.fancyButton:visited, .fancyButton919div.fancyButton{
2990	background-color: rgb(255, 205, 0);
2991	padding-top: 8px;
2992	padding-bottom: 8px;
2993	-webkit-border-top-left-radius: 10px;
2994	-moz-border-top-left-radius: 10px;
2995	-khtml-border-top-left-radius: 10px;
2996	border-top-left-radius: 10px;
2997	-webkit-border-top-right-radius: 10px;
2998	-moz-border-top-right-radius: 10px;
2999	-khtml-border-top-right-radius: 10px;
3000	border-top-right-radius: 10px;
3001	-webkit-border-bottom-left-radius: 10px;
3002	-moz-border-bottom-left-radius: 10px;
3003	-khtml-border-bottom-left-radius: 10px;
3004	border-bottom-left-radius: 10px;
3005	-webkit-border-bottom-right-radius: 10px;
3006	-moz-border-bottom-right-radius: 10px;
3007	-khtml-border-bottom-right-radius: 10px;
3008	border-bottom-right-radius: 10px;
3009	background-repeat: no-repeat;
3010	background-position: left top;
3011	border-top: 2px solid rgb(255, 205, 0);
3012	border-left: 2px solid rgb(255, 205, 0);
3013	border-right: 2px solid rgb(255, 205, 0);
3014	border-bottom: 2px solid rgb(255, 205, 0);
3015transition: all .3s ease-in-out;
3016max-width: 200px;
3017margin: 0 auto;}
3018.fancyButton919.fancyButton:hover,.fancyButton919.fancyButton:focus,.fancyButton919.fancyButton:active,.fancyButton919.fancyButton.hover{
3019	background-color: rgb(255, 255, 255);
3020	background-repeat: no-repeat;
3021	background-position: left top;
3022	border-top: 2px solid rgb(255, 205, 0);
3023	border-left: 2px solid rgb(255, 205, 0);
3024	border-right: 2px solid rgb(255, 205, 0);
3025	border-bottom: 2px solid rgb(255, 205, 0);
3026}
3027.fancyButton919.fancyButton:link > span,.fancyButton919.fancyButton:visited > span, .fancyButton919div.fancyButton > span{
3028}
3029.fancyButton919.fancyButton:hover > span,.fancyButton919.fancyButton:focus > span,.fancyButton919.fancyButton:active > span,.fancyButton919.fancyButton.hover > span{
3030}
3031.fancyButton919.fancyButton .text{
3032	color: rgb(0, 0, 0);
3033	font-family: "Arial";
3034	font-style: normal;
3035	text-decoration: none;
3036	background-repeat: no-repeat;
3037	background-position: left top;
3038
3039
3040}
3041.fancyButton919.fancyButton:hover .text,.fancyButton919.fancyButton:focus .text,.fancyButton919.fancyButton:active .text,.fancyButton919.fancyButton.hover .text{
3042	text-decoration: underline;
3043	background-repeat: no-repeat;
3044	background-position: left top;
3045
3046
3047}
3048</style>
3049
3050 </li><!--
3051				-->
3052				</ul>
3053			</nav>
3054		</div>
3055	<div class="widgetFooter">
3056			</div>
3057</div>
3058</div>
3059
3060	</div> <!-- inner column -->
3061
3062	</div> <!-- inner row -->
3063
3064			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3065
3066
3067	</div>
3068</div></div>
3069</footer>
3070</div><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS">
3071<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS">	<div id="ccaa9c809d-5656-4d6f-8c23-de2170863607" data-containerid="aa9c809d-5656-4d6f-8c23-de2170863607" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
3072				                
3073
3074		<div class="row outer wide"><!--
3075--><div class="outer col col24 first last" style="" data-widgetcontainerid="2ba1aee4-1138-4572-94bf-1010fe48aa42">�				
3076	<div class="row nest first last wide">�
3077	
3078	<div class="inner col col24 first last iddbe1151f-3a7f-40dc-acf8-0d7213a660ce" style="" data-widgetcontainerid="dbe1151f-3a7f-40dc-acf8-0d7213a660ce">�	
3079 
3080	<div data-widget-id='2ac921fc-c7c3-457b-b583-b027bb968cbe' data-moduleName="customHtml" id='widgetCustomHtml2ac921fc-c7c3-457b-b583-b027bb968cbe' 
3080class="widget widgetCustomHtml skin94 narrow" >
3081	<div class="widgetBody pageStyles" id="widgetBody2ac921fc-c7c3-457b-b583-b027bb968cbe">
3082		<div id="customHtml2ac921fc-c7c3-457b-b583-b027bb968cbe"><div><style>
3083  .cpBylineIconTS {
3084    fill: currentColor;
3085    width: 39px;
3086    height: 26px;
3087    display: inline;
3088    vertical-align: middle;
3089  }
3090</style>
3091
3092<div class="widgetItem cpBylineTS">
3093  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
3094    <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>
3095    <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>
3096  </svg>
3097  <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span>
3098</div>
3099</div></div>
3100	</div>
3101
3102	</div>
3103
3104	</div> <!-- inner column -->
3105
3106	</div> <!-- inner row -->
3107
3108			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3109
3110
3111	</div>
3112</div></div>
3113</div>
3114</div>
3115
3116            </div>
3117        </div>
3118    </div>
3119
3120<link href="/745732998.css" rel="stylesheet" type="text/css" />
3121
3122<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
3123	<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">
3124		<div class="cp-Splash-header">
3125			<h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2>
3126			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
3127				<svg id="iconClose" viewBox="0 0 25 25">
3128					<polygon style="fill:currentcolor"
3129							 points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon>
3130				</svg>
3131			</button>
3132		</div>
3133		<div class="cp-Splash-body">
3134			<div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc">
3135				<!-- Content from the Froala Editor will go here. -->
3136				Loading
3137			</div>
3138		</div>
3139		<div class="cp-Splash-footer">
3140			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
3141			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
3142		</div>
3143	</div>
3144</div>
3145
3146<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3146
3146
3147<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3147
3147
3148<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3148
3148
3149<script>
3150
3151		$(document).ready(function () {
3152			var filter = {
3153				targetId: '2436',
3154				targetType: 1
3155			}
3156
3157			new SplashModalRender().triggerRender(filter);
3158		});
3159</script>
3159
3160
3161
3162	
3163	
3164	
3165	
3166
3167
3168
3169	
3170
3171
3172
3173
3174
3175
3176    
3176<script src="/-1442400649.js" type="text/javascript"></script>
3176
3177    <!----------START Citibot - Chatbot Script--------->
3178<script src="https://bot.citibot.io/widget.js" defer></script>
3178
3179<citibot-chat uuid="0f08e0d6-76c9-4c31-8f00-4f1142728b3f" env="production"></citibot-chat>
3180<!----------END  Citibot - Chatbot Script----------->
3181<!----------Google Translate (Mobile Friendly)--------->
3182<style>#google-translate-container {float: right;padding: 3px 5px 0px 0px;}.goog-te-combo,.goog-te-banner *,.goog-te-ftab *,.goog-te-menu *,.goog-te-menu2 *,.goog-te-balloon * {font-family: arial;font-size: 10pt;background-image: url("https://theme.zdassets.com/theme_assets/958586/bae8aa24db8d43595871692a9d259186f2db3fb4.png");background-position: 3px 4px;background-size: 22px;background-repeat: no-repeat;text-indent: 20px;background-color: #fff;color: #000 !important;}.goog-logo-link {display: none !important;}.goog-te-gadget {color: transparent !important;}.goog-te-gadget .goog-te-combo {margin: 2px 0 !important;border-radius: 15px !important;}.goog-te-combo{border: 1px solid !important;border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important;border-radius: 0 !important;height:32px; !important;padding: 0 1px 0 .25rem !important;}
3183#launcher-wrapper {bottom: 50px !important;}
3184</style>
3185<div id="google-translate-container">
3186<div id="google_translate_element" style="position: fixed; bottom: 0px; right: 150px; z-index: 5;"></div>
3187</div>
3188<script>
3189function googleTranslateElementInit() {
3190var el = document.getElementById("google_translate_element");
3191if (el && el.innerHTML.trim() !== "") {
3192    return;
3193}
3194
3195new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element");
3196// begin accessibility compliance
3197$('img.goog-te-gadget-icon').attr('alt','Google Translate');
3198$('div#goog-gt-tt div.logo img').attr('alt','translate');
3199$('div#goog-gt-tt .original-text').css('text-align','left');
3200$('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000');
3201$('.goog-te-combo').attr('aria-label','google translate languages');
3202$('svg.goog-te-spinner').attr('title','Google Translate Spinner');
3203$('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000');
3204}
3205$(function() {
3206$.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit");
3207});
3208</script>
3208
3209<!--------------End Google Translate----------------->
3210<!-- AudioEye -->
3211<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash = "65beabbea570d307e489c0861aa76738"; var a=document.createElement("script");a.src="https://wsmcdn.audioeye.com/aem.js";a.type="text/javascript";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script>
3211
3212<!-- End AudioEye -->
3213
3214
3215<!-- Fixed Nav Adjustment -->
3216<script>
3217  function getValueTS(elem, attr) {
3218    const val = elem.css(attr);
3219    if (val === undefined) return undefined;
3220    const num = parseInt(val, 10);
3221    if (num === NaN) return undefined;
3222    return num;
3223  }
3224
3225  function clampTS(number, min, max) {
3226    return Math.min(Math.max(number, min), max);
3227  }
3228
3229  function isPageEditingTS() {
3230    return (
3231      $("#doneEditing").length > 0 || // In live edit
3232      $(".cp-liveEditOn").length > 0 || // In live edit
3233      typeof DesignCenter !== "undefined" // In theme manager
3234    );
3235  }
3236
3237  const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/;
3238  function isTransparentTS(elem) {
3239    const bg = elem.css('background-color');
3240    if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false;
3241    const matchState = bg.match(bgColorRegexTS);
3242    if (!matchState || matchState.length !== 5) return false;
3243    const alpha = parseFloat(matchState[4], 10);
3244    if (!(alpha >= 0 && alpha < 1)) return false;
3245    return true;
3246  }
3247
3248  function iterateLeftpads(cb) {
3249    const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
3250    for (let i = 0; i < containersTS.length; i++) {
3251      const containerTS = containersTS[i];
3252      // Skip the body container and anything with data-skip-leftpad
3253      if (
3254        containerTS.id !== "bodyContainerTS" &&
3255        containerTS.getAttribute('data-skip-leftpad') === null
3256      ) {
3257        cb(containerTS);
3258      }
3259    }
3260  }
3261
3262  const anchor = $("#divToolbars");
3263  //const anchor = $("#angularToolbarInLegacy");
3264
3265  // Outer banner padding (push banner down)
3266  const outerSizingTS = $("#bannerContainerTS");
3267  // Inner banner padding (push banner content down) - Transparent header OR on attaching headers
3268  const innerSizingTS = $("#bannerSizingTS");
3269  const bodyContainerTS = $("#bodyContainerTS");
3270
3271  const forceUnfixClassTS = "forceUnfixTS";
3272
3273  const fixedTopTS = $(".fixedTopTS");
3274  const fixedBottomTS = $(".fixedBottomTS");
3275  const fixedLeftTS = $(".fixedLeftTS");
3276
3277  var initialTopTS;
3278  var topAttachTS;
3279  if (fixedTopTS && fixedTopTS.length === 1) {
3280    initialTopTS = getValueTS(fixedTopTS, 'top');
3281    const attachment = fixedTopTS.attr('data-attach');
3282    if (attachment) topAttachTS = $("#" + attachment);
3283    if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined;
3284  }
3285
3286  function resizeAdjustmentTS() {
3287    const editing = isPageEditingTS();
3288
3289    // Fixed top script
3290    (function () {
3291      if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return;
3292
3293      if (editing) {
3294        fixedTopTS[0].classList.add(forceUnfixClassTS);
3295      } else {
3296        fixedTopTS[0].classList.remove(forceUnfixClassTS);
3297      }
3298
3299      const topPosition = fixedTopTS.css('position');
3300      if (topPosition === 'fixed') {
3301        if (topAttachTS) {
3302          scrollAdjustmentTS();
3303        } else {
3304          const anchorHeight = anchor.outerHeight() - 1;
3305          fixedTopTS.css('top', anchorHeight + initialTopTS);
3306        }
3307      } else {
3308        fixedTopTS.css('top', initialTopTS);
3309      }
3310
3311      if (topPosition === 'fixed' || topPosition === 'absolute') {
3312        // Bump the banner content down
3313        if (isTransparentTS(fixedTopTS)) {
3314          innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1);
3315          outerSizingTS.css('padding-top', '');
3316
3317          try {
3318            window.Pages.onResizeHandlersExecute();
3319          } catch (e) { }
3320        } else {
3321          outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1);
3322          innerSizingTS.css('padding-top', '');
3323        }
3324      } else {
3325        innerSizingTS.css('padding-top', '');
3326        outerSizingTS.css('padding-top', '');
3327      }
3328    })();
3329
3330    // Fixed bottom script
3331    (function () {
3332      if (!fixedBottomTS || fixedBottomTS.length === 0) return;
3333
3334      // If the widget has gone narrow, force unfix
3335      if (editing || fixedBottomTS.outerHeight() > 200) {
3336        fixedBottomTS[0].classList.add(forceUnfixClassTS);
3337      } else {
3338        fixedBottomTS[0].classList.remove(forceUnfixClassTS);
3339      }
3340
3341      if (fixedBottomTS.css('position') === 'fixed') {
3342        bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight());
3343      } else {
3344        bodyContainerTS.css('padding-bottom', '');
3345      }
3346    })();
3347
3348    // Fixed left script
3349    (function () {
3350      if (!fixedLeftTS || fixedLeftTS.length === 0) return;
3351
3352      if (editing) {
3353        fixedLeftTS[0].classList.add(forceUnfixClassTS);
3354      } else {
3355        fixedLeftTS[0].classList.remove(forceUnfixClassTS);
3356      }
3357
3358      if (fixedLeftTS.css('position') === 'fixed') {
3359        const anchorHeight = anchor.outerHeight() - 1;
3360        fixedLeftTS.css('top', anchorHeight);
3361        const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect();
3362        iterateLeftpads(function (containerTS) {
3363          const containerBoundingTS = containerTS.getBoundingClientRect();
3364          if (containerBoundingTS.left <= leftBoundingTS.right) {
3365            $(containerTS).css('padding-left', leftBoundingTS.width + 16);
3366          }
3367        });
3368      } else {
3369        fixedLeftTS.css('top', '');
3370        iterateLeftpads(function (containerTS) {
3371          $(containerTS).css('padding-left', '');
3372        });
3373      }
3374    })();
3375  }
3376
3377  function scrollAdjustmentTS() {
3378    if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return;
3379    const topPosition = fixedTopTS.css('position');
3380    if (topPosition === 'fixed' || topPosition === 'absolute') {
3381      const anchorBounding = anchor[0].getBoundingClientRect();
3382      const attachBounding = topAttachTS[0].getBoundingClientRect();
3383      const scrollTop = $(window).scrollTop();
3384
3385      fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom));
3386    } else {
3387      fixedTopTS.css('top', initialTopTS);
3388    }
3389  }
3390
3391  $(window).load(function () {
3392    setTimeout(function () {
3393      resizeAdjustmentTS();
3394    }, 350);
3395
3396    $(window).scroll(function () {
3397      scrollAdjustmentTS();
3398    });
3399
3400    var adjustTimeoutTS;
3401    $(window).resize(function () {
3402      clearTimeout(adjustTimeoutTS);
3403      adjustTimeoutTS = setTimeout(function () {
3404        resizeAdjustmentTS();
3405      }, 350);
3406    });
3407
3408    $.when(window.Pages.angularToolbarComplete).done(function () {
3409      resizeAdjustmentTS();
3410    });
3411  });
3412</script>
3412
3413<!-- End Fixed Nav Adjustment -->
3414
3415
3416    
3416<script type="text/javascript">
3417        $(function () {
3418            document.cookie = "responsiveGhost=0; path=/";
3419        });
3420        $(window).on("load", function () {
3421            $('body').addClass('doneLoading').removeClass('hideContent');
3422
3423            if ($('#404Content').length > 0)
3424                $('div#bodyWrapper').css('padding', '0px');
3425        });
3426    </script>
3426
3427
3428    <noscript>
3429        <style>
3430            body.hideContent {
3431                opacity: 1 !important;
3432            }
3433        </style>
3434    </noscript>
3435
3436        
3437<div style="display: none;">
3438	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
3439
3440		<symbol id="iconArrow--left" viewbox="0 0 25 25">
3441			<title>Arrow Left</title>
3442			<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>
3443		</symbol>
3444
3445		<symbol id="iconArrow--right" viewbox="0 0 25 25">
3446			<title>Arrow Right</title>
3447			<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>
3448		</symbol>
3449
3450	</svg>
3451</div>
3452    
3452<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Lato:700,regular|Montserrat:700,regular|Open+Sans:300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|');</script>
3452
3453    
3454
3455    <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
3456        <div style="display: none;">
3457            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
3458                <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
3459                    <title>Slideshow Left Arrow</title>
3460                    <g>
3461                        <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>
3462                    </g>
3463                </symbol>
3464                <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
3465                    <title>Slideshow Right Arrow</title>
3466                    <g>
3467                        <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>
3468                    </g>
3469                </symbol>
3470            </svg>
3471        </div>
3472    
3473	
3474	
3475
3476    <div id="root-picker-outlet"></div>
3477</body>
3478</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.