PageSourceSearch

https://calendar.dppl.org/events?v=grid

html dppl.org collected 2026-09-24 20:15:31 UTC 54,921 bytes, 2,165 lines download raw bytes

1<!doctype html>
2<html lang="en">
3	<!--Page served by ip-172-31-30-231.us-east-2.compute.internal, 1480 () -->
4
5	<head>
6		<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
7		<title>Events - Des Plaines</title>
8		<link rel="shortcut icon" href="/images/favicon/desplaines/favicon.png" />
9		<link rel="icon" href="/images/favicon/desplaines/favicon.png" />
10		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
11		<meta name="client" content="desplaines" />
12		<meta name="location" content="<!--location-->" />
13		<meta name="apiserver" content="https://api.communico.co" />
14		<meta name="region" content="us" />
15		<meta name="location-id" content="<!--location_id-->" />
16		<meta name="viewport" content="width=device-width, initial-scale=1" />
17		<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 17-18
17
18<script async src="https://www.googletagmanager.com/gtag/js?id=
18G-XZ2CT1DQT6
vendor: 12 bytes, line 18
18"></script>
19<script>
20  
vendor: 134 bytes, lines 20-24
20window.dataLayer = window.dataLayer || [];
21  function gtag(){dataLayer.push(arguments);}
22  gtag('js', new Date());
23
24  gtag('config', '
24G-XZ2CT1DQT6
vendor: 4 bytes, line 24
24');
25</script>
25
26		<link href='/css/animate.css' rel='stylesheet' type='text/css'/>
27<link href='//cdn.libnet.info/css/rome/2.1.14/rome.min.css' rel='stylesheet' type='text/css' integrity='sha512-/XkQhXweIRQd7p8YCmwaBLyUwfTdUg8t7ad6POQK1cOTCEMu7A/wlexnDQhfc1smusfg2V4m3ztSpDby+lXo7Q==' crossorigin='anonymous'/>
28<link href='//cdn.libnet.info/css/twitter-bootstrap/3.4.1/bootstrap.min.css' rel='stylesheet' type='text/css' integrity='sha512-Dop/vW3iOtayerlYAqCgkVr2aTr2ErwwTYOvRFUpzl2VhCMJyjQF0Q9TjUXIo6JhuM/3i0vVEt2e/7QQmnHQqw==' crossorigin='anonymous'/>
29<link href='/css/amfont.css' rel='stylesheet' type='text/css'/>
30<link href='//cdn.libnet.info/css/qtip2/3.0.3/jquery.qtip.css' rel='stylesheet' type='text/css' integrity='sha512-+eoiXLTtw/fDauKv6qMjHuO5pCnqJLz83WWIEpCF+fCAoIkK4UNy04CtJbNZ73Oo/WeNom5FwKie4NVorKjomA==' crossorigin='anonymous'/>
31<link href='//cdn.libnet.info/css/jqueryui/1.14.1/themes/smoothness/jquery-ui.min.css' rel='stylesheet' type='text/css' integrity='sha512-hQrNVZL4jUAHcqbF25UiEFZ/NGCbhAWI9aVAUfI5H+sG17C1Lc4Tm4HpU5A69E1jquKr3f0LnxD3uzfoCj/koQ==' crossorigin='anonymous'/>
32<link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css' integrity='sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==' crossorigin='anonymous'/>
33<link href='/css/lib/bootstrap-datepicker.min.css' rel='stylesheet' type='text/css'/>
34<link href='//cdn.libnet.info/css/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css' rel='stylesheet' type='text/css' integrity='sha512-6qkvBbDyl5TDJtNJiC8foyEVuB6gxMBkrKy67XpqnIDxyvLLPJzmTjAj1dRJfNdmXWqD10VbJoeN4pOQqDwvRA==' crossorigin='anonymous'/>
35<link href='//cdn.libnet.info/css/bootstrap-datetimepicker/4.17.37/bootstrap-datetimepicker.min.css' rel='stylesheet' type='text/css' integrity='sha512-WWc9iSr5tHo+AliwUnAQN1RfGK9AnpiOFbmboA0A0VJeooe69YR2rLgHw13KxF1bOSLmke+SNnLWxmZd8RTESQ==' crossorigin='anonymous'/>
36<link href='/css/lib/bootstrap-datepicker3.min.css' rel='stylesheet' type='text/css'/>
37<link href='//cdn.libnet.info/css/bootstrap-multiselect/0.9.13/bootstrap-multiselect.css' rel='stylesheet' type='text/css' integrity='sha512-S1l1mfpQS+XBPSgS8cCqElwRx24IcAYrwxLJg6WaFkG9J8bfNuilkoqkGny/rz7jS7Bo03qnzeBtE9LElt/fDg==' crossorigin='anonymous'/>
38<link href='//cdn.libnet.info/css/noUiSlider/14.0.2/nouislider.min.css' rel='stylesheet' type='text/css' integrity='sha512-bqcVAZj+T8z4LwjUVg2KqRRaBRvZcrH3pqKzMrDBJc01Fkcd9ioJsX5eYx6x7GDQSISa6GaFj1b3lEWgoa+hxw==' crossorigin='anonymous'/>
39<link href='/css/shared.css' rel='stylesheet' type='text/css'/>
40<link href='/css/anywhere.css?version=2.36.5' rel='stylesheet' type='text/css'/>
41
42		
42<script type='text/javascript' src='//cdn.libnet.info/js/jquery/1.12.4/jquery.min.js' integrity='sha512-jGsMH83oKe9asCpkOVkBnUrDDTp8wl+adkB2D+//JtlxO4SrLoJdhbOysIFQJloQFD+C4Fl1rMsQZF76JjV0eQ==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 42
42
43<script type='text/javascript' src='//cdn.libnet.info/js/jquery-ui/1.12.1/jquery-ui.min.js' integrity='sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 43
43
44<script type='text/javascript' src='//cdn.libnet.info/js/babel-polyfill/7.12.1/polyfill.min.js' integrity='sha512-uzOpZ74myvXTYZ+mXUsPhDF+/iL/n32GDxdryI2SJronkEyKC8FBFRLiBQ7l7U/PTYebDbgTtbqTa6/vGtU23A==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 44
44
45<script type='text/javascript' src='//cdn.libnet.info/js/bluebird/3.7.2/bluebird.min.js' integrity='sha512-TFp7JOp8so/oHJrngLI0kn9diZrc0YDr1NrGj1YbzbvSBdGfligjYVRp1xtqlmNCPWpx4xJDhiWSGgUYvqCbBg==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 45
45
46<script type='text/javascript' src='//cdn.libnet.info/js/fetch/2.0.4/fetch.min.js' integrity='sha512-IsoGB9P1Kjw962zrslxT91OfoKkAnlBfQDdh5HwFvOxwJ8xGV6MuDeAli4TkEMiUqhJVkvpxJBsIS14bSERgxA==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 46
46
47<script type='text/javascript' src='//cdn.libnet.info/js/moment.js/2.30.1/moment.js' integrity='sha512-3CuraBvy05nIgcoXjVN33mACRyI89ydVHg7y/HMN9wcTVbHeur0SeBzweSd/rxySapO7Tmfu68+JlKkLTnDFNg==' crossorigin='anonymous'></script>
47
48<style>
49				div.events-grid-cell {
50overflow:hidden;
51}
52
53a:link {
54      transition: color .4s ease!important;
55}
56
57#htmlheader {
58	margin-bottom: 20px;
59  
60}
61   #A_35 {
62    font: normal normal bold normal 18px / 24.3px futura-pt, sans-serif;
63    list-style: none outside none;
64    outline: rgb(112, 105, 100) none 0px;
65    padding: 3px 13px;
66	}
67
68#footer{
69	margin-bottom: 0;
70}
71#footer a:hover {
72	color: #ffffff;
73}
74
75#default_footer {
76  display:none;
77}
78
79/*******************FIXED WIDTH*******************/
80.content, div#body{
81	max-width: 1300px;
82  	padding-right:40px;
83  	padding-left:40px;
84} 
85
86
87
88/*******************BUTTONS******************/
89.button {
90    text-shadow: 0px 1px #817a74;
91    text-transform: uppercase;
92    font-size: 14px;
93    font-weight: bold;
94    letter-spacing: 1px;
95    background-color: #48b7b2;
96    padding: 8px 18px;
97    cursor: pointer;
98    display: inline-block;
99    -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.24);
100    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.24);
101    color: #fff;
102}
103  /*event page title*/
104#idaiMWo h2 {
105    font-size: 2.4em;;
106	font-weight: 600;
107}
108
109  /*event page sub title*/
110#idaiMWo h3 {
111	color: #616167;
112    font-size: 1.2em;;
113	font-weight: 200;
114}
115/*extra space for calendar and location icons*/
116#idm0vRo, #idV05ku {
117padding-left: 10px;
118}
119
120/*border above and below the date, time and location info*/
121#id4VX3g .amh-row, #idlw5ZC.amh-row.row {
122border-top: 1px solid #d0d0d0;
123padding: 8px 0;
124}
125
126/*event page short description*/
127#idjLXfv .custom1 {
128	color: #616161;
129	margin: 1em 0;
130	font-weight: 300;
131    font-size: 1.4em;
132}
133  
134#idsqaCW h4 {
135  font-size: 1.8em;
136  margin-bottom: 0.5em;
137  font-weight: 300;
138}
139
140.eelisttitle, .eelisttitle a, .eelisttitle a:hover {
141    font-weight: 600;
142    font-size: 1.3em;
143    margin-bottom: 0.5em;
144  text-decoration: none;
145}
146
147.eventRegButton, .eventRegButton:hover {
148    margin: 0.5em 0 0.5em 0;
149    display: block;
150}
151
152.events-date-bar .headingtext{
153    color: #555555;
154  font-size: 1em;
155  	margin-bottom: 1em;
156    font-weight: 400;
157    padding: 10px 0;
158}
159/* next chevrons */
160.events-change-prev, .events-change-next {
161    color: #a6dded;
162}
163
164/************ upcoming Events widget ***************/
165
166
167/*height of events listing widget*/
168#idtvR3F .amev-event-list{
169	height: 520px;
170}
171
172/*register button in widget*/
173#idtvR3F .eventRegButton{
174  display:block;
175  width: 60%;
176  margin: 10px auto 5px auto;
177}
178
179/*event listing title upcoming events widget*/
180.amev-event-title {
181    font-size: 1.1em;
182  line-height:1.3;
183}
184
185.amev-event-title a {
186  text-decoration: none;
187}
188
189
190/*date string in upcoming events widget*/
191#idtvR3F .amev-event-list .amev-event .amev-event-data .amev-event-time .headingtext {
192	color: #000000!important;
193}
194
195/*headings for branch location info*/
196#idn2Wy5 .headingtext {
197font-size: 1.2em;
198  font-weight: 700;
199}
200
201
202
203/*filters*/
204@media (max-width: 768px){
205.events-filter-row {
206    max-width: 768px;
207    text-align: center;
208  }
209}
210
211
212/******************* SUPPLIED HEADER AND FOOTER CSS *******************/
213
214@media only screen and (min-width: 992px) { #DIV_1 {
215  	display:none;
216  }
217  }
218
219@charset "UTF-8";
220#A_1 {
221  background-position: 0px 0px;
222  box-sizing: border-box;
223  color: #42a8a4;
224  display: block;
225  height: 68px;
226  float: left;
227  margin-top: 25px;
228  text-align: left;
229  text-decoration: none;
230  text-indent: 100%;
231  white-space: nowrap;
232  width: 216px;
233  column-rule-color: #42a8a4;
234  perspective-origin: 108px 32.5px;
235  transform-origin: 108px 32.5px;
236  background: transparent url("https://dppl.org/assets/images/logo.png") no-repeat scroll 0px 0px/auto padding-box border-box;
237  border: 0px none #42a8a4;
238  font: normal normal normal normal 18px / 65px brandon-grotesque, "Brandon Grotesque", futura-pt, sans-serif;
239  outline: #42a8a4 none 0px;
240  overflow: hidden;
241}
242
243/*#A_1*/
244html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
245  margin: 0;
246  padding: 0;
247  border: 0;
248  font: inherit;
249  font-size: 100%;
250  vertical-align: baseline;
251}
252
253
254html, body.embeded{
255  line-height: 1;
256  height: 100% !important;
257}
258
259#channel, .channel, div.stage {
260    height: 100% !important;
261}
262
263
264ol, ul {
265  list-style: none;
266}
267
268table {
269  border-collapse: collapse;
270  border-spacing: 0;
271}
272
273caption, th, td {
274  text-align: left;
275  font-weight: normal;
276  vertical-align: middle;
277}
278
279q, blockquote {
280  quotes: none;
281}
282
283q:before, q:after, blockquote:before, blockquote:after {
284  content: "";
285  content: none;
286}
287
288a img {
289  border: none;
290}
291
292article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
293  display: block;
294}
295
296a.nav-older, a.nav-newer, .dppl-form input[type=submit] {
297  text-transform: uppercase;
298  font-weight: 600;
299  letter-spacing: 1px;
300  font-size: 13px;
301  color: #fff;
302  background-color: #83cfe1;
303  padding: 7px 10px;
304  text-align: center;
305  border: none;
306  outline: none;
307}
308
309a.nav-older:hover, a.nav-newer:hover, .dppl-form input[type=submit]:hover {
310  text-decoration: none;
311  background-color: #97d7e6;
312  cursor: pointer;
313}
314
315*, *:before, *:after {
316  -webkit-box-sizing: border-box;
317  -moz-box-sizing: border-box;
318  box-sizing: border-box;
319}
320
321article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary {
322  display: block;
323}
324
325body {
326  background: white;
327  position: relative;
328  color: #504b47;
329  font-family:"brandon-grotesque", "Brandon Grotesque", "futura-pt", sans-serif!important;
330  font-size:  18px;
331  line-height: 1.35;
332  text-align: left;
333  -webkit-font-smoothing: antialiased;
334}
335
336img {
337  max-width: 100%;
338}
339
340p, ul, ol {
341  margin-bottom: 11px;
342}
343
344blockquote {
345  border-left: 4px solid #efeeed;
346  margin-left: 30px;
347  padding-left: 10px;
348  font-style: italic;
349  margin-top: 8px;
350}
351
352a {
353  color: #42a8a4;
354  text-decoration: none;
355}
356
357a:hover {
358  text-decoration: underline;
359}
360
361strong {
362  font-weight: 700;
363}
364
365em {
366  font-style: italic;
367}
368
369h1 {
370  color: #348380;
371  text-transform: uppercase;
372  letter-spacing: 1px;
373  font-size: 24px;
374  font-family: "futura-pt", "Futura Std", "brandon-grotesque", sans-serif;
375  font-weight: 700;
376  margin-bottom: 7px;
377  line-height: 1.2;
378}
379
380h2 {
381  font-size: 20px;
382  font-family: "futura-pt", "Futura Std", "brandon-grotesque", sans-serif;
383  font-weight: 700;
384  margin: 1.5em 0 .5em;
385  line-height: 1.2;
386}
387
388h3 {
389  font-size: 15px;
390  text-transform: uppercase;
391  letter-spacing: 1px;
392  font-weight: 700;
393  margin-bottom: 5px;
394  line-height: 1.2;
395  margin: 1.5em 0 .5em;
396}
397
398aside h3.note {
399  font-weight: 400;
400}
401
402h3.bolder {
403  font-size: 16px;
404  font-family: "futura-pt", "Futura Std", "brandon-grotesque", sans-serif;
405  font-weight: 700;
406}
407
408h4 {
409  line-height: 1.2;
410  font-weight: bold;
411  margin-bottom: 4px;
412}
413
414.hidden {
415  display: none !important;
416}
417
418.group:after, .more-drop nav:after, .sub-features:after, .nav-collapse:after, .main:after, .content-rows:after, .content-rows .row:after, .calendar .cal-parent:after, .pagination:after {
419  content: "";
420  display: table;
421  clear: both;
422}
423
424.hide-text, .branding .site-title a, .tax-forms-page .taxforms .status {
425  text-indent: 100%;
426  white-space: nowrap;
427  overflow: hidden;
428}
429
430.mobile-hide {
431  display: none;
432}
433
434.obscure {
435  position: absolute !important;
436  clip: rect(1px, 1px, 1px, 1px);
437}
438
439.arrow:after {
440  content: "?";
441  padding-left: 5px;
442  font-size: .8em;
443}
444
445.banner em {
446  display: block;
447  font-style: normal;
448  background: #aa8f9e;
449  color: white;
450  padding: 5px 0;
451  font-size: 18px;
452}
453
454.banner a {
455  color: #EBE5E9;
456  text-decoration: underline;
457}
458
459.container-wrap {
460  width: 100%;
461  text-align: left;
462}
463
464.container, footer {
465  width: 88%;
466  margin: 0 auto;
467  position: relative;
468}
469
470.note {
471  font-size: 16px;
472}
473
474.brow {
475  margin-bottom: 0;
476  text-transform: uppercase;
477  font-size: 11px;
478  letter-spacing: 1px;
479  display: block;
480}
481
482a.button {
483  text-shadow: 0px 1px #817a74;
484  text-transform: uppercase;
485  font-size: 14px;
486  font-weight: normal;
487  letter-spacing: 1px;
488  background-color: #48b7b2;
489  padding: 6px 8px;
490  cursor: pointer;
491  display: inline-block;
492  -webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.24);
493  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.24);
494  color: #fff;
495}
496
497a.button:hover {
498  text-decoration: none;
499}
500
501.masthead {
502  border-top: 5px solid #ede8e6;
503  border-bottom: 37px solid #69635e;
504  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22);
505  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22);
506}
507
508.branding {
509  height: 96px;
510}
511
512.branding h1 {
513  margin: 0;
514}
515
516.branding .site-title {
517  position: absolute;
518  display: block;
519  top: 10px;
520  left: 0;
521}
522
523.branding .site-title a {
524  width: 72px;
525  height: 68px;
526  line-height: 68px;
527  background: url(/assets/images/logo-mobile.png) no-repeat 0 0;
528  z-index: 999;
529  display: block;
530}
531
532.mobile-supernav {
533  float: right;
534  background-color: #ede8e6;
535  margin-top: -5px;
536  border-radius: 0 0 3px 3px;
537}
538
539.mobile-supernav ul li {
540  float: left;
541  background-color: #e2dad7;
542  display: none;
543}
544
545.mobile-supernav ul li a {
546  display: block;
547  background-color: #ede8e6;
548  font-family: "depot-new-condensed-web", sans-serif;
549  font-weight: 700;
550  font-size: 13px;
551  letter-spacing: 1px;
552  text-transform: uppercase;
553  padding: 7px 8px 4px;
554}
555
556.mobile-supernav .super-account, .mobile-supernav .super-catalog, .mobile-nav .super-search {
557  display: inline-block;
558}
559
560.mobile-supernav .super-account, mobile-supernav .super-search {
561  padding-right: 1px;
562  border-right: 1px solid #f8f6f5;
563}
564
565.mobile-supernav .active a {
566  border-bottom: 2px solid #504b47;
567  color: black;
568}
569
570nav a {
571  outline: none;
572}
573
574.main-nav {
575  padding-top: 103px;
576  margin: 0;
577  font-size: 0;
578}
579
580.main-nav > li {
581  display: inline-block;
582  margin-left: 12px;
583  font-size: 16px;
584}
585
586.main-nav > li.mobile-hide {
587  display: none;
588}
589
590.main-nav > li:first-child {
591  margin-left: 0;
592}
593
594.main-nav > li > a {
595  font-family: "depot-new-condensed-web", sans-serif;
596  font-weight: 700;
597  letter-spacing: .5px;
598  text-transform: uppercase;
599  text-decoration: none;
600  color: #fff;
601}
602
603.main-nav .sub {
604  display: none;
605}
606
607.topnav .nav-more {
608  padding-right: 13px;
609  position: relative;
610}
611/*
612.topnav .nav-more:after {
613  content: "";
614  border-color: #fff transparent transparent transparent;
615  border-style: solid;
616  border-width: 5px;
617  height: 0;
618  width: 0;
619  position: absolute;
620  right: -1px;
621  top: 50%;
622  margin-top: -2px;
623}
624*/
625.topnav .nav-more.opened {
626  color: #b2ddc5;
627}
628
629.topnav .nav-more.opened:after {
630  border-color: transparent transparent #b2ddc5 transparent;
631  bottom: 50%;
632  top: auto;
633  margin-bottom: -2px;
634}
635
636.more-drop {
637  display: none;
638  position: absolute;
639  z-index: 999;
640  background-color: rgba(80, 75, 71, 0.95);
641}
642
643.more-drop a {
644  color: #eee;
645}
646
647.more-drop a:hover {
648  text-decoration: none;
649  color: #afdcc2;
650}
651
652.more-drop nav {
653  width: 88%;
654  margin: 0 auto;
655}
656
657.more-drop nav > ul {
658  padding: 12px 0 8px;
659  float: left;
660  width: 48%;
661}
662
663.more-drop nav > ul > li > a {
664  font-family: "depot-new-condensed-web", sans-serif;
665  letter-spacing: 1px;
666  font-weight: 500;
667  text-transform: uppercase;
668  font-size: 15px;
669  margin-bottom: 4px;
670  display: block;
671}
672
673.more-drop nav > ul > li li {
674  margin-bottom: 5px;
675  line-height: 1.1;
676  font-size: 16px;
677}
678
679.more-drop .more-patron-services ul {
680  display: none;
681}
682
683.more-drop .more-rest {
684  margin-left: 4%;
685}
686
687
688.breadcrumb {
689  display: none;
690}
691
692h3.nav-header {
693  text-indent: -99999px;
694  height: 1px;
695}
696
697.nav-toggle {
698  -webkit-tap-highlight-color: transparent;
699  -webkit-touch-callout: none;
700  -webkit-user-select: none;
701  -moz-user-select: none;
702  -ms-user-select: none;
703  -o-user-select: none;
704  user-select: none;
705  position: relative;
706}
707/*
708.nav-toggle:after {
709  content: "";
710  border-color: #75706b transparent transparent transparent;
711  border-style: solid;
712  border-width: 8px;
713  height: 0;
714  width: 0;
715  position: absolute;
716  right: 2%;
717  top: 50%;
718  margin-top: -4px;
719}
720*/
721.nav-toggle.toggle-opened {
722  font-weight: 500;
723}
724
725.nav-toggle, .nav-collapse {
726  background-color: #e6e5e4;
727}
728
729.nav-toggle, .nav-collapse a {
730  display: block;
731  width: 100%;
732  font-size: 17px;
733  border-top: 1px solid #fff;
734  padding: 6px 10px;
735  color: #4e4a46;
736}
737
738.nav-toggle:hover, .nav-collapse a:hover {
739  text-decoration: none;
740  color: #181716;
741}
742
743.nav-collapse a {
744  padding-left: 20px;
745}
746
747.nav-collapse a:hover {
748  background-color: #f0efef;
749}
750
751.nav-collapse ul {
752  margin: 0;
753  padding: 0;
754  width: 100%;
755  display: block;
756  list-style: none;
757}
758
759.nav-collapse .here {
760  background-color: #f0efef;
761}
762
763.nav-collapse .here > a {
764  color: #222;
765}
766
767.nav-collapse .here > a:hover {
768  text-decoration: none;
769}
770
771.nav-collapse .here > a:after {
772  content: " »";
773}
774
775.nav-collapse li {
776  width: 100%;
777  display: block;
778  background-color: #e6e5e4;
779}
780
781.nav-collapse li ul {
782  padding-bottom: 6px;
783}
784
785.nav-collapse li ul li {
786  background: none;
787}
788
789.nav-collapse li ul li a {
790  text-transform: uppercase;
791  border-top: 0px #fff solid;
792  letter-spacing: 1px;
793  font-size: 13px;
794  padding: 4px 10px 4px 40px;
795}
796
797.nav-collapse.opened {
798  max-height: 9999px !important;
799}
800/*
801.js .nav-collapse {
802  clip: rect(0 0 0 0);
803  max-height: 0;
804  position: absolute;
805  display: block;
806  overflow: hidden;
807  zoom: 1;
808}
809*/
810.back-to-top li a {
811  border-top: 0px solid #fff;
812  padding: 0px 10px 7px;
813  text-transform: uppercase;
814  letter-spacing: 1px;
815  font-size: 12px;
816}
817
818.back-to-top li a:hover {
819  background-color: #e6e5e4;
820  text-decoration: underline;
821}
822
823.top-level .back-to-top {
824  display: none;
825}
826
827.general {
828  margin: 20px auto 30px;
829}
830
831
832.main-outer {
833  padding-bottom: 14px;
834}
835
836.main {
837  padding-bottom: 10px;
838}
839
840.main h1 {
841  padding-top: 18px;
842}
843
844.main ul li {
845  padding-left: 12px;
846  background: url(https://dppl.org/assets/images/bullet.png) no-repeat 0 9px;
847}
848
849.main ol li {
850  list-style-type: decimal;
851  margin-left: 25px;
852}
853
854.main table {
855  text-align: left;
856  margin-bottom: 20px;
857  font-size: 18px;
858  width: 100%;
859}
860
861.main table th, .main table td {
862  border: 1px solid #e7e7e7;
863  border-width: 0 0 1px;
864  padding: 4px 5px;
865}
866
867.main table th {
868  font-weight: bold;
869  background: #eee;
870}
871
872.main table tr:nth-child(even) td {
873  background-color: #f9f9f9;
874}
875
876.big-intro {
877  font-size: 25px;
878}
879
880.content-footer {
881  margin: 23px 0 17px;
882  background-color: #f2eeed;
883  font-size: 16px;
884  padding: 11px 17px 3px;
885}
886
887.content-footer h5 {
888  font-size: 13px;
889  text-transform: uppercase;
890  letter-spacing: 1px;
891  font-weight: bold;
892  margin-bottom: 3px;
893  color: #69635e;
894}
895
896.content-footer a {
897  color: #39928f;
898}
899
900
901.nav-back:before {
902  content: "? ";
903}
904
905.nav-advance:after {
906  content: " ?";
907}
908
909.day-view .no-entries {
910  display: none;
911}
912
913.pagination {
914  margin-bottom: 32px;
915}
916
917a.nav-older, a.nav-newer {
918  width: 49.5%;
919}
920
921a.nav-older {
922  float: left;
923}
924
925a.nav-older:before {
926  content: "? ";
927}
928
929a.nav-newer {
930  float: right;
931}
932
933a.nav-newer:after {
934  content: " ?";
935}
936
937
938.footer-group {
939  color: #fff;
940  font-size: 16px;
941  padding-bottom: 12px;
942}
943
944.footer-group h4 {
945  font-size: 14px;
946  text-transform: uppercase;
947  letter-spacing: 1px;
948  margin-bottom: 3px;
949  font-weight: 500;
950  color: #ffffff;
951}
952
953.footer-group p {
954  margin-bottom: 0;
955}
956
957.footer-group a {
958  color: #ddd;
959}
960
961.subscribe-wrap {
962  background-color: #48b7b2;
963}
964
965.subscribe {
966  text-shadow: 0px 1px 0px #86817c;
967}
968
969.subscribe form {
970  padding: 13px 0 15px;
971}
972
973.subscribe form h4 {
974  font-family: "futura-pt", "Futura Std", "brandon-grotesque", sans-serif;
975  font-weight: 700;
976  text-transform: none;
977  font-size: 17px;
978  letter-spacing: 0;
979}
980
981.subscribe form p {
982  margin-bottom: 3px;
983}
984
985.subscribe form input {
986  float: left;
987}
988
989.subscribe form input[type=email] {
990  outline: none;
991  font: 16px "brandon-grotesque", Futura, sans-serif;
992  color: #86817c;
993  width: 70%;
994  padding: 1px 2px 3px 3px;
995  border: 1px solid #1baca4;
996  border-right: none;
997  border-radius: 5px 0 0 5px;
998}
999
1000.subscribe form input[type=email]:focus, .subscribe form input[type=email]:active {
1001  color: #504b47;
1002}
1003
1004.subscribe form input[type=submit] {
1005  font-family: "depot-new-condensed-web", sans-serif;
1006  font-weight: 500;
1007  font-size: 14px;
1008  line-height: 1;
1009  letter-spacing: 1px;
1010  text-transform: uppercase;
1011  padding: 7px 0;
1012  background-color: #14807a;
1013  border-radius: 0 5px 5px 0;
1014  border-bottom: 1px solid #14807a;
1015  text-indent: 0;
1016  border: none;
1017  display: inline-block;
1018  color: #ffffff;
1019  width: 30%;
1020  text-decoration: none;
1021  text-align: center;
1022  cursor: pointer;
1023}
1024
1025.footer-wrap {
1026  background: #86817c url(https://dppl.org/assets/images/pattern-8.png);
1027}
1028
1029footer .supercol div {
1030  padding: 15px 0 0;
1031  text-shadow: 0px 1px 0px #504b47;
1032}
1033
1034footer div.last {
1035  padding-top: 0;
1036}
1037
1038footer td.days {
1039  padding-right: 14px;
1040}
1041
1042footer .social-links li {
1043  float: left;
1044  margin-top: 1px;
1045  width: 35px;
1046  height: 35px;
1047  line-height: 35px;
1048  text-indent: -9999px;
1049  margin-right: 8px;
1050  opacity: .8;
1051  background-image: url("https://dppl.org/assets/images/spritemap.png?1");
1052}
1053
1054footer .social-links:hover {
1055  opacity: 1;
1056}
1057
1058footer .social-links a {
1059  display: block;
1060  height: 35px;
1061  line-height: 35px;
1062}
1063
1064footer .foot-facebook {
1065  background-position: 0 -140px;
1066}
1067
1068footer .foot-twitter {
1069  background-position: 0 -105px;
1070}
1071
1072footer .foot-vine {
1073  background-position: 0 -432px;
1074}
1075
1076footer .foot-podomatic {
1077  background-position: 0 -467px;
1078}
1079
1080footer .foot-pintrest {
1081  background-position: 0 -70px;
1082}
1083
1084footer .foot-ig {
1085  background-position: 0 0;
1086}
1087
1088footer .foot-youtube {
1089  background-position: 0 -35px;
1090}
1091
1092
1093@media screen and (min-width: 480px) {
1094  .container, footer, .more-drop nav, .main-blurb h2, .main-blurb p {
1095    width: 92%;
1096  }
1097
1098  .main-outer {
1099    min-height: 300px;
1100  }
1101
1102  .main-nav {
1103    padding-top: 102px;
1104  }
1105
1106  .main-nav > li {
1107    font-size: 17px;
1108    margin-left: 15px;
1109  }
1110
1111  .main-blurb {
1112    padding: 215px 0 4px;
1113  }
1114
1115  .masthead {
1116    border-bottom-width: 18px;
1117  }
1118
1119
1120  .more-drop .col1 {
1121    width: 66%;
1122  }
1123
1124  .more-drop .col1 > li {
1125    width: 49%;
1126    float: left;
1127  }
1128
1129  .more-drop .more-rest {
1130    width: 30%;
1131    float: left;
1132  }
1133
1134  .more-drop .more-patron-services {
1135    margin-left: 2%;
1136  }
1137
1138  .more-drop .more-patron-services ul {
1139    display: block;
1140  }
1141
1142}
1143@media screen and (min-width: 488px) {
1144  .banner {
1145    border-bottom: 31px solid #EFEFEF;
1146  }
1147
1148  .masthead {
1149    border-top: none;
1150  }
1151
1152  .branding {
1153    height: 102px;
1154  }
1155
1156  .branding .site-title {
1157    top: 14px;
1158  }
1159
1160  .main-nav {
1161    padding-top: 107px;
1162  }
1163
1164  .mobile-supernav {
1165    position: absolute;
1166    top: -32px;
1167    right: 0;
1168    margin-top: 0;
1169    background: none;
1170  }
1171
1172  .mobile-supernav ul li {
1173    padding: 0 7px;
1174    background: none;
1175  }
1176
1177  .mobile-supernav ul li a {
1178    font-weight: 500;
1179    font-size: 11px;
1180    height: 31px;
1181    line-height: 31px;
1182    letter-spacing: 0;
1183    padding: 2px 0px 10px;
1184    font-family: Futura, sans-serif;
1185    color: #504b47;
1186    background: none;
1187  }
1188
1189  .mobile-supernav .super-catalog {
1190    display: none;
1191  }
1192
1193  .mobile-supernav .super-account, mobile-supernav .super-search {
1194    border: none;
1195  }
1196
1197  .mobile-supernav .show-488 {
1198    display: inline-block;
1199  }
1200
1201  .main-blurb {
1202    padding-top: 260px;
1203  }
1204
1205  .map .bubble-outer {
1206    right: 47.5%;
1207    top: 13%;
1208  }
1209
1210  footer div.supercol {
1211    padding: 4px 0 10px;
1212    text-shadow: 0px 1px 0px #504b47;
1213    float: left;
1214    width: 48%;
1215  }
1216
1217  footer div.supercol.last {
1218    float: right;
1219  }
1220
1221  footer div.supercol div {
1222    padding-bottom: 10px;
1223  }
1224
1225  footer .social-links li {
1226    margin-left: 5px;
1227    margin-right: 0;
1228    opacity: .8;
1229  }
1230
1231  footer .social-links li:first-child {
1232    margin-left: 0;
1233  }
1234
1235  .blog .post footer {
1236    margin-top: 18px;
1237  }
1238}
1239@media screen and (min-width: 600px) {
1240  .mobile-supernav .show-600 {
1241    display: inline-block;
1242  }
1243
1244  .main-blurb {
1245    padding-top: 320px;
1246  }
1247
1248  .main-nav > li {
1249    margin-left: 22px;
1250  }
1251
1252}
1253@media screen and (min-width: 700px) {
1254  .mobile-supernav .show-700 {
1255    display: inline-block;
1256  }
1257}
1258
1259@media screen and (min-width: 768px) {
1260  .container, footer, .more-drop nav, .main-blurb h2, .main-blurb p {
1261    width: 94%;
1262  }
1263
1264  .homepage .masthead {
1265    border-bottom: 0px solid #69635e;
1266    -webkit-box-shadow: none;
1267    box-shadow: none;
1268  }
1269
1270  .homepage .cat-search {
1271    width: 100%;
1272    right: 0;
1273    top: 95px;
1274    padding: 7px 0;
1275    border: 1px solid #c7c5c4;
1276    border-radius: 4px;
1277  }
1278
1279  .homepage .cat-search input[type=text] {
1280    width: 95.7%;
1281    padding: 0 0 0 10px;
1282    font-size: 15px;
1283  }
1284
1285  .homepage .cat-search input[type=image] {
1286    width: auto;
1287    height: auto;
1288    margin-top: 0px;
1289  }
1290
1291  .homepage .cat-search .fake-submit {
1292    width: 18px;
1293    height: 18px;
1294    float: right;
1295    margin-right: 8px;
1296    cursor: pointer;
1297    display: inline-block;
1298  }
1299
1300  .branding {
1301    height: 106px;
1302  }
1303
1304  .branding .site-title {
1305    top: 22px;
1306  }
1307
1308  .branding .site-title a {
1309    width: 175px;
1310    height: 65px;
1311    line-height: 65px;
1312    background: url(/assets/images/logo.png) no-repeat 0 0;
1313    background-size: 175px;
1314  }
1315
1316
1317
1318  .main-nav {
1319    padding-top: 33px;
1320    position: relative;
1321    float: right;
1322    text-align: right;
1323    margin-right: 18px;
1324    position: relative;
1325  }
1326
1327  .main-nav .show-sub, .main-nav > li:focus .sub, .main-nav > li:hover .sub {
1328    top: 100%;
1329    left: 0;
1330  }
1331
1332  .main-nav > li {
1333    margin-left: 15px;
1334    font-size: 15px;
1335    float: left;
1336  }
1337
1338  .main-nav > li.mobile-hide {
1339    display: inline-block;
1340  }
1341
1342  .main-nav > li > a {
1343    float: left;
1344    font-family: "futura-pt", sans-serif;
1345    color: #706964;
1346    text-align: left;
1347    padding-top: 3px;
1348  }
1349
1350  .main-nav > li.nav-catalog a {
1351    padding-right: 0;
1352    padding-left: 4px;
1353  }
1354
1355  .main-nav > li.nav-catalog a:hover {
1356    background: #fff;
1357    color: #6ec7dc;
1358  }
1359
1360  .main-nav > li.nav-drop > a {
1361    padding: 3px 12px;
1362    position: relative;
1363  }
1364/*
1365  .main-nav > li.nav-drop > a:after {
1366    content: "";
1367    top: 10px;
1368    right: -2px;
1369    border-color: #7b7b7b transparent transparent transparent;
1370    border-style: solid;
1371    border-width: 5px;
1372    height: 0;
1373    width: 0;
1374    position: absolute;
1375  }
1376*/
1377  .main-nav .sub {
1378    display: block;
1379    position: absolute;
1380    left: -9999px;
1381    z-index: 9999;
1382    width: 100%;
1383    padding: 10px 10px;
1384    background: #f4f3f3;
1385    border: 6px solid #d5eff5;
1386    text-align: left;
1387  }
1388
1389  .main-nav .sub ul {
1390    margin: 0;
1391    float: left;
1392  }
1393
1394  .main-nav .sub a {
1395    display: block;
1396    padding: 4px 7px;
1397    line-height: 1.2;
1398    font-size: 16px;
1399    font-weight: bold;
1400    color: #504b47;
1401  }
1402
1403  .nav-drop .sub .col1, .nav-drop .sub .col2, .nav-drop .sub .col3 {
1404    width: 31%;
1405    margin-right: 3.5%;
1406  }
1407
1408  .nav-drop .sub ul:last-of-type {
1409    margin-right: 0;
1410  }
1411
1412  .nav-cal .sub li {
1413    float: left;
1414  }
1415
1416  .nav-cal .sub li:not(:last-child) {
1417    margin-right: 16px;
1418  }
1419
1420  .nav-resources .subjectsHead {
1421    width: 65%;
1422    float: left;
1423    text-transform: uppercase;
1424    font-size: 13px;
1425    padding: 0 7px;
1426    margin-bottom: 6px;
1427    font-weight: bold;
1428  }
1429
1430  .nav-resources .col1 li a, .nav-resources .col2 li a {
1431    font-size: 15px;
1432    padding-top: 2px;
1433    font-weight: normal;
1434  }
1435
1436  .nav-resources ul.resourceSubpages {
1437    border-right: 1px solid #ddd;
1438    padding-right: 10px;
1439    width: 31%;
1440    margin-right: 2.5%;
1441  }
1442
1443  .homepage .main-nav {
1444    margin-right: -9px;
1445    margin-bottom: 100px;
1446  }
1447
1448  .nav-more {
1449    display: none;
1450  }
1451
1452  .mobile-supernav .show-768 {
1453    display: inline-block;
1454  }
1455
1456  .main-blurb {
1457    position: absolute;
1458    bottom: 0;
1459    left: 0;
1460    padding-top: 10px;
1461    background: rgba(255, 255, 255, 0.95) repeat;
1462    color: #302d2a;
1463  }
1464
1465  .main-blurb h2 {
1466    font-size: 21px;
1467    color: #7a4845;
1468    padding-top: 0;
1469  }
1470
1471  .main-blurb a {
1472    color: #302d2a;
1473  }
1474
1475  .main-blurb .blurb-inner {
1476    background: none;
1477  }
1478
1479  .main-blurb .blurb-inner p {
1480    font-size: 18px;
1481  }
1482
1483  .ie8 .main-blurb {
1484    background: #EAE6D8;
1485  }
1486
1487  .home-hero {
1488    border-bottom: 1px solid #d7d4d2;
1489  }
1490
1491  .hero-mustard .main-blurb h2 {
1492    color: #a28f4a;
1493  }
1494
1495  .hero-warm-gray .main-blurb h2 {
1496    color: #86817c;
1497  }
1498
1499  .hero-light-purple .main-blurb h2 {
1500    color: #755969;
1501  }
1502
1503  .sub-features {
1504    padding-top: 25px;
1505  }
1506
1507  .sub-features div {
1508    width: 48.5%;
1509    padding-bottom: 12px;
1510  }
1511
1512  .sub-features .sub-feature1 {
1513    margin-right: 3%;
1514  }
1515
1516  .guides {
1517    padding-top: 12px;
1518  }
1519
1520  .home-main {
1521    padding: 20px 0 10px;
1522    -webkit-box-shadow: none;
1523    box-shadow: none;
1524  }
1525
1526  .from-blog {
1527    padding-bottom: 21px;
1528  }
1529
1530  .from-blog div {
1531    width: 30.5%;
1532    float: left;
1533    margin-left: 4%;
1534    text-align: center;
1535  }
1536
1537  .from-blog div.first {
1538    margin-left: 0;
1539  }
1540
1541  .from-blog .author {
1542    float: none;
1543    width: 80%;
1544    margin: 0 auto;
1545  }
1546
1547  .from-blog .author p {
1548    margin-bottom: 5px;
1549  }
1550
1551  .from-blog article {
1552    float: none;
1553    width: 100%;
1554  }
1555
1556  .from-blog article h5 {
1557    font-size: 17px;
1558  }
1559
1560  .subscribe form {
1561    padding: 15px 0 5px;
1562  }
1563
1564  .subscribe form div {
1565    float: left;
1566    width: 48.333333%;
1567    margin-left: 3.33333%;
1568    padding-top: 8px;
1569  }
1570
1571  .subscribe form div:first-child {
1572    margin-left: 0;
1573    padding-top: 0;
1574  }
1575
1576  .subscribe form h4 {
1577    font-size: 19px;
1578    margin-bottom: 1px;
1579  }
1580
1581  .subscribe form p {
1582    margin-bottom: 3px;
1583    font-size: 17px;
1584  }
1585
1586  .subscribe form input {
1587    float: left;
1588    margin-top: -1px;
1589  }
1590
1591  .subscribe form input[type=email] {
1592    outline: none;
1593    font: 18px "brandon-grotesque", Futura, sans-serif;
1594    color: #86817c;
1595    width: 75%;
1596    padding: 1px 2px 3px 5px;
1597  }
1598
1599  .subscribe form input[type=submit] {
1600    font-size: 16px;
1601    text-transform: uppercase;
1602    padding: 7px 0 8px;
1603    width: 25%;
1604  }
1605
1606  .general {
1607    margin-top: -3px;
1608  }
1609
1610  .js .nav-collapse {
1611    position: relative !important;
1612  }
1613/*
1614  .js .nav-collapse.closed {
1615    max-height: none !important;
1616  }*/
1617
1618  .subnav-outer {
1619    float: left;
1620    width: 25%;
1621    margin: 9px 4% 40px 0;
1622  }
1623
1624  .subnav-outer .nav-toggle {
1625    display: none;
1626  }
1627
1628  .subnav-outer h3.nav-header {
1629    text-indent: 0px;
1630    height: auto;
1631    line-height: 1.1;
1632    margin-top: 25px;
1633  }
1634
1635  .subnav-outer h3.nav-header a {
1636    color: #5e5954;
1637    font-size: 12px;
1638  }
1639
1640  .nav-collapse a {
1641    padding-left: 10px;
1642  }
1643
1644  .nav-collapse li ul li a {
1645    padding-left: 24px;
1646    cursor: pointer;
1647  }
1648
1649  .nav-collapse li.overview {
1650    display: none;
1651  }
1652
1653  .nav-collapse .back-to-top {
1654    display: none;
1655  }
1656
1657  .top-level .subnav-outer {
1658    margin-top: 35px;
1659  }
1660
1661  .top-level .subnav-outer h3.nav-header {
1662    display: none;
1663  }
1664
1665  .main-outer {
1666    float: left;
1667    width: 71%;
1668  }
1669
1670  .main-outer.no-sidenav {
1671    width: 100%;
1672  }
1673
1674  .main-outer.full .main {
1675    width: 100%;
1676  }
1677
1678  .main-outer.full aside {
1679    display: none;
1680  }
1681
1682  .main h1 {
1683    padding-top: 0px;
1684    font-size: 26px;
1685  }
1686
1687  .content-footer {
1688    margin-bottom: 0;
1689  }
1690}
1691
1692			</style>
1692<script>
1693				$(document).ready(function(){
1694					try{
1695						try{Typekit.load({ async: false });}catch(e){};
1696					} catch (e) {
1697						if (console) console.log('custom js error', e);
1698					}
1699				});
1700				</script>
1700<script>
1701			window.addEventListener('WebComponentsReady', function() {
1702
1703				var components = [
1704					'coAddress',
1705					'coBirthdate'
1706				];
1707
1708				for(var c=0;c<components.length;c++) {
1709					var link = document.createElement('link');
1710					link.setAttribute('rel', 'import');
1711					link.setAttribute('href', '/js/es6/components/' + components[c] + '/' + components[c] + '.html');
1712					document.getElementsByTagName('head')[0].appendChild(link);
1713				}
1714			});
1715		</script>
1715<link id='customstyle' href='/css/style/224' rel='stylesheet' type='text/css' />
1716
1717		<!--[if lt IE 9]>
1718			
1718<script src="/js/lib/html5.js"></script>
1718
1719			
1719<script src="/js/lib/respond.min.js"></script>
1719
1720		<![endif]-->
1721		<!--[if lte IE 9]>
1722			
1722<script
1723				type="text/javascript"
1724				src="//cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.3/jquery.xdomainrequest.min.js"
1725				integrity="sha512-A2sj0WV8pRqcC1N+TGY6w+KpNYZDyV2LGwLqh1ezfV1yJPXrDX07bgumoJBJzeWGvZLDVNtiBfKznQzSo0NfqA=="
1726				crossorigin="anonymous"
1727			></script>
1727
1728		<![endif]-->
1729		
1729<script type='text/javascript' src='//use.typekit.net/mvs7qfk.js'></script>
vendor: 67 bytes, lines 1729-1731
1729
1730
1731		<script async src='https://www.googletagmanager.com/gtag/js?id=
1731G-KYFZDFMZRX
vendor: 12 bytes, line 1731
1731'></script>
1732<script>
vendor: 127 bytes, lines 1733-1736
1733window.dataLayer = window.dataLayer || [];
1734function gtag(){dataLayer.push(arguments);}
1735gtag('js', new Date());
1736gtag('config', '
1736G-KYFZDFMZRX
vendor: 4 bytes, line 1736
1736');
1737</script>
1737
1738	</head>
1739
1740	<body>
1741		<a class="skip-main" href="#body" onclick="return skipToMainContent('#body');">Skip to main content</a>
1742
1743		<header>
1744			<div id="header">
1745				<div class='hidden-md hidden-lg content' id='responsiveheader'><div id='responsiveheaderaltmessage'><p></p></div><div id='responsiveheaderimage'></div><div id='responsiveheadermessage'><p></p></div></div>
1746				<div id="htmlheader">
1747					
1748<div class="banner"></div>
1749<p><a href="#main" class="obscure">Skip to main content</a></p>
1750<div class="masthead container-wrap group"><header class="branding container"><span role="banner" class="site-title"><a href="http://dppl.org/" title="Des Plaines Public Library" rel="home">Des Plaines Public Library</a></span><nav class="mobile-supernav group" role="navigation" aria-label="Supplemental navigation"></nav><nav id="access" class="topnav" role="navigation" aria-label="Main menu"><a href="http://dppl.org/" title="Des Plaines Public Library" rel="home" id="A_1">Des Plaines Public Library</a>
1751<ul class="main-nav">
1752<li class="nav-guides"><a href="https://www.dppl.org/patron-services">Services</a></li>
1753<li class="nav-cal nav-drop">
1754<a href="https://calendar.dppl.org/events?v=grid">Calendar</a>
1755<div class="sub">
1756<ul>
1757<li><a href="https://calendar.dppl.org/events">Upcoming</a></li>
1758<li><a href="https://calendar.dppl.org/events?a=Adults&amp;r=thismonth"> For adults</a></li>
1759<li><a href="https://calendar.dppl.org/events?r=thismonth&amp;t=Youth%20Program"> For kids</a></li>
1760<li><a href="https://calendar.dppl.org/events?r=thismonth&amp;t=Teen%20Program"> For teens</a></li>
1761<li><a href="https://calendar.dppl.org/events?r=thismonth&amp;t=Community%20Group"> By community</a></li>
1762<li><a href="https://calendar.dppl.org/myevents"> My events</a></li>
1763</ul>
1764</div>
1765</li>
1766<li class="nav-visit"><a href="https://www.dppl.org/kids">Kids</a></li>
1767<li class="nav-resources"><a href="https://www.dppl.org/thecanvas">The Canvas</a></li>
1768<li class="nav-catalog mobile-hide"><a href="https://desplaines.bibliocommons.com/">Catalog</a></li>
1769<li class="wide-hide"><a class="nav-more" href="#">More</a></li>
1770</ul>
1771</nav></header></div>
1772<div id="more-drop" class="more-drop container-wrap group"><nav>
1773<ul class="col1">
1774<li class="more-resources">
1775<a href="https://www.dppl.org/resources">Resources</a>
1776<ul>
1777<li class="first"><a href="http://dppl.org/resources/all">All resources</a></li>
1778<li><a href="http://dppl.org/resources/subjects">Subjects</a></li>
1779<li><a href="http://dppl.org/resources/kids-subjects">Kids' subjects</a></li>
1780<li><a href="http://dppl.org/resources/des-plaines-memory">Des Plaines Memory</a></li>
1781<li class="last"><a href="http://dppl.org/resources/tax-forms">Tax forms</a></li>
1782</ul>
1783</li>
1784<li class="more-patron-services">
1785<a href="http://dppl.org/patron-services">Patron Services</a>
1786<ul>
1787<li class="first"><a href="http://dppl.org/patron-services/get-a-library-card">Get a library card</a></li>
1788<li><a href="http://dppl.org/patron-services/scan-your-card">Scan your card</a></li>
1789<li><a href="http://dppl.org/patron-services/notifications">Notifications</a></li>
1790<li><a href="http://dppl.org/patron-services/subscribe">Subscribe &amp; Follow</a></li>
1791<li><a href="http://dppl.org/patron-services/loans-holds-fines"><g class="gr_ gr_86 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-del replaceWithoutSep" id="86" data-gr-id="86"><g class="gr_ gr_86 gr-alert gr_gramm gr_inline_cards gr_run_anim Punctuation only-del replaceWithoutSep" id="86" data-gr-id="86">Loans,</g></g> holds, fines</a></li>
1792<li><a href="http://dppl.org/patron-services/bookvine"><g class="gr_ gr_258 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace" id="258" data-gr-id="258">BookVine</g></a></li>
1793<li><a href="http://dppl.org/patron-services/devices">Devices</a></li>
1794<li><a href="http://dppl.org/patron-services/kids-devices">Kids' devices</a></li>
1795<li><a href="http://dppl.org/patron-services/mobile-apps">Mobile apps</a></li>
1796<li><a href="http://dppl.org/patron-services/book-groups">Book groups</a></li>
1797<li><a href="http://dppl.org/patron-services/writing-group">Writing group</a></li>
1798<li><a href="http://dppl.org/patron-services/in-for-a-penny">In for a Penny</a></li>
1799<li><a href="http://dppl.org/patron-services/computer-classes">Computer classes</a></li>
1800<li><a href="http://dppl.org/patron-services/test-proctoring">Test proctoring</a></li>
1801<li><a href="http://dppl.org/patron-services/suggest-purchase">Suggest a purchase</a></li>
1802<li><a href="http://dppl.org/patron-services/homebound-delivery">Homebound delivery</a></li>
1803<li class="last"><a href="http://dppl.org/patron-services/study-meeting-rooms">Study &amp; meeting rooms</a></li>
1804</ul>
1805</li>
1806</ul>
1807<ul class="more-rest">
1808<li class="show-488 menu-patrons "><a href="patron-services">Patron Services</a></li>
1809<li class="show-488 "><a href="blog">Blog</a></li>
1810<li class="show-488 "><a href="about">About</a></li>
1811<li class="show-488 "><a href="about/jobs">Jobs</a></li>
1812<li class="show-488 "><a href="contact">Contact</a></li>
1813</ul>
1814</nav></div>
1815
1816				</div>
1817			</div>
1818		</header>
1819		<div class="content"></div>
1820		<div id="accessibility" class="content">
1821			<div class="accessibility-topbar">
1822				<button class="button" type="button" onclick="return openAccessibility();">Close accessibility options</button>
1823			</div>
1824
1825			<div class="fluid-container">
1826				<div class="row">
1827					<div class="col-md-6">
1828						<div class="row">
1829							<div class="col-sm-6">
1830								<ul class="accessibility-icons">
1831									<li>
1832									<button
1833										type="button"
1834										aria-label="Set font size to standard"
1835										onclick="
1836											document.body.style.fontSize = '100%';
1837											return false;
1838										"
1839										><img
1840											border="0"
1841											src="/images/accessibility/accessibility-a-small-icon.svg"
1842											alt=""
1843											aria-hidden="true"
1844									/></button>
1845									</li>
1846									<li>
1847									<button
1848										type="button"
1849										aria-label="Set font size to large"
1850										onclick="
1851											document.body.style.fontSize = '140%';
1852											return false;
1853										"
1854										><img
1855											border="0"
1856											src="/images/accessibility/accessibility-a-medium-icon.svg"
1857											alt=""
1858											aria-hidden="true"
1859									/></button>
1860									</li>
1861									<li>
1862									<button
1863										type="button"
1864										aria-label="Set font size to extra large"
1865										onclick="
1866											document.body.style.fontSize = '160%';
1867											return false;
1868										"
1869										><img
1870											border="0"
1871											src="/images/accessibility/accessibility-a-large-icon.svg"
1872											alt=""
1873											aria-hidden="true"
1874									/></button>
1875									</li>
1876									<li>
1877									<button
1878										type="button"
1879										onclick="
1880											document.body.style.fontSize = '100%';
1881											return false;
1882										"
1883										>Reset to standard size</button>
1884									</li>
1885								</ul>
1886							</div>
1887							<div class="col-sm-6">
1888								<div class="accessibility-text">
1889									<span class="accessibility-heading">Font size options</span>
1890									<div>
1891										Increase or decrease the font size for this website by clicking on the 'A's.
1892									</div>
1893								</div>
1894							</div>
1895						</div>
1896					</div>
1897					<div class="col-md-6">
1898						<div class="row">
1899							<div class="col-sm-6">
1900								<ul class="accessibility-icons">
1901									<li><button type="button" aria-label="Use yellow on black contrast" onclick="setStyleSheet('/accessibility.pcss?style=yellow%20on%20black')"
1902										><img
1903											border="0"
1904											src="/images/accessibility/accessibility-contrast-y-b.svg"
1905											alt=""
1906											aria-hidden="true"
1907									/></button></li>
1908									<li><button type="button" aria-label="Use white on black contrast" onclick="setStyleSheet('/accessibility.pcss?style=white%20on%20black')"
1909										><img
1910											border="0"
1911											src="/images/accessibility/accessibility-contrast-w-b.svg"
1912											alt=""
1913											aria-hidden="true"
1914									/></button></li>
1915									<li><button type="button" aria-label="Use soft greys contrast" onclick="setStyleSheet('/accessibility.pcss?style=soft%20greys')"
1916										><img
1917											border="0"
1918											src="/images/accessibility/accessibility-contrast-softgreys.svg"
1919											alt=""
1920											aria-hidden="true"
1921									/></button></li>
1922									<li><button type="button" aria-label="Use black on linen contrast" onclick="setStyleSheet('/accessibility.pcss?style=black%20on%20linen')"
1923										><img
1924											border="0"
1925											src="/images/accessibility/accessibility-contrast-b-l.svg"
1926											alt=""
1927											aria-hidden="true"
1928									/></button></li>
1929									<li><button type="button" aria-label="Use black on white contrast" onclick="setStyleSheet('/accessibility.pcss?style=black%20on%20white')"
1930										><img
1931											border="0"
1932											src="/images/accessibility/accessibility-contrast-b-w.svg"
1933											alt=""
1934											aria-hidden="true"
1935									/></button></li>
1936									<li><button type="button" onclick="setStyleSheet('')">Reset to default contrast</button></li>
1937								</ul>
1938							</div>
1939							<div class="col-sm-6">
1940								<div class="accessibility-text">
1941									<span class="accessibility-heading">Contrast options</span>
1942									<div id="accessibilityText">
1943										Choose a color combination to give the most comfortable contrast.
1944									</div>
1945								</div>
1946							</div>
1947						</div>
1948					</div>
1949				</div>
1950			</div>
1951		</div>
1952		<main id="body" class="content default desktop events-page ">
1953			
1954
1955<main id="events-main" class="events bodysize content" aria-label="Events"></main>
1956<script type="text/javascript">
1957	$(document).ready(function() {
1958		$('.events').amEvents({
1959			client: 'desplaines',
1960			timezone:'America/Chicago',
1961			type:'0',
1962			locations:[],
1963			excludedLocations: [],
1964			view:'grid',
1965			range:'today',
1966			term:'',
1967			end: '',
1968			start: '',
1969			gridDate: '2026-09-24',
1970			apiServer:'https://api.communico.co',
1971			eventsGroupCalenderBAge:false,
1972			eventsCalendarShowCancelledEvents:false,
1973			filterMaxItems: '15',
1974			private:false,
1975			types:[],
1976			excludedTypes:[],
1977			ages:[],
1978			excludedAges:[],
1979			showBrochure: true,
1980			showRSS: false,
1981			showICAL: false,
1982			singleBranch: true,
1983			limitWaitlist: true,
1984			customEventsLabel: "events",
1985			customEventLabel: "event",
1986			allowSubs: true,
1987			allowWaitlistSubscription: false,
1988			customInterestedText: "Notify Me",
1989			brochureNoPopup: false,
1990			showImagesInListGrid: false,
1991			emitEvents: false,
1992			embeddedMode: false,
1993			embedSource: "",
1994			parentOrigin: "",
1995			testMode: 0,
1996			duration: ''
1997		});
1998	});
1999</script>
1999
2000
2001
2002
2003		</main>
2004
2005		<footer>
2006			<div id="footer">
2007				<!--social_media-->
2008				
2009<p style="padding-left: 3%;"><i class="fa fa-circle" style="color: #915652; padding-right: 5px;"></i>COMMUNITY events are outside groups and not sponsored by the library. These events are open to the public.</p>
2010<div class="footer-group subscribe-wrap">
2011<section id="subscribe" class="subscribe container-wrap"><form id="mad_mimi_signup_form" class="container group" role="form" accept-charset="UTF-8" action="https://madmimi.com/signups/subscribe/327f0391d2aa4ae58eebc31b01fc0b98" method="post">
2012<div>
2013<h4></h4>
2014<h4>Subscribe to eForward</h4>
2015<p>You’ll get a weekly newsletter of interesting stuff.</p>
2016</div>
2017<div>
2018<input name="utf8" value="✓" type="hidden"> <label for="email" class="obscure">Enter your email address</label> <input name="signup[email]" id="signup_email" data-required-field="This field is required" placeholder="[email protected]" type="email"> <input id="webform_submit_button" role="button" value="Subscribe" data-default-text="Subscribe" data-submitting-text="Sending..." data-invalid-text="↑ You forgot some required fields" data-choose-list="↑ Choose a list" data-thanks="Thank you!" type="submit">
2019</div>
2020</form></section>
2021</div>
2022<div class="map-wrap"></div>
2023<div class="footer-group footer-wrap"><footer class="group container-wrap container" role="contentinfo">
2024<div class="supercol first">
2025<div id="foot1">
2026<h4>
2027<a href="http://dppl.org/">DPPL HOME</a> | <a href="http://dppl.org/visit">VISIT</a> | <a href="http://dppl.org/visit/accessibility">ACCESSIBILITY</a> | <a href="http://dppl.org/findit">CATALOG</a> | <a href="http://ccsp.ent.sirsi.net/client/dppl/search/patronlogin/http:%24002f%24002fccsp.ent.sirsi.net%24002fclient%24002fdppl%24002fsearch%24002faccount%24003f">ACCOUNT</a>
2028</h4>
2029<p> </p>
2030<h4>Hours | <a href="http://dppl.org/visit/hours-days-closed">Scheduled Closings</a>
2031</h4>
2032<table style="height: 54px; width: 234px;">
2033<tbody>
2034<tr style="height: 18px;">
2035<td class="days" style="height: 18px; width: 125px;">Monday - Friday</td>
2036<td style="height: 18px; width: 93px;">9am – 9pm</td>
2037</tr>
2038<tr style="height: 18px;">
2039<td class="days" style="height: 18px; width: 125px;">Saturday</td>
2040<td style="height: 18px; width: 93px;">9am – 5pm</td>
2041</tr>
2042<tr style="height: 18px;">
2043<td class="days" style="height: 18px; width: 125px;">Sunday</td>
2044<td style="height: 18px; width: 93px;">1pm – 5pm</td>
2045</tr>
2046</tbody>
2047</table>
2048</div>
2049<div id="foot2">
2050<h4>Address</h4>
2051<p>1501 Ellinwood Street<br>Des Plaines, IL 60016</p>
2052</div>
2053</div>
2054<div class="supercol last">
2055<div id="foot3">
2056<h4>Contact</h4>
2057<p>(847) 827-5551<br>Fax: (847) 827-7974<br><a href="mailto:[email protected]">[email protected]</a></p>
2058</div>
2059<div id="foot4">
2060<h4>Elsewhere</h4>
2061<ul class="social-links">
2062<ul class="social-links">
2063<li class="foot-facebook"><a href="http://www.facebook.com/DPLibrary">Facebook</a></li>
2064<li class="foot-twitter">
2065<a href="https://twitter.com/dppl">Twitter</a><a href="http://pinterest.com/dpplib/"></a>
2066</li>
2067<li class="foot-ig"><a href="https://instagram.com/des.plaines.library">Instagram</a></li>
2068<li class="foot-youtube"><a href="http://www.youtube.com/c/DesPlainesPublicLibrary1501">YouTube</a></li>
2069<li class="foot-podomatic"><a href="http://dppl.podomatic.com/">Podomatic</a></li>
2070</ul>
2071</ul>
2072</div>
2073</div>
2074</footer></div>
2075
2076			</div>
2077			<div id="default_footer">
2078				<a class='sideload' href='/privacy'>Privacy and cookie policy</a> | <a href='#' onclick='openAccessibility()'>Accessibility</a> | <a href='http://communico.co'>Communico</a><br/><br/>
2079				<span style='font-size:80%'>Connected content from Communico. &copy; 2026.</span>
2080			</div>
2081		</footer>
2082		
2082<script type='text/javascript' src='/js/lib/jquery.shapeshift.min.js?v=1480'></script>
vendor: 1 bytes, line 2082
2082
2083<script type='text/javascript' src='//cdn.libnet.info/js/bootstrap-multiselect/0.9.13/bootstrap-multiselect.min.js' integrity='sha512-p/rWSzeAUmYFvtMy6D5VfINfnHEWSz1h87a7fyGMaQQGmniI54CGQyecfvy5MTtGzZ80CyL/JG39SfVJjqiUJw==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2083
2083
2084<script type='text/javascript' src='/js/am-shared.js?v=1480'></script>
vendor: 1 bytes, line 2084
2084
2085<script type='text/javascript' src='//cdn.libnet.info/js/twitter-bootstrap/3.4.1/bootstrap.min.js' integrity='sha512-oBTprMeNEKCnqfuqKd6sbvFzmFQtlXS3e0C/RGFV0hD6QzhHV+ODfaQbAlmY6/q0ubbwlAM/nCJjkrgA3waLzg==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2085
2085
2086<script type='text/javascript' src='/js/lib/bootstrap-timepicker.js?v=1480'></script>
vendor: 1 bytes, line 2086
2086
2087<script type='text/javascript' src='//cdn.libnet.info/js/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.js' integrity='sha512-Yk47FuYNtuINE1w+t/KT4BQ7JaycTCcrvlSvdK/jry6Kcxqg5vN7/svVWCxZykVzzJHaxXk5T9jnFemZHSYgnw==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2087
2087
2088<script type='text/javascript' src='/js/lib/bootstrap-datepicker.min.js?v=1480'></script>
vendor: 1 bytes, line 2088
2088
2089<script type='text/javascript' src='/js/lib/jquery.cycle2.min.js?v=1480'></script>
vendor: 1 bytes, line 2089
2089
2090<script type='text/javascript' src='/js/jquery.tweet.min.js?v=1480'></script>
vendor: 1 bytes, line 2090
2090
2091<script type='text/javascript' src='//cdn.libnet.info/js/jQuery.dotdotdot/1.7.2/jquery.dotdotdot.min.js' integrity='sha512-En43ubdM+iORz+sRSvgoT8rNOSRoFhSZqpSYE/peTL+18AhGWH4iL80jUfgLLE6NguB8IYZpJ/W72LpNRdYAaw==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2091
2091
2092<script type='text/javascript' src='//cdn.libnet.info/js/rome/2.1.14/rome.min.js' integrity='sha512-YK82PgTowJa7qObvSJ87e49YSPhZXMWv1tkn+Np8pXgg32Q3vZKTco/yORo17F+rZtbC3krSX+ZMEqtQ1PDrbQ==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2092
2092
2093<script type='text/javascript' src='/js/jquery.zrssfeed.min.js?v=1480'></script>
vendor: 1 bytes, line 2093
2093
2094<script type='text/javascript' src='//cdn.libnet.info/js/qtip2/3.0.3/jquery.qtip.min.js' integrity='sha512-BxJRFdTKV85fhFUw+olPr0B+UEzk8FTLxRB7dAdhoQ7SXmwMECj1I4BlSmZfeoSfy0OVA8xFLTDyObu3Nv1FoQ==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2094
2094
2095<script type='text/javascript' src='/js/lib/jquery.cookie.min.js?v=1480'></script>
vendor: 1 bytes, line 2095
2095
2096<script type='text/javascript' src='/js/lib/json3.min.js?v=1480'></script>
vendor: 1 bytes, line 2096
2096
2097<script type='text/javascript' src='/js/am-events-listings.js?v=1480'></script>
vendor: 1 bytes, line 2097
2097
2098<script type='text/javascript' src='//cdn.libnet.info/js/sticky-kit/1.1.3/sticky-kit.min.js' integrity='sha512-MAhdSIQcK5z9i33WN0KzveJUhM2852CJ1lJp4o60cXhQT20Y3friVRdeZ5TEWz4Pi+nvaQqnIqWJJw4HVTKg1Q==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2098
2098
2099<script type='text/javascript' src='//cdn.libnet.info/js/jquery.payment/3.0.0/jquery.payment.min.js' integrity='sha512-vBu5d4hztWcpvKmp+qUS8afvWUMjTd59Z7ci0j6YnKu83yy6Xh/VxtgZqIteIFaK3gMYDm0AnOp3pEF4z6afMw==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2099
2099
2100<script type='text/javascript' src='/js/am-reserve-booker.v3.js?v=1480'></script>
vendor: 1 bytes, line 2100
2100
2101<script type='text/javascript' src='/js/am-reserve-room.v3.js?v=1480'></script>
vendor: 1 bytes, line 2101
2101
2102<script type='text/javascript' src='//cdn.libnet.info/js/jquery.sticky/1.0.4/jquery.sticky.min.js' integrity='sha512-QABeEm/oYtKZVyaO8mQQjePTPplrV8qoT7PrwHDJCBLqZl5UmuPi3APEcWwtTNOiH24psax69XPQtEo5dAkGcA==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2102
2102
2103<script type='text/javascript' src='/js/am-room-info.js?v=1480'></script>
vendor: 1 bytes, line 2103
2103
2104<script type='text/javascript' src='/js/am-room-picker.js?v=1480'></script>
vendor: 1 bytes, line 2104
2104
2105<script type='text/javascript' src='//cdn.libnet.info/js/bootstrap-datetimepicker/4.17.37/bootstrap-datetimepicker.min.js' integrity='sha512-Y+0b10RbVUTf3Mi0EgJue0FoheNzentTMMIE2OreNbqnUPNbQj8zmjK3fs5D2WhQeGWIem2G2UkKjAL/bJ/UXQ==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2105
2105
2106<script type='text/javascript' src='//cdn.libnet.info/js/moment-timezone/0.6.0/moment-timezone-with-data.min.js' integrity='sha512-+FcC+reETRqrbKDor++Otoek++yhj4Q1pu/VjNTYHywub+2uoKV+0o0C+yLDun7b+MzAQ0qz9G5ShZUUJpxN1Q==' crossorigin='anonymous'></script>
vendor: 1 bytes, line 2106
2106
2107<script type='text/javascript' src='/js/am-reserve-picker.v3.js?v=1480'></script>
vendor: 1 bytes, line 2107
2107
2108<script type='text/javascript' src='/js/am-subscriptions.js?v=1480'></script>
vendor: 1 bytes, line 2108
2108
2109<script type='text/javascript' src='/js/am-subscriptions.js?v=1480'></script>
vendor: 1 bytes, line 2109
2109
2110<script type='text/javascript' src='/js/am-channel.js?v=1480'></script>
vendor: 1 bytes, line 2110
2110
2111<script type='text/javascript' src='/js/card-signup.js?v=1480'></script>
vendor: 1 bytes, line 2111
2111
2112<script type='text/javascript' src='/js/custom.js?v=1480'></script>
vendor: 1 bytes, line 2112
2112
2113<script type='text/javascript' src='/js/es6/dist/coUtilsComp.js?v=1480'></script>
vendor: 1 bytes, line 2113
2113
2114<script type='text/javascript' src='/js/es6/dist/coEventBillingComp.js?v=1480'></script>
vendor: 1 bytes, line 2114
2114
2115<script type='text/javascript' src='/js/es6/coRooms/coRooms-comp.js?v=1480'></script>
vendor: 1 bytes, line 2115
2115
2116<script type='text/javascript' src='//cdn.libnet.info/js/noUiSlider/14.0.2/nouislider.min.js' integrity='sha512-cxew3BIHteKU8gsydtZpj/BZPPmgKMF04NT6oPB/9BDIq8VKHzX9Q58l574b7xnklw81ZQ33gD1YumK8ea34hw==' crossorigin='anonymous'></script>
2116
2117
2118										
2118<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/custom-elements-es5-adapter.js" integrity="sha512-FFn4n1AAKwhX5px0JWxRoLLpvvnm59OqY0yZjIpuI/X8zYCMyyAcc8hdI80jplkiferEwmkeVvUFM7vOU7zViw==" crossorigin="anonymous"></script>
2118
2119										
2119<script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.3.3/webcomponents-lite.js" integrity="sha512-7cpa7iIxY9Fz1D454GUQi8Wp/XKAY1l85H5hQcDddSP7audU+KLUfa3WdIbE1sZVO5g/tp369hWWu++y+LNeIg==" crossorigin="anonymous"></script>
2119
2120		
2120<script type="text/javascript">
2121			function skipToMainContent(targetSelector) {
2122				var target = targetSelector ? document.querySelector(targetSelector) : null;
2123				if (!target) {
2124					return true;
2125				}
2126				if (!target.hasAttribute("tabindex")) {
2127					target.setAttribute("tabindex", "-1");
2128					target.setAttribute("data-skip-main-focus", "1");
2129				}
2130				if (window.history && window.history.pushState) {
2131					window.history.pushState(null, document.title, targetSelector);
2132				} else {
2133					window.location.hash = targetSelector;
2134				}
2135				window.setTimeout(function () {
2136					if (target.scrollIntoView) {
2137						target.scrollIntoView();
2138					}
2139					target.focus();
2140				}, 0);
2141				target.addEventListener("blur", function cleanup() {
2142					if (target.getAttribute("data-skip-main-focus") === "1") {
2143						target.removeAttribute("tabindex");
2144						target.removeAttribute("data-skip-main-focus");
2145					}
2146					target.removeEventListener("blur", cleanup);
2147				});
2148				return false;
2149			}
2150
2151			$(function () {
2152				var accessibilityText = "";
2153				switch (document.querySelector("meta[name=region]").content) {
2154					case "us":
2155						accessibilityText = "Choose a color combination to give the most comfortable contrast.";
2156						break;
2157					default:
2158						accessibilityText = "Choose a colour combination to give the most comfortable contrast.";
2159						break;
2160				}
2161				document.getElementById("accessibilityText").innerText = accessibilityText;
2162			});
2163		</script>
2163
2164	</body>
2165</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.