<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)">
<!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><style><!--
/* Font Definitions */
@font-face
        {font-family:Wingdings;
        panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
        {font-family:"Cambria Math";
        panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
        {font-family:Calibri;
        panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
        {font-family:"Century Gothic";
        panose-1:2 11 5 2 2 2 2 2 2 4;}
@font-face
        {font-family:Verdana;
        panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
        {margin:0in;
        margin-bottom:.0001pt;
        font-size:12.0pt;
        font-family:"Times New Roman",serif;}
a:link, span.MsoHyperlink
        {mso-style-priority:99;
        color:blue;
        text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
        {mso-style-priority:99;
        color:purple;
        text-decoration:underline;}
p
        {mso-style-priority:99;
        margin:0in;
        margin-bottom:.0001pt;
        font-size:12.0pt;
        font-family:"Times New Roman",serif;}
p.preheader-container, li.preheader-container, div.preheader-container
        {mso-style-name:preheader-container;
        margin:0in;
        margin-bottom:.0001pt;
        mso-line-height-alt:.75pt;
        font-size:1.0pt;
        font-family:"Times New Roman",serif;
        display:none;}
span.contact-detail
        {mso-style-name:contact-detail;}
span.line
        {mso-style-name:line;}
span.grabber
        {mso-style-name:grabber;}
span.footer-column
        {mso-style-name:footer-column;}
span.footer-mobile-hidden
        {mso-style-name:footer-mobile-hidden;}
span.EmailStyle24
        {mso-style-type:personal-reply;
        font-family:"Arial",sans-serif;
        color:#1F497D;
        font-weight:normal;
        font-style:normal;}
.MsoChpDefault
        {mso-style-type:export-only;
        font-size:10.0pt;}
@page WordSection1
        {size:8.5in 11.0in;
        margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
        {page:WordSection1;}
/* List Definitions */
@list l0
        {mso-list-id:239407071;
        mso-list-template-ids:510569580;}
@list l0:level1
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l0:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:1.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:"Courier New";
        mso-bidi-font-family:"Times New Roman";}
@list l0:level3
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l0:level4
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l0:level5
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l0:level6
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l0:level7
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l0:level8
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l0:level9
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l1
        {mso-list-id:427389023;
        mso-list-template-ids:2022601240;}
@list l1:level1
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l1:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:1.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:"Courier New";
        mso-bidi-font-family:"Times New Roman";}
@list l1:level3
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l1:level4
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l1:level5
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l1:level6
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l1:level7
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l1:level8
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l1:level9
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l2
        {mso-list-id:510338748;
        mso-list-template-ids:1275466282;}
@list l2:level1
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l2:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:1.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:"Courier New";
        mso-bidi-font-family:"Times New Roman";}
@list l2:level3
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l2:level4
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l2:level5
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l2:level6
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l2:level7
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l2:level8
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l2:level9
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l3
        {mso-list-id:688023464;
        mso-list-template-ids:-1140409026;}
@list l3:level1
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l3:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:1.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:"Courier New";
        mso-bidi-font-family:"Times New Roman";}
@list l3:level3
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l3:level4
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l3:level5
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l3:level6
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l3:level7
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l3:level8
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l3:level9
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l4
        {mso-list-id:833186056;
        mso-list-template-ids:970874486;}
@list l4:level1
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l4:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:1.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:"Courier New";
        mso-bidi-font-family:"Times New Roman";}
@list l4:level3
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l4:level4
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l4:level5
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l4:level6
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l4:level7
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l4:level8
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l4:level9
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l5
        {mso-list-id:840319546;
        mso-list-template-ids:-1191821354;}
@list l5:level1
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l5:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:1.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:"Courier New";
        mso-bidi-font-family:"Times New Roman";}
@list l5:level3
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l5:level4
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l5:level5
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l5:level6
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l5:level7
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l5:level8
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l5:level9
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l6
        {mso-list-id:861095752;
        mso-list-template-ids:-1613044128;}
@list l6:level1
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l6:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:1.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:"Courier New";
        mso-bidi-font-family:"Times New Roman";}
@list l6:level3
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l6:level4
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l6:level5
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l6:level6
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l6:level7
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l6:level8
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l6:level9
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l7
        {mso-list-id:1146168273;
        mso-list-template-ids:1728741372;}
@list l7:level1
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l7:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:1.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:"Courier New";
        mso-bidi-font-family:"Times New Roman";}
@list l7:level3
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l7:level4
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l7:level5
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l7:level6
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l7:level7
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l7:level8
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l7:level9
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l8
        {mso-list-id:1465083033;
        mso-list-template-ids:-69710584;}
@list l8:level1
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Symbol;}
@list l8:level2
        {mso-level-number-format:bullet;
        mso-level-text:o;
        mso-level-tab-stop:1.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:"Courier New";
        mso-bidi-font-family:"Times New Roman";}
@list l8:level3
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:1.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l8:level4
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l8:level5
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:2.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l8:level6
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l8:level7
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:3.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l8:level8
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.0in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
@list l8:level9
        {mso-level-number-format:bullet;
        mso-level-text:;
        mso-level-tab-stop:4.5in;
        mso-level-number-position:left;
        text-indent:-.25in;
        mso-ansi-font-size:10.0pt;
        font-family:Wingdings;}
ol
        {margin-bottom:0in;}
ul
        {margin-bottom:0in;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body bgcolor="whitesmoke" lang="EN-US" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal"><o:p> </o:p></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td style="padding:0in 0in 0in 0in">
<div>
<div id="preheader">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="font-size:1.0pt">Do your videos play well on mobile? <o:p></o:p></span></p>
</div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="font-size:1.0pt"><img id="_x0000_i1025" src="http://r20.rs6.net/on.jsp?ca=dcab9379-948b-4b77-ba75-a78c748276fa&a=1100778316270&c=980e0ed0-0713-11e6-a7b7-d4ae528ed502&ch=981cb4d0-0713-11e6-a7b7-d4ae528ed502"><o:p></o:p></span></p>
</div>
</td>
</tr>
<tr>
<td style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:whitesmoke;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="0" style="width:459.0pt;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:11.25pt 3.75pt 11.25pt 3.75pt">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="background:#478CCB;padding:.75pt .75pt .75pt .75pt">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:#478CCB;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="background:white;padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><img width="220" id="_x0000_i1026" src="http://files.constantcontact.com/ee1208b4001/34916cb2-412f-43fa-8294-1f7ecb0e9a3d.png"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;background:#BFBFBF;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<p class="MsoNormal" align="center" style="text-align:center"><span style="color:#333333"> </span><b><span style="font-size:8.5pt;font-family:"Arial",sans-serif;color:white">Want to share Tech-Talk? Ask first. Contact
</span></b><span style="color:#333333"><a href="mailto:info@tech-talk.com" target="_blank"><b><span style="font-size:8.5pt;font-family:"Arial",sans-serif;color:white">info@Tech-Talk.com</span></b></a>
</span><b><span style="font-size:8.5pt;font-family:"Arial",sans-serif;color:white">© 2019 Shared Results International</span></b><span style="color:#333333">
<o:p></o:p></span></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<div>
<p class="MsoNormal"><span style="color:#333333"> </span><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#333333">This Week's Topic: WEB AUTHORING</span></b><span style="color:#333333">
<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#16274C">1. VIDEO ... </span></b><span style="color:#16274C">Making Video, Maps & Images, Responsive ... for Mobile</span><span style="color:#333333">
<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#16274C">2. ARTICLE ...</span></b><b><span style="color:#333333"> </span></b><span style="color:#16274C">Making Video, Maps & Images, Responsive ... for Mobile</span><span style="color:#333333">
<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#16274C">3. COMMUNICATING </span></b><span style="color:#16274C">...
</span><span style="color:#333333">Getting the reader more involved<o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%;cursor:default">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:3.75pt 0in 3.75pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr style="height:.75pt">
<td style="background:#478CCB;padding:0in 0in 4.5pt 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1027" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;background:white;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><a href="http://r20.rs6.net/tn.jsp?f=001Mfvl4PbJriYGFPOL6_0jF7OLTK3Xq-SP5MOEQicbLplKJl6AN4pvYMhGz1nCRM1e8dchdqzxYHuCyX3UprFizOvwo46vDu2qy1oQ4b07ql9rbvY3ti3Yhts6AJ4CguNbfcBj3oTnPje0SL5nGpsFXACpJHylQcGHS1jqyucmMJSMw5ubhChql0kK8TKQMjC5tkb6zZMp3kM=&c=7gdmzlkpakSihsQUT3yN5BQQBaCn8tXv1xLpLUZycw5dKfVfrR9G8w==&ch=F7GiGGsZ6T1tQK0I9LOkojl1tzm5PIRSteQqriMBcnOWp3U5nRDuOw=="><span style="text-decoration:none"><img border="0" width="525" id="_x0000_i1028" src="https://files.constantcontact.com/ee1208b4001/d20288ab-8dcd-4494-b3e6-73ecd936b800.png" alt="web design"></span></a><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:10.5pt;color:#111111">Photo by </span><span style="color:#333333"><a href="http://r20.rs6.net/tn.jsp?f=001Mfvl4PbJriYGFPOL6_0jF7OLTK3Xq-SP5MOEQicbLplKJl6AN4pvYMhGz1nCRM1epjiXXcLan17JRPN1erioe9rjkvHTZRfAJkIb8d-qlM9rNigB5Nb5-pbtYo6zn9p7f3EM5s3k0AlK-YgnZnNlWro9bh7CV4LtpRai6xvQ1T02tpi5ZVenmPDaqNs1vWs3KAixYEyDGfgHR6sr_sVNI6gkr0yI-Kbku2MIUZc7fLwJyIeDD4Yu1S6ZouvMobsm&c=7gdmzlkpakSihsQUT3yN5BQQBaCn8tXv1xLpLUZycw5dKfVfrR9G8w==&ch=F7GiGGsZ6T1tQK0I9LOkojl1tzm5PIRSteQqriMBcnOWp3U5nRDuOw==" target="_blank"><span style="font-size:10.5pt;color:#999999">Joe
 Pizzio</span></a></span><span style="font-size:10.5pt;color:#111111"> on </span><span style="color:#333333"><a href="http://r20.rs6.net/tn.jsp?f=001Mfvl4PbJriYGFPOL6_0jF7OLTK3Xq-SP5MOEQicbLplKJl6AN4pvYMhGz1nCRM1eSLLS5Thsd_rEFb28m6XhQgTK6ucl-ry_8FoVV1GKSlcEy5HKJkEpRhufRGxgCEZU6sh3usluNt45jJlIr5DoV7txh-H98wdUD2aUjBpVDz9B1_oG0S6hp12viRTT0yluiCZ5UfvY3Mzox-lUJZU3nzzShrGGbbdss3rqAcJpl55LUosD2obARkwQOBugWOPE95B06JVDVNsvl-YzYxTixw==&c=7gdmzlkpakSihsQUT3yN5BQQBaCn8tXv1xLpLUZycw5dKfVfrR9G8w==&ch=F7GiGGsZ6T1tQK0I9LOkojl1tzm5PIRSteQqriMBcnOWp3U5nRDuOw==" target="_blank"><span style="font-size:10.5pt;color:#999999">Unsplash</span></a>
<o:p></o:p></span></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%;cursor:default">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:3.75pt 0in 3.75pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr style="height:.75pt">
<td style="background:#478CCB;padding:0in 0in 4.5pt 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1029" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<div>
<p class="MsoNormal"><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#333333">Brought To You By
<span class="contact-detail">State Library of Oregon</span></span></b><span style="color:#333333"><o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;background:white;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%;cursor:default">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:6.75pt 0in 6.75pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="93%" style="width:93.0%;border-collapse:collapse;min-width: 93%">
<tbody>
<tr style="height:.75pt">
<td style="background:#478CCB;padding:0in 0in 0in 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1030" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="45%" valign="top" style="width:45.0%;background:white;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><img border="0" width="163" id="_x0000_i1031" src="https://files.constantcontact.com/ee1208b4001/9975e68c-5234-456e-bd40-fe203e94bf80.png" alt="State of Oregon"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td width="55%" valign="top" style="width:55.0%;background:white;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 7.5pt">
<div>
<div>
<p class="MsoNormal"><span style="color:#333333"><a href="http://r20.rs6.net/tn.jsp?f=001Mfvl4PbJriYGFPOL6_0jF7OLTK3Xq-SP5MOEQicbLplKJl6AN4pvYBwBRN5E-m-c78-Qm_StrcAvZ4OSz7ccih6iDgb8hscoWBEo3PbtsA1NLtmt1A0D8z2aH1TnXUt2zQLkyuhObY7uZ8QsWYRWe5-LhaDTkf6O&c=7gdmzlkpakSihsQUT3yN5BQQBaCn8tXv1xLpLUZycw5dKfVfrR9G8w==&ch=F7GiGGsZ6T1tQK0I9LOkojl1tzm5PIRSteQqriMBcnOWp3U5nRDuOw==" target="_blank"><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#3661BD">Visit
 Tech-Talk.com Database</span></b></a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="color:#333333">Username</span></b><span style="color:#333333">:
<span class="contact-detail">ORLIBTECH</span> <o:p></o:p></span></p>
<p class="MsoNormal"><b><span style="color:#333333">Password</span></b><span style="color:#333333">:
<span class="contact-detail">ORLIBTECH</span> <o:p></o:p></span></p>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="color:#333333">Questions about Tech-Talk?</span></b><span style="color:#333333"><o:p></o:p></span></p>
<p class="MsoNormal"><span class="contact-detail"><span style="color:#333333"><a href="mailto:darci.hanning@state.or.us">darci.hanning@state.or.us</a></span></span><span style="color:#333333"><o:p></o:p></span></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%;cursor:default">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:3.75pt 0in 3.75pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr style="height:.75pt">
<td style="background:#478CCB;padding:0in 0in 4.5pt 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1032" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<div>
<p class="MsoNormal"><b><span style="font-size:15.0pt;font-family:"Arial",sans-serif;color:#3661BD">WEB AUTHORING - Making Videos, Maps & Images, Responsive... for Mobile</span></b><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><i><span style="color:#333333">Intermediate</span></i><span style="color:#333333"><o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" align="right" style="border-collapse:collapse;margin-right:3.5pt">
<tbody>
<tr style="height:.75pt">
<td width="15" valign="top" style="width:11.25pt;padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="15" height="1" id="_x0000_i1033" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
<td valign="top" style="padding:0in 0in 0in 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><img border="0" width="278" id="_x0000_i1034" src="https://files.constantcontact.com/ee1208b4001/14ef5b30-97af-4931-8513-3520e04add77.png" alt="map"><o:p></o:p></p>
</div>
</td>
</tr>
<tr style="height:3.75pt">
<td width="15" valign="top" style="width:3.75pt;padding:0in 0in 0in 0in;height:3.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1035" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
<td valign="top" style="padding:0in 0in 0in 0in;height:3.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="1" height="5" id="_x0000_i1036" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
</td>
<div>
<div>
<div>
<p class="MsoNormal"><b><span style="color:#333333">I am adding a map to a website
</span></b><span style="color:#333333">page using the code Google provided to embed it. However, when I look at the map on my smartphone, it is cut off on the right. I can't see the whole thing!<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">Why is only part of the map showing?<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#333333">You'd think that the code would be designed to be responsive!
</span></b><span style="color:#333333">When an image, video, or map (in this case) is responsive, it means that it is designed to size appropriately when viewed on all types of devices: desktops, laptops, tablets and smartphones.<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">Websites are now designed to be responsive as a whole,
<b>but sometimes the embedded objects like images, forms, videos … are not.</b> <o:p>
</o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">No matter if you have some experience in web design, or you are more of a novice that adds content to pages for events or blogs,
<b>we’ve found an easy little web tool</b> that transforms media <b>to display responsively
</b>on all types and sizes of devices. (Yes, it's free and easy.)<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#333333">With EmbedResponsively.com, </span>
</b><span style="color:#333333">you plug-in embed code from other sources (like YouTube or Google) and it provides alternate responsive code for you to add to your page or post. No matter which type of media (images, video, maps) the code it provides will make
 what you have re-size appropriately on any mobile device.<o:p></o:p></span></p>
</div>
</div>
</div>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p>
<p></p>
<div align="center"></div>
</p>
</tr>
</tbody>
</table>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%;cursor:default">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:6.75pt 0in 6.75pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="93%" style="width:93.0%;border-collapse:collapse;min-width: 93%">
<tbody>
<tr style="height:.75pt">
<td style="background:#478CCB;padding:0in 0in 0in 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1037" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<div>
<p class="MsoNormal"><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#3661BD">Let’s Take a Look</span></b><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">Many types of embed code you get from online sources have a fixed width and height in the code. This locks in the dimensions for all sizes of screens.
<i>Embed Responsively</i> modifies the code for you.<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">For example, you may need to put a map of a location of an event on your website registration page. Normally you would think that you could just copy the embed code to use.<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">However, we put a location in a Google Map, clicked "Share" and from the
<i>Embed a map </i>tab, copied the HTML code to add to our website page.<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><i><span style="color:#333333">Google Map page:</span></i><span style="color:#333333"><o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><img border="0" width="460" id="_x0000_i1038" src="https://files.constantcontact.com/ee1208b4001/8e050270-7f3d-4d3b-8b1c-f63aa87e9992.png" alt="Google map"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<div>
<p class="MsoNormal"><span style="color:#333333">When viewed on a standard size monitor, our map looked fine. But when looking at it on a smartphone, the map was cut off on the right side.<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">Then we copied the same code and ran it through
<a href="http://r20.rs6.net/tn.jsp?f=001Mfvl4PbJriYGFPOL6_0jF7OLTK3Xq-SP5MOEQicbLplKJl6AN4pvYMhGz1nCRM1epg5qZhiUUsX8XM4IyFtqkX7TzfGUfk9-9Im4UP7VxdX7_P5NOZIE7Si52GaILS3q8ERNioYYCLg1SBk-uDeYyQ==&c=7gdmzlkpakSihsQUT3yN5BQQBaCn8tXv1xLpLUZycw5dKfVfrR9G8w==&ch=F7GiGGsZ6T1tQK0I9LOkojl1tzm5PIRSteQqriMBcnOWp3U5nRDuOw==" target="_blank">
<span style="color:#3661BD">EmbedResponsively.com</span></a>. The map sized appropriately on
<i>both</i> a desktop monitor and a smartphone.<o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<div>
<p class="MsoNormal"><span style="color:#333333">In the image below you see the Google map viewed on a smartphone that is cut off on the right.<o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><img border="0" width="284" id="_x0000_i1039" src="https://files.constantcontact.com/ee1208b4001/825baa5b-e0dc-4787-963c-857d8638d038.png" alt="cut off map"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<div>
<p class="MsoNormal"><span style="color:#333333">In this smartphone screenshot, you see the map using the
<i>Embed Responsively</i> code. It fits the size of the screen and looks much better to the viewer.<o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><img border="0" width="292" id="_x0000_i1040" src="https://files.constantcontact.com/ee1208b4001/f7677d9b-7c72-4b16-b280-c3b9ae73bae8.png" alt="Google map"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%;cursor:default">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:6.75pt 0in 6.75pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="93%" style="width:93.0%;border-collapse:collapse;min-width: 93%">
<tbody>
<tr style="height:.75pt">
<td style="background:#478CCB;padding:0in 0in 0in 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1041" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<div>
<p class="MsoNormal"><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#3661BD">How it Works</span></b><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">We like web tools that are free and easy to use from anywhere (without additional software to download), and
<a href="http://r20.rs6.net/tn.jsp?f=001Mfvl4PbJriYGFPOL6_0jF7OLTK3Xq-SP5MOEQicbLplKJl6AN4pvYMhGz1nCRM1epg5qZhiUUsX8XM4IyFtqkX7TzfGUfk9-9Im4UP7VxdX7_P5NOZIE7Si52GaILS3q8ERNioYYCLg1SBk-uDeYyQ==&c=7gdmzlkpakSihsQUT3yN5BQQBaCn8tXv1xLpLUZycw5dKfVfrR9G8w==&ch=F7GiGGsZ6T1tQK0I9LOkojl1tzm5PIRSteQqriMBcnOWp3U5nRDuOw==" target="_blank">
<span style="color:#3661BD">http://embedresponsively.com</span></a> certainly is. In fact, the site is so simple, it's just one page... without any fluff.<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">What kind of media sources can you use with this tool? It supports:<o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="35%" valign="top" style="width:35.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 7.5pt 7.5pt 15.0pt">
<div>
<div>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l2 level1 lfo1">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">YouTube<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l2 level1 lfo1">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Vimeo<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l2 level1 lfo1">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Dailymotion<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l2 level1 lfo1">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Google Maps<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l2 level1 lfo1">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Getty Images<o:p></o:p></span></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td width="65%" valign="top" style="width:65.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 7.5pt">
<div>
<div>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l6 level1 lfo2">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Scribd<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l6 level1 lfo2">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">SoundCloud<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l6 level1 lfo2">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Storify<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l6 level1 lfo2">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Twitter<o:p></o:p></span></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<div>
<p class="MsoNormal"><span style="color:#333333">For all other media types there is a Generic iFrame option.<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#333333">When you need to create responsive code in one of these types of media:</span></b><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l7 level1 lfo3">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Copy the embed code (or link – it tells you in
<i>Embed Responsively</i> what is needed).<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l7 level1 lfo3">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Go to <a href="http://r20.rs6.net/tn.jsp?f=001Mfvl4PbJriYGFPOL6_0jF7OLTK3Xq-SP5MOEQicbLplKJl6AN4pvYMhGz1nCRM1epg5qZhiUUsX8XM4IyFtqkX7TzfGUfk9-9Im4UP7VxdX7_P5NOZIE7Si52GaILS3q8ERNioYYCLg1SBk-uDeYyQ==&c=7gdmzlkpakSihsQUT3yN5BQQBaCn8tXv1xLpLUZycw5dKfVfrR9G8w==&ch=F7GiGGsZ6T1tQK0I9LOkojl1tzm5PIRSteQqriMBcnOWp3U5nRDuOw==" target="_blank">
<span style="color:#3661BD">http://embedresponsively.com</span></a> <o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l7 level1 lfo3">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Pick the tab for the appropriate media type.<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l7 level1 lfo3">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Copy the embed code (or link) into the bar and click the blue
<i>Embed </i>button.<o:p></o:p></span></p>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">In the image below, we're continuing our Google Map example.<o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><img border="0" width="559" id="_x0000_i1042" src="https://files.constantcontact.com/ee1208b4001/a17cfba6-3fca-4c05-bdd6-d4cefcdb6405.png" alt="embed"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l1 level1 lfo4">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Then copy the new embed code provided to add to your website page or post.<o:p></o:p></span></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><img border="0" width="562" id="_x0000_i1043" src="https://files.constantcontact.com/ee1208b4001/118fdc46-070a-4e07-aa50-ac2f7dba0fd8.png" alt="embed code"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<div>
<p class="MsoNormal"><b><span style="color:#333333">TIP:</span></b><span style="color:#333333"> Be sure to view the new media on multiple sizes of devices to make sure it displays as expected.<o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%;cursor:default">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:6.75pt 0in 6.75pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="93%" style="width:93.0%;border-collapse:collapse;min-width: 93%">
<tbody>
<tr style="height:.75pt">
<td style="background:#478CCB;padding:0in 0in 0in 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1044" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" align="right" style="border-collapse:collapse;margin-right:3.5pt">
<tbody>
<tr style="height:.75pt">
<td width="15" valign="top" style="width:11.25pt;padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="15" height="1" id="_x0000_i1045" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
<td valign="top" style="padding:0in 0in 0in 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><img border="0" width="225" id="_x0000_i1046" src="https://files.constantcontact.com/ee1208b4001/e40759d5-5f2e-41d5-96a5-15478135fc61.png" alt="other example"><o:p></o:p></p>
</div>
</td>
</tr>
<tr style="height:3.75pt">
<td width="15" valign="top" style="width:3.75pt;padding:0in 0in 0in 0in;height:3.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1047" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
<td valign="top" style="padding:0in 0in 0in 0in;height:3.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="1" height="5" id="_x0000_i1048" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
</td>
<div>
<div>
<div>
<p class="MsoNormal"><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#3661BD">Another Example</span></b><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">We copied the YouTube embed code for a video to a website page and then looked at it on a smartphone. Again, the video was cut off (top image to the right). <o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">However, with <i>Embed Responsively</i>, we were able to display the video so that it fit the screen on smaller devices (lower image on the right).<o:p></o:p></span></p>
</div>
</div>
</div>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p>
<p></p>
<div align="center"></div>
</p>
</tr>
</tbody>
</table>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%;cursor:default">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:3.75pt 0in 3.75pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr style="height:.75pt">
<td style="background:#478CCB;padding:0in 0in 4.5pt 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1049" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" align="left" style="border-collapse:collapse;margin-right:3.5pt">
<tbody>
<tr style="height:.75pt">
<td valign="top" style="padding:0in 0in 0in 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><img border="0" width="180" id="_x0000_i1050" src="http://files.constantcontact.com/ee1208b4001/f8f1ecc8-4884-4c21-8ed0-cf647e6db944.png"><o:p></o:p></p>
</div>
</td>
<td width="15" valign="top" style="width:11.25pt;padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="15" height="1" id="_x0000_i1051" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
</tr>
<tr style="height:.75pt">
<td valign="top" style="padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="1" height="5" id="_x0000_i1052" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
<td width="15" valign="top" style="width:3.75pt;padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1053" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
</td>
<div>
<div>
<div>
<p class="MsoNormal"><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#333333">Communication: Writing</span></b><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><i><span style="color:#333333">Getting the reader more involved</span></i><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">No matter what you are writing, you want the reader to be as involved as possible, right?<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">Let's show you a few techniques we use to keep the material interesting ... so you "get it" and keep going. Here are the editing changes we made from our first draft to the final, concentrating on you, the reader.<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#333333">First Draft</span></b><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">I was adding a map to a website page using the code Google provided to embed it. However, when I looked at it on my smartphone, it was cut off on the right. I couldn't see the whole thing. Why is only part of
 the map showing?<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333">You'd think that the code would be designed to be responsive. When an image, video, or map (in this case) is responsive, it means that it is designed to size appropriately when viewed on all types of devices:
 desktops, laptops, tablets and smartphones.<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#333333">Guidelines for Changes We Made</span></b><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l3 level1 lfo5">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">When telling a story, we often
<b>use</b> <b>first person,</b> <b>present tense</b> (even though the events are past). It gives more energy and excitement.<o:p></o:p></span></p>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l4 level1 lfo6">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Be sure people <b>know what every pronoun is referring to.</b> If it's not clear, use the word itself. e.g. "When I look at
<b>it...</b>" What is "it"? In this case, "it" is the "map".<o:p></o:p></span></p>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l5 level1 lfo7">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><span style="color:#333333">Don't be afraid to <b>
use an exclamation point occasionally</b>. (Not too much.) It adds emotion.<o:p></o:p></span></p>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l0 level1 lfo8">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><b><span style="color:#333333">Sprinkle in</span></b><span style="color:#333333">
<b>short sentences</b> to vary the rhythm and to re-gain attention.<o:p></o:p></span></p>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<p class="MsoNormal" style="margin-left:30.0pt;text-indent:-12.0pt;mso-list:l8 level1 lfo9">
<![if !supportLists]><span style="font-size:10.0pt;font-family:Symbol;color:#333333"><span style="mso-list:Ignore">·<span style="font:7.0pt "Times New Roman"">    
</span></span></span><![endif]><b><span style="color:#333333">Use bold</span></b><span style="color:#333333">, but not too much. Sometimes by highlighting the beginning of a sentence to get them started ... other times, the complete sentence to arouse their
 curiosity.<o:p></o:p></span></p>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#333333">Better Version ... Do You Notice The Difference?</span></b><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#525252">I am adding a map to a website page</span></b><span style="color:#525252"> using the code Google provided to embed it. However, when I look at the image on my smartphone, it is cut off on the right. I can't
 see the whole thing!</span><span style="color:#333333"> <o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#525252">Why is only part of the map showing?</span><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#525252">You'd think that the code would be designed to be responsive!
</span></b><span style="color:#525252">When an image, video, or map (in this case) is responsive, it means that it is designed to size appropriately when viewed on all types of devices: desktops, laptops, tablets and smartphones.</span><span style="color:#333333">
<o:p></o:p></span></p>
</div>
</div>
</div>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%;cursor:default">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:6.75pt 0in 6.75pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="93%" style="width:93.0%;border-collapse:collapse;min-width: 93%">
<tbody>
<tr style="height:.75pt">
<td style="background:#478CCB;padding:0in 0in 0in 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1054" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in;word-wrap: break-word">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;word-wrap: break-word">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<p class="MsoNormal" align="center" style="text-align:center"><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#333333">Answer Key ... Edits Shown in Red</span></b><span style="color:#333333"><o:p></o:p></span></p>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#333333">I </span></b><b><span style="color:#BF3F2F">am</span></b><b><span style="color:#333333"> adding a map to a website
</span></b><span style="color:#333333">page using the code Google provided to embed it. However, when I look
</span><b><span style="color:#BF3F2F">at the image</span></b><span style="color:#BF3F2F">
</span><span style="color:#333333">on my smartphone, it </span><b><span style="color:#BF3F2F">is</span></b><span style="color:#333333"> cut off on the right. I
</span><b><span style="color:#BF3F2F">can't</span></b><span style="color:#333333"> see the whole thing</span><b><span style="color:#BF3F2F">!</span></b><span style="color:#333333">
<o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#BF3F2F">Why is only part of the map showing?</span></b><span style="color:#333333"><o:p></o:p></span></p>
</div>
<div>
<p class="MsoNormal"><span style="color:#333333"><o:p> </o:p></span></p>
</div>
<div>
<p class="MsoNormal"><b><span style="color:#BF3F2F">You'd think that the code would be designed to be responsive!
</span></b><span style="color:#333333">When an image, video, or map (in this case) is responsive, it means that it is designed to size appropriately when viewed on all types of devices: desktops, laptops, tablets and smartphones.<o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr style="height:.75pt">
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 8.25pt 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1055" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="50%" valign="top" style="width:50.0%;background:#3661BD;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><a href="http://r20.rs6.net/tn.jsp?f=001Mfvl4PbJriYGFPOL6_0jF7OLTK3Xq-SP5MOEQicbLplKJl6AN4pvYHbSXYuqdfHt9hkUH4xPEM6TBs39kASZlsdDCkRHr-jOlIRYSfDfPeaUIT3mqnYJIO_bOp9-dPCtXYkSa1WLvSr8GC547YeDg7MFqMblG9Ya&c=7gdmzlkpakSihsQUT3yN5BQQBaCn8tXv1xLpLUZycw5dKfVfrR9G8w==&ch=F7GiGGsZ6T1tQK0I9LOkojl1tzm5PIRSteQqriMBcnOWp3U5nRDuOw=="><span style="text-decoration:none"><img border="0" width="272" id="_x0000_i1056" src="http://files.constantcontact.com/ee1208b4001/b13a7a6a-7445-4d8e-b741-4b475385ef5b.png"></span></a><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td width="50%" valign="top" style="width:50.0%;background:#3661BD;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<div>
<p class="MsoNormal" align="center" style="text-align:center"><a href="http://r20.rs6.net/tn.jsp?f=001Mfvl4PbJriYGFPOL6_0jF7OLTK3Xq-SP5MOEQicbLplKJl6AN4pvYP4CzQwMxvRtC7N_Mlairf3MpDsLWMMptpVFFjyOJvj-5XxKiKUsttRltnTaR_xz_T8gbgF807NagRNujlUuR1I07avpodDsGMdYhkthyWsh0SlelpKhNcI=&c=7gdmzlkpakSihsQUT3yN5BQQBaCn8tXv1xLpLUZycw5dKfVfrR9G8w==&ch=F7GiGGsZ6T1tQK0I9LOkojl1tzm5PIRSteQqriMBcnOWp3U5nRDuOw=="><span style="text-decoration:none"><img border="0" width="271" id="_x0000_i1057" src="http://files.constantcontact.com/ee1208b4001/8751eb23-fa9b-43ba-9f5f-7e80a465c6c5.png" alt="Ask a question"></span></a><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><o:p> </o:p></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%;cursor:default">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:3.75pt 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse;min-width: 100%">
<tbody>
<tr style="height:.75pt">
<td style="background:#478CCB;padding:0in 0in 5.25pt 0in;height:.75pt">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<img border="0" width="5" height="1" id="_x0000_i1058" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<div>
<p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:9.0pt;font-family:"Arial",sans-serif;color:#1F4E79">Copyright 1996-2019 Shared Results International. Published weekly. Do not forward this issue of Tech-Talk.com without prior
 permission from Shared Results International. Distribution is limited by contract. Forwarding it to unauthorized recipients constitutes copyright infringement.
<br>
For information on site licenses or how to include additional recipients, email <a href="mailto:darci.hanning@state.or.us">
darci.hanning@state.or.us</a></span><span style="font-size:9.0pt;font-family:"Arial",sans-serif;color:#333333">.</span><span style="color:#333333"><o:p></o:p></span></p>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<p class="MsoNormal"><o:p> </o:p></p>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:white;border-collapse:collapse">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:12.0pt 0in 12.0pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="0" style="width:435.0pt;border-collapse:collapse">
<tbody>
<tr>
<td valign="top" style="padding:3.0pt 0in 3.0pt 0in">
<p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F497D">The Tech-Talk e-newsletter for Oregon library staff is distributed weekly via the Libs-OR and TechTalk mailing lists.
<b>Please do not forward. </b>Know someone who might be interested in receiving a copy but they’re not on Libs-OR? Have them contact
<a href="mailto:darci.hanning@state.or.us">darci.hanning@state.or.us</a> or visit
<a href="http://listsmart.osl.state.or.us/mailman/listinfo/techtalk">http://listsmart.osl.state.or.us/mailman/listinfo/techtalk</a> to subscribe to just the Tech-Talk newsletter!<o:p></o:p></span></p>
<p class="MsoNormal" align="center" style="text-align:center"><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal" align="center" style="text-align:center"><b><span style="font-size:10.0pt;font-family:"Arial",sans-serif;color:#1F497D">Tech-Talk is a paid subscription service for staff of Oregon libraries and is supported in whole by the Institute of
 Museum and Library Services (IMLS) through the Library Services and Technology Act (LSTA), administered by the State Library of Oregon.</span></b><b><span style="font-size:9.0pt;font-family:"Verdana",sans-serif;color:#5D5D5D"><o:p></o:p></span></b></p>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><span style="color:#1F497D"><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Arial",sans-serif;color:#1F497D">Cheers,<o:p></o:p></span></p>
<p class="MsoNormal" style="margin-bottom:3.0pt"><b><span style="font-size:10.0pt;font-family:"Century Gothic",sans-serif;color:black">Darci Hanning, MLIS<o:p></o:p></span></b></p>
<p class="MsoNormal" style="margin-bottom:3.0pt;line-height:115%"><b><span style="font-size:11.0pt;line-height:115%;font-family:"Calibri",sans-serif;color:#1F4E79">Public Library Consultant / CE Coordinator<br>
</span></b><span style="font-size:11.0pt;line-height:115%;font-family:"Calibri",sans-serif;color:#1F4E79"><a href="mailto:darci.hanning@state.or.us"><b><span style="color:#2E74B5">darci.hanning@state.or.us</span></b></a><b> | 503-378-2527|
</b><a href="https://www.oregon.gov/library"><b><span style="color:#0563C1">www.oregon.gov/library</span></b></a></span><b><u><span style="font-size:11.0pt;line-height:115%;font-family:"Calibri",sans-serif;color:#0563C1"><o:p></o:p></span></u></b></p>
<p class="MsoNormal"><b><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F4E79">Follow us:
</span></b><span style="font-size:11.0pt;font-family:"Calibri",sans-serif;color:#1F4E79"><a href="http://fb.me/StateLibraryOR"><b><span style="color:#0563C1">Facebook</span></b></a><b> |
</b><a href="https://twitter.com/StateLibraryOR"><b><span style="color:#0563C1">Twitter</span></b></a><b> |
</b><a href="http://www.statelibraryor.tumblr.com/"><b><span style="color:#0563C1">Tumblr</span></b></a><b> |
</b><a href="https://pinterest.com/statelibraryor/"><b><span style="color:#0563C1">Pinterest</span></b></a><b><o:p></o:p></b></span></p>
<p class="MsoNormal" style="margin-bottom:3.0pt;line-height:115%"><span style="font-size:11.0pt;line-height:115%;font-family:"Calibri",sans-serif;color:#1F4E79"><br>
<img border="0" width="342" height="43" id="Picture_x0020_1" src="cid:image001.png@01D55BFD.1DF5F710" alt="cid:image005.png@01D31C27.4B9FEA30"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:11.0pt;font-family:"Arial",sans-serif;color:#1F497D"><o:p> </o:p></span></p>
<div></div>
<div></div>
</body>
</html>