PageSourceSearch

https://www.cathycollison.com/

html cathycollison.com collected 2026-09-27 11:30:39 UTC 29,390 bytes, 865 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3    <head>
4        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5
6
7<title>Cathy Collison&#039;s site</title>
8
9
10
11<meta name="description" content="" />
12<meta name="keywords" content="" />
13
14
15
16
17  <style type="text/css" id="styleCSS">
18    body{
19    background-color:#f6f0e2;
20    background-image: url(templates/Suarez/resources/canvas.jpg);
21    background-repeat:repeat;
22    background-position:top left;
23    background-attachment:;
24    text-align:center;
25    margin:0;
26    padding:0 0 20px 0;
27    font-family:Arial,Helvetica,sans-serif;
28    font-size:13px;
29}
30
31div.ys-bar{
32    width:100%;
33    background:#262628 url(templates/Suarez/resources/slate.jpg) center top repeat-y;
34    z-index:1;
35    border-bottom:3px solid #fff;
36    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
37       -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
38            box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
39}
40
41div.ys-layout{
42    width:920px;
43    margin:-55px auto 0 auto;
44    text-align:left;
45}
46
47div.ys-nav-wrap{
48    width:920px;
49    margin:0 auto;
50    text-align:left;
51    padding:30px 0 60px 0;
52}
53
54div.sys_navigation ul{
55    text-align:right;
56    margin:0;
57    padding:0;
58    list-style:none;
59}
60
61div.sys_navigation ul li{
62    display:inline;
63}
64
65div.sys_navigation ul li a{
66    display:inline-block;
67    color:#f6f4ee;
68    padding:10px 23px 10px 35px;
69    background:url(templates/Suarez/resources/star.png) center left no-repeat;
70    text-decoration:none;
71    font-size:13px;
72    text-shadow:0 1px 0 rgba(0,0,0,1);
73}
74
75div.sys_navigation ul li.single a,
76div.sys_navigation ul li.first a{
77    background:none;
78    padding-left:0;
79}
80
81div.sys_navigation ul li.selected a{
82    color:#fff;
83    font-weight:bold;
84}
85
86div.sys_navigation ul li a:hover{
87    text-decoration:underline;
88}
89
90div.ys-banner-wrap{
91    background:#fff;
92    padding:10px;
93    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
94       -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
95            box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
96}
97
98div.ys-banner-wrap td.heading{
99    width:100%;
100    background:#262628 url(templates/Suarez/resources/board.jpg) 0 0 repeat;
101    border-right:1px solid #333;
102}
103
104div.ys-banner-wrap div.heading h1{
105    margin:0;
106    padding: 0 40px 0 40px;
107}
108
109div.ys-banner-wrap div.heading h1 a{
110    color:#fff;
111    text-decoration:none;
112    font-size:30px;
113    font-weight:normal;
114    font-family:Georgia;
115    text-shadow:0 1px 0 rgba(0,0,0,1);
116}
117
118div#sys_banner{
119    width:525px;
120    height:195px;
121    background: url(resources/IMG_9331.JPG.cropped525x195o-9%2C-127s646x462.JPG) top left no-repeat;
122}
123
124div.ys-banner-wrap table{
125    width:900px;
126    background:#262628;
127    height:195px;
128}
129
130div.content{
131    background:#fff;
132    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
133       -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
134            box-shadow: 0 0 2px rgba(0, 0, 0, 0.35);
135    margin:20px 0 10px 0;
136    padding:10px;
137}
138
139
140/* Variables - only edit these */
141
142
143
144
145
146body{
147    font-family:Arial,Helvetica,sans-serif;
148    font-size:12px;
149    color:#222;
150}
151
152a{
153    color:#0062b5;
154    text-decoration:underline;
155}
156
157a:hover{
158    text-decoration:none;
159    color:#0062b5
160}
161
162a img{border:none;}
163
164p{
165    padding: 5px 0;
166    margin: 0;
167}
168
169h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #333333;}
170h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color: #333333;}
171h1, h2, h3, h4, h5, h6{
172    padding: 10px 0;
173    margin: 5px 0;
174    color: #333333;
175}
176
177h1{font-size: 200%;}
178h2{font-size: 180%;}
179h3{font-size: 160%;}
180h4{font-size: 140%;}
181h5{font-size: 130%;}
182h6{font-size: 100%;}
183  </style>
184
185
186<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
186
187
188      <style type="text/css">
189      @import url("//fonts.googleapis.com/css?family=&subset=latin,latin-ext");
190    </style>
191  
192  <style type="text/css" id="styleOverrides">
193    /* ======================
194*
195*  Site Style Settings
196*
197=========================*/
198/* Paragraph text (p) */
199
200.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout  {
201    font-family: 'Arial','Helvetica','sans-serif';
202    
203    font-size: 12px;
204    color: #222222;
205    line-height: normal;
206    
207    text-transform: none;
208}
209
210/* Navigation */
211.sys_navigation a, .ys_menu_2, div#menu ul, div#menu ul li a, ul.sys_navigation li a, div.sys_navigation ul li.selected a, div.sys_navigation ul li a, #navigation li a, div.ys_menu ul a:link, div.ys_menu ul a:visited, div.ys_nav ul li a, #sys_banner ul li a {
212    
213    
214    
215    
216    
217    
218    
219    
220}
221
222
223/* Navigation:selected */
224div.sys_navigation ul li.selected a, div#menu ul li.selected a, #navigation li.selected a, div.ys_menu ul li.selected a:link, div.ys_menu ul li.selected a:visited, div.ys_nav ul li.selected a, #sys_banner ul li.selected a {
225    
226}
227
228/* Navigation:hover */
229div.sys_navigation ul li a:hover, div#menu ul li a:hover, #navigation li a:hover, div.ys_menu ul a:hover, div.ys_nav ul li a:hover, div.ys_menu ul li a:hover, #sys_banner ul li a:hover {
230    
231}
232
233/* Site Title */
234#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a {
235    
236    
237    
238    
239    
240    
241    
242    
243}
244
245/* Hyperlinks (a, a:hover, a:visited) */
246
247
248
249
250
251
252/* Headings (h2, h3, h4, h5, h6) */
253.sys_layout h2, .sys_txt h2 {
254    font-family: 'Arial','Helvetica','sans-serif';
255    
256    font-size: 21.6px;
257    color: #333333;
258    text-decoration: rgb(51, 51, 51);
259    
260    line-height: normal;
261    text-transform: none;
262}
263
264.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited {
265    font-family: 'Arial','Helvetica','sans-serif';
266    
267    font-size: 21.6px;
268    color: #333333;
269    
270    line-height: normal;
271    text-transform: none;
272}
273
274.sys_layout h3, .sys_txt h3 {
275    font-family: 'Arial','Helvetica','sans-serif';
276    
277    font-size: 19.2px;
278    color: #333333;
279    text-decoration: rgb(51, 51, 51);
280    
281    line-height: normal;
282    text-transform: none;
283}
284
285.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited {
286    font-family: 'Arial','Helvetica','sans-serif';
287    
288    font-size: 19.2px;
289    color: #333333;
290    
291    line-height: normal;
292    text-transform: none;
293}
294
295.sys_layout h4, .sys_txt h4 {
296    font-family: 'Arial','Helvetica','sans-serif';
297    
298    font-size: 16.8px;
299    color: #333333;
300    text-decoration: rgb(51, 51, 51);
301    
302    line-height: normal;
303    text-transform: none;
304}
305
306.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited {
307    font-family: 'Arial','Helvetica','sans-serif';
308    
309    font-size: 16.8px;
310    color: #333333;
311    
312    line-height: normal;
313    text-transform: none;
314}
315
316.sys_layout h5, .sys_txt h5 {
317    font-family: 'Arial','Helvetica','sans-serif';
318    
319    font-size: 15.6px;
320    color: #333333;
321    text-decoration: rgb(51, 51, 51);
322    
323    line-height: normal;
324    text-transform: none;
325}
326
327.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited {
328    font-family: 'Arial','Helvetica','sans-serif';
329    
330    font-size: 15.6px;
331    color: #333333;
332    
333    line-height: normal;
334    text-transform: none;
335}
336
337.sys_layout h6, .sys_txt h6 {
338    font-family: 'Arial','Helvetica','sans-serif';
339    
340    font-size: 12px;
341    color: #333333;
342    text-decoration: rgb(51, 51, 51);
343    
344    line-height: normal;
345    text-transform: none;
346}
347
348.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited {
349    font-family: 'Arial','Helvetica','sans-serif';
350    
351    font-size: 12px;
352    color: #333333;
353    
354    line-height: normal;
355    text-transform: none;
356}
357
358/*button widget*/
359.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
360    display:inline-block;
361    text-decoration: none;
362}
363.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
364    cursor:pointer;
365}
366.sys_layout .sys_button a {
367    cursor:default;
368}
369
370.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link {
371    border-radius:0px;
372}
373.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link {
374    border-radius:3px;
375}
376.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link {
377    border-radius:90px;
378}
379
380/*button sizes*/
381.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-size: 12px;padding-top:10px;padding-bottom:10px;padding-left:25px;padding-right:25px;}
382.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-size: 15px;padding-top:15px;padding-bottom:15px;padding-left:37px;padding-right:37px;}
383.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-size: 20px;padding-top:20px;padding-bottom:20px;padding-left:50px;padding-right:50px;}
384
385/*button styles:small*/
386.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link {
387    border-color:#333333;
388    color: #333333;
389    border-style: solid;
390    border-width: 2px;
391}
392.sys_layout .sys_button.small.outline a:visited {
393    color: #333333;
394}
395.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link {
396    	background-color: #333333;
397
398    color: #ffffff;
399    border-color:#333333;
400    border-style: solid;
401    border-width: 2px;
402}
403.sys_layout .sys_button.small.solid a:visited {
404    color: #ffffff;
405}
406.sys_layout .sys_button.small.outline a:hover {
407    background-color: #333333;
408    color: #ffffff;
409    text-decoration: none;
410}
411
412/*button styles:medium*/
413.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link {
414    border-color:#333333;
415    color: #333333;
416    border-style: solid;
417    border-width: 2px;
418}
419.sys_layout .sys_button.medium.outline a:visited {
420    color: #333333;
421}
422.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link {
423    	background-color: #333333;
424
425    color: #ffffff;
426    border-color:#333333;
427    border-style: solid;
428    border-width: 2px;
429}
430.sys_layout .sys_button.medium.solid a:visited {
431    color: #ffffff;
432}
433.sys_layout .sys_button.medium.outline a:hover {
434    background-color: #333333;
435    color: #ffffff;
436    text-decoration: none;
437}
438/*button styles:large*/
439.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link {
440    border-color:#333333;
441    color: #333333;
442    border-style: solid;
443    border-width: 2px;
444}
445.sys_layout .sys_button.large.outline a:visited {
446    color: #333333;
447}
448.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link {
449    	background-color: #333333;
450
451    color: #ffffff;
452    border-color:#333333;
453    border-style: solid;
454    border-width: 2px;
455}
456.sys_layout .sys_button.large.solid a:visited {
457    color: #ffffff;
458}
459.sys_layout .sys_button.large.outline a:hover {
460    background-color: #333333;
461    color: #ffffff;
462    text-decoration: none;
463}
464
465.sys_layout .sys_button.solid a:hover {
466    text-decoration: none;
467    opacity: .8;
468}  </style>
469
470  
471
472
473
474<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 474
474
475<script type="text/javascript">window.jQuery || document.write('
475<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
475
476<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1001098" />
477<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1001098"></script>
477
478<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1001098" />
479
480  <style type="text/css">
481    .cookies-notification {
482      position: fixed;
483      left: 0;
484      right: 0;
485      bottom: 0;
486      display: flex;
487      justify-content: center;
488      transform: translateY(100%);
489      transition: transform 300ms ease-in;
490      background: #f7f7f7;
491      padding: 0 5%;
492      z-index: 999999;
493    }
494
495    .cookies-notification--visible {
496      transform: translateY(0);
497    }
498
499    .cookies-notification-content {
500      display: flex;
501      justify-content: space-between;
502      align-items: center;
503      flex-direction: column;
504      padding-bottom: 20px;
505    }
506
507    .cookies-notification-text {
508      text-align: center;
509      font-size: 16px;
510    }
511
512    .cookies-notification-text a {
513      color: #00ace6;
514    }
515
516    .cookies-notification-text p {
517      margin: 1em 0;
518    }
519
520    .cookies-notification-button {
521      display: flex;
522      align-items: center;
523      justify-content: center;
524      flex: none;
525      background: #00ace8;
526      color: #fff;
527      border-radius: 4px;
528      font-size: 16px;
529      border: none;
530      padding: 15px 50px;
531      outline:0;
532    }
533
534    @media only screen and (min-width: 600px) {
535      .cookies-notification-content {
536        flex-direction: row;
537        max-width: 1170px;
538        padding-bottom: 0;
539      }
540
541      .cookies-notification-text {
542        font-size: 14px;
543        text-align: start;
544        margin-right: 47px;
545      }
546
547      .cookies-notification-button {
548        font-size: 12px;
549        padding: 12px 24px;
550      }
551    }
552  </style>
553
554  
554<script type="text/javascript">
555    $(function () {
556      var cookiesAgreed = localStorage.getItem('cookiesAgreed');
557
558      if (cookiesAgreed) {
559        return;
560      }
561
562      var wrapper = $('<div class="cookies-notification"></div>');
563      var notification = $('<div class="cookies-notification-content"></div>');
564      var text = $('<div class="cookies-notification-text"><p>This website uses cookies to ensure the best browsing experience. You may change your cookie preferences in your browser or device settings. <a href=\"http://www.aboutcookies.org/\" target=\"_blank\">Learn More<\/a> <a href=\"http://www.aboutcookies.org/how-to-delete-cookies/\" target=\"_blank\">How To Delete Cookies<\/a><\/p></div>');
565      var button = $('<button class="cookies-notification-button">Accept</button>');
566
567      button.click(handleAcceptClick);
568      notification
569        .append(text)
570        .append(button);
571      wrapper.append(notification);
572
573      $('body').append(wrapper);
574      setTimeout(function() {
575        wrapper.addClass('cookies-notification--visible');
576      }, 1000);
577
578      function handleAcceptClick() {
579        localStorage.setItem('cookiesAgreed', 'true');
580        wrapper.removeClass('cookies-notification--visible');
581        wrapper.on('transitionend', handleTransitionEnd);
582      }
583
584      function handleTransitionEnd() {
585        wrapper.remove();
586      }
587    });
588  </script>
588
589
590<script type="text/javascript">
591  var swRegisterManager = {
592    goals: [],
593    add: function(swGoalRegister) {
594      this.goals.push(swGoalRegister);
595    },
596    registerGoals: function() {
597      while(this.goals.length) {
598        this.goals.shift().call();
599      }
600    }
601  };
602
603  window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager);
604</script>
604
605
606  <link rel="stylesheet" type="text/css" href="classes/components/Image/layouts/Default/Default.css?1001098" />
607  
608  
609  
610  <link rel="stylesheet" type="text/css" href="classes/components/Gallery/layouts/Default/Default.css?1001098" />
611  
612  <link rel="stylesheet" type="text/css" href="classes/components/Form/layouts/Default/Default.css?1001098" />
613  
614
615    </head>
616    <body id="sys_background">
617        <div class='ys-bar'>
618            <div class='ys-nav-wrap'>
619                <div class='sys_navigation'>
620                    <ul class='sys_navigation'>
621			<li id="ys_menu_0" class="selected first"><a href="./" title="Home">Home</a></li>
622			<li id="ys_menu_1"><a href="cathy-collison.php" title="Cathy Collison">Cathy Collison</a></li>
623			<li id="ys_menu_2" class="last"><a href="reading-room.php" title="Reading Room">Reading Room</a></li>
624			</ul>
625<script>$(document).ready(function() { flyoutMenu.initFlyoutMenu([{"href": "./","title": "Home","name": "Home","children": []},{"href": "cathy-collison.php","title": "Cathy Collison","name": "Cathy Collison","children": []},{"href": "reading-room.php","title": "Reading Room","name": "Reading Room","children": []}], "flyover");});</script>
625
626                </div>
627            </div>
628        </div>        
629        <div class="ys-layout">
630            <div class="ys-banner-wrap">
631                <table cellpadding='0' cellspacing='0'>
632                    <tr>
633                        <td class='heading'>
634                            <div class="heading">
635                                <h1><a id="sys_heading" href="./">About me</a></h1>
636                            </div>
637                        </td>
638                        <td>
639                            <div id="sys_banner"></div>
640                        </td>
641                    </tr>
642                </table>
643            </div>
644            <div class="content">
645                <div id="content">
646                    <style media="screen">
647  .layout_2-over-1 {
648    width: 100%;
649    padding: 0;
650    margin: 0;
651    border-collapse: separate;
652    -moz-box-sizing: border-box;
653    -webkit-box-sizing: border-box;
654    box-sizing: border-box;
655  }
656
657  .layout_2-over-1:after {
658    content: "";
659    display: table;
660    clear: both;
661  }
662
663  .zone_bottom, .zone_left, .zone_right {
664    margin: 0;
665    vertical-align: top;
666    line-height: normal;
667    min-width: 100px;
668    float: left;
669    -moz-box-sizing: border-box;
670    -webkit-box-sizing: border-box;
671    box-sizing: border-box;
672  }
673
674  .zone_bottom {
675    padding-top: 5px;
676    width: 100%;
677  }
678
679  .zone_left {
680    padding-right: 2.5px;
681    width: 50%;
682  }
683
684  .zone_right {
685    padding-left: 2.5px;
686    width: 50%;
687  }
688
689  @media only screen and (max-width: 736px) {
690    .zone_left, .zone_right {
691      width: 100%;
692      padding: 2.5px 0;
693    }
694
695    .zone_bottom {
696      padding-top: 2.5px;
697    }
698  }
699</style>
700
701<div class="layout_2-over-1 sys_layout">
702    <div class="zone_left">
703        <div id="sys_region_2" >&nbsp;</div>
704    </div>
705    <div class="zone_right">
706        <div id="sys_region_3" >&nbsp;</div>
707    </div>
708
709    <div class="zone_bottom">
710        <div id="sys_region_1" ><div id="I8bdea9862d1a48088d630cceadf1c915" style="display:block;clear: both;text-align:center;" class="Image_Default"><style>#I8bdea9862d1a48088d630cceadf1c915_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 492px;border:none;max-width: 100%;height: auto;}</style><img id="I8bdea9862d1a48088d630cceadf1c915_img" src="resources/Cover%20Page.jpg.opt492x434o0%2C0s492x434.jpg"  /></div><div id="I03917dc4d1774745acfb021c3dc3e7d5" style="display:block;clear: both;margin:15px 15px 15px 15px;" class="Text_2_Default"><style type="text/css">
711    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
712    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
713    div.sys_text_widget img{margin:4px;}
714    div.sys_text_widget {
715        overflow: hidden;
716        margin: 0;
717        padding: 0;
718        color: ;
719        font: ;
720        background-color: ;
721    }
722</style>
723
724<div id="I03917dc4d1774745acfb021c3dc3e7d5_sys_txt" systemElement="true" class="sys_txt sys_text_widget new-text-widget"><h6 style="text-align: left;" class="">Welcome to my website. I'm Cathy Collison, a freelance journalist, editor and author. After many years at the Detroit Free Press, I now pursue freelance projects from my home.&nbsp; Many of my years were with Yak's Corner, a pioneering and award-winning literacy program to reach young readers in Detroit, and later syndicated in dozens of newspapers across the country.&nbsp; I continue to write for young readers, as well as adults. Among my books for young readers are "G is for Galaxy" with Janis Campbell (Sleeping Bear Press), "Why is the Barn Red?" (Detroit Free Press) and two books also co-authored with Janis Campbell in the "Women Who Won't Be Silenced" series for Lucent Press, profiling Reese Witherspoon and then-Sen. Kamala Harris. Just out in 2021 is a four-book civics series with Campbell (under pen name Campbell Collison) with Bearport. Our most recent release with illustrator and gifted muralist Wendy Popko is "Meet tbe Pets: Presidential Animals from A to Z," and we were pleased to see the canvases exhibited at Art Prize 2021 this fall in Grand Rapids.</h6>
725<h6 style="text-align: left;" class="">Although I grew up in Michigan, I have strong ties to Iowa as well as Chicago, Illinois, where I began my career at "The Daily Herald." Some of my travel writing includes traveling the back roads of Iowa, from exploring the historic "Lincoln Highway" to seeing how the "American Pickers" changed the town of LeClaire, or immigrants brought a town back to life in Dennison. My love of reading was instilled early.&nbsp; I am a firm believer in reading aloud thanks to my mother, who believed in continuing read-alouds beyond picture books. She cultivated my love of adventure stories by reading "Treasure Island." She continued those sessions right into my teen 
725years, breaking up road trip monotony when she read aloud "All the President's Men" in my teen years.&nbsp;</h6></div></div><div id="I3f992f3e16a14fcf98e4a405aa808a37" style="display:block;clear: both;" class="Gallery_Default"><div class="yola_gallery_widget" style="padding:10px;text-align:center;">
726
727    
728        <link href="classes/components/Gallery/resources/lightbox2/css/lightbox.css" rel="stylesheet" />
729
730    
731    <div class='polaroid'>
732
733        
734            
735                <span class='item portrait'>
736                    <a class='backing' data-lightbox='lightbox[gallery_widget_I3f992f3e16a14fcf98e4a405aa808a37]' href='resources/81tnDD9EtuL.jpg' data-title=''>
737                                                    <span class='image' style='background-image:url(resources/81tnDD9EtuL.jpg.opt100x100o0%2C-12s100x125.jpg);'></span>
738                                            </a>
739                </span>
740
741            
742                <span class='item portrait'>
743                    <a class='backing' data-lightbox='lightbox[gallery_widget_I3f992f3e16a14fcf98e4a405aa808a37]' href='resources/511sapeGUUL._SX360_BO1%2C204%2C203%2C200_.jpg' data-title=''>
744                                                    <span class='image' style='background-image:url(resources/511sapeGUUL._SX360_BO1%2C204%2C203%2C200_.jpg.opt100x100o0%2C-18s100x137.jpg);'></span>
745                                            </a>
746                </span>
747
748            
749                <span class='item portrait'>
750                    <a class='backing' data-lightbox='lightbox[gallery_widget_I3f992f3e16a14fcf98e4a405aa808a37]' href='resources/51XZ0ucfwGL._SX364_BO1%2C204%2C203%2C200_-1.jpg' data-title=''>
751                                                    <span class='image' style='background-image:url(resources/51XZ0ucfwGL._SX364_BO1%2C204%2C203%2C200_-1.jpg.opt100x100o0%2C-18s100x136.jpg);'></span>
752                                            </a>
753                </span>
754
755            
756                <span class='item portrait'>
757                    <a class='backing' data-lightbox='lightbox[gallery_widget_I3f992f3e16a14fcf98e4a405aa808a37]' href='resources/51kGrFEeICL._SX359_BO1%2C204%2C203%2C200_.jpg' data-title=''>
758                                                    <span class='image' style='background-image:url(resources/51kGrFEeICL._SX359_BO1%2C204%2C203%2C200_.jpg.opt100x100o0%2C-19s100x138.jpg);'></span>
759                                            </a>
760                </span>
761
762            
763                <span class='item portrait'>
764                    <a class='backing' data-lightbox='lightbox[gallery_widget_I3f992f3e16a14fcf98e4a405aa808a37]' href='resources/81IjwAjnHbL._AC_UL640_QL65_.jpg' data-title=''>
765                                                    <span class='image' style='background-image:url(resources/81IjwAjnHbL._AC_UL640_QL65_.jpg.opt100x100o0%2C-19s100x139.jpg);'></span>
766                                            </a>
767                </span>
768
769            
770        
771    </div>
772
773    
774        
774<script src="classes/components/Gallery/resources/lightbox2/js/lightbox.js"></script>
774
775
776        
777
778    
779</div></div><div id="I2" style="display:block;clear: both;text-align:left;margin:0 0 0 0;" class="Image_Default"><style>#I2_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: ;border:none;max-width: 100%;height: auto;}</style><img id="I2_img" src="resources/collisonimage.jpg"  /></div><div id="Idc1002903e3840ea9ca86dae3a9a1f53" style="display:block;clear: both;" class="Form_Default"><div class="sys_yola_form">
780
781    
782                    <h2>You can email me at [email protected]</h2>
783        
784        <form method='post' accept-charset="UTF-8" action='https://forms.yola.com/formservice/en/8a4986cb1c8e988b011cdd0ed0810ca3/8a4986c91c8e9860011cdd0f8e132a87/8a4986c91c8e9860011cdd0fb5152a9d/Idc1002903e3840ea9ca86dae3a9a1f53/'>
785
786            
787            <input type='hidden' name='redirect' value='https://www.cathycollison.com/?formIdc1002903e3840ea9ca86dae3a9a1f53Posted=true' />
788            <input type='hidden' name='locale' value='en' />
789            <input type='hidden' name='redirect_fail' value='https://www.cathycollison.com/?formIdc1002903e3840ea9ca86dae3a9a1f53Posted=false' />
790            <input type='hidden' name='form_name' value='You can email me at [email protected]' />
791            <input type='hidden' name='site_name' value='Cathy Collison&#039;s site' />
792            <input type='hidden' name='wl_site' value='0' />
793                        <input type='hidden' name='destination' value='PsMeo_Q3ir7FelyOnHN1B0lRYKgkxwEDzUh_BtXcdG30_ciJ:s3indUEKWpjC6T6hfSIo-VdhyPY79kwQfp0mIguZr40=' />
794            
795            <div class="recaptcha-wrap">
796    <span class="recaptcha-spin"></span>
797    <div class="g-recaptcha" data-sitekey="6LcEthAUAAAAANLeILVZiZpPDbVwyoQuQ7c3qlsy" id="recaptcha-Idc1002903e3840ea9ca86dae3a9a1f53"></div>
798</div>
799
800<script>
801    window.formWidgetRecaptchaQueue = window.formWidgetRecaptchaQueue || [];
802    window.formWidgetRecaptchaQueue.push('recaptcha-Idc1002903e3840ea9ca86dae3a9a1f53');
803</script>
vendor: 1 bytes, line 803
803
804<script src="classes/components/Form/layouts/Default/recaptcha.js?1001098"></script>
vendor: 146 bytes, lines 804-806
804
805<script src="https://www.google.com/recaptcha/api.js?onload=recaptchacb&render=explicit&hl=en" async defer></script>
806                            
806<p><input class='submit' type="submit" value="Submit" /></p>
807            
808        </form>
809
810    
811    
812</div></div></div>
813    </div>
814</div>
815                </div>
816            </div>
817            <div class="bottom"></div>
818        </div>
819        
820                <style type="text/css">
821                    #sys_yolacredit_wrap{text-align:center;}
822                    #sys_yolacredit{text-align:center;line-height:1.2em;margin:2em auto;font-family:Arial;
823                        position:relative;background:#fff url(classes/commons/yola_footer/png/sprites.png?1001098) right 0.3em no-repeat;
824                        background-size:7em;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;
825                        padding:0.5em 2.6em 0.6em 0.4em;color:#222;font-size:0.6rem;display:inline-block;}
826                    #sys_yolacredit p{margin:0;padding:0;line-height:1.2em;}
827                    #sys_yolacredit p a{color:#222;text-decoration:none;}
828                    #sys_yolacredit p a:hover{text-decoration:underline;}
829                    #sys_yolacredit a.yola{font-size:0;position:absolute;top:5px;right:0;display:inline-block;
830                        width:25px;height:16px;float:right;text-decoration:none;color:"#fff";}
831                    #sys_yolacredit a.yola span{display:none;}
832                </style>
833                <!--[if lte IE 6]>
834                    <style type="text/css">
835                        #sys_yolacredit{background:#fff url(classes/commons/yola_footer/gif/sprites.gif?1001098) right 2px no-repeat;}
836                    </style>
837                <![endif]-->
838                <div id="sys_yolacredit_wrap">
839                    <div id="sys_yolacredit" style="" title="Visit Yola.com to create your own free website">
840                        <p>Make a <a href="https://www.yola.com/">free website</a> with <a class="yola" href="https://www.yola.com/"><span>Yola</span></a></p>
841                    </div>
842                </div>
843
844
845        
846<script type="text/javascript" id="site_analytics_tracking" data-id="8a4986c91c8e9860011cdd0f8e132a87" data-user="8a4986cb1c8e988b011cdd0ed0810ca3" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking.js">
847  var _yts = _yts || [];
848  var tracking_tag = document.getElementById('site_analytics_tracking');
849  _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]);
850  _yts.push(["_userId", tracking_tag.getAttribute('data-user')]);
851  _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]);
852  _yts.push(["_trackPageview"]);
853  (function() {
854    var yts = document.createElement("script");
855    yts.type = "text/javascript";
856    yts.async = true;
857    yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url');
858    (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts);
859  })();
860</script>
860
861
862
863<!-- template: Suarez  -->
864    </body>
865</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.