<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:Verdana;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
span.EmailStyle22
{mso-style-type:personal-reply;
font-family:"Arial",sans-serif;
color:windowtext;
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:516121497;
mso-list-template-ids:-2087139126;}
@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:577977276;
mso-list-template-ids:-1380154872;}
@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:692847417;
mso-list-template-ids:-1468260110;}
@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:796802430;
mso-list-template-ids:-1709539432;}
@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:1170874038;
mso-list-template-ids:-1197991322;}
@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;}
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 lang="EN-US" link="blue" vlink="purple" style="word-wrap:break-word">
<div class="WordSection1">
<p class="MsoNormal" align="center" style="margin-bottom:12.0pt;text-align:center">
<b><span style="font-family:"Arial",sans-serif;color:#1F497D">Welcome to the latest issue of Tech-Talk!<o:p></o:p></span></b></p>
<p class="MsoNormal" align="center" style="text-align:center"><b><span style="font-family:"Arial",sans-serif;color:#1F497D">Reminder:
</span></b><span style="font-family:"Arial",sans-serif;color:#1F497D">When accessing resources at the
<a href="https://www.tech-talk.com/">Tech-Talk website</a>, use ORLIBTECH<br>
for <b>both</b> the username and password when prompted</span><span style="font-family:"Arial",sans-serif"><o:p></o:p></span></p>
<div id="preheader">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="font-size:1.0pt">The basics of what you need to know about CSS<o:p></o:p></span></p>
</div>
<div id="tracking-image">
<p class="MsoNormal" style="mso-line-height-alt:.75pt"><span style="font-size:1.0pt"><img border="0" width="1" height="1" style="width:.0104in;height:.0104in" id="_x0000_i1103" src="https://r20.rs6.net/on.jsp?ca=e54199d6-2a45-42af-8ab4-e4fdbc8748c1&a=1100778316270&c=4f52e898-6edc-11ea-9474-d4ae529a85ae&ch=69c188cc-cdfb-11eb-b3db-fa163e6b8330"></span><span style="font-size:1.0pt"><o:p></o:p></span></p>
</div>
<div>
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:white">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in;border-radius: 0px">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="622" style="width:466.5pt">
<tbody>
<tr>
<td valign="top" style="padding:11.25pt 7.5pt 11.25pt 7.5pt">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr>
<td valign="top" style="background:#5E81CA;padding:.75pt .75pt .75pt .75pt">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<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%;background:white">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<p class="MsoNormal" align="center" style="text-align:center"><img border="0" width="500" height="109" style="width:5.2083in;height:1.1354in" id="_x0000_i1102" src="https://files.constantcontact.com/ee1208b4001/93006bb8-92de-4f95-a686-5d396417790e.png"><o:p></o:p></p>
</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%">
<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%">
<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%">
<tbody>
<tr style="height:.75pt">
<td style="background:#5E81CA;padding:0in 0in 4.5pt 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="color:black"><img border="0" width="5" height="1" style="width:.052in;height:.0104in" id="_x0000_i1101" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"></span><o:p></o:p></p>
</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%;background:white">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<p class="MsoNormal" align="center" style="text-align:center"><a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fr20.rs6.net%2Ftn.jsp%3Ff%3D001bjbFnltV40loHhP4gOaWJ7vEJm1S-Vdz33bG47M5-nw9cYeJoKnFe7WZ7m2CMa7VzXItF3inSnf8sVMtiWlc8wB1QDFgXwZlddFeQE0FpB4HxUeDrsdjwwgbNMsEei3AyIGpdDnFuOK_B6NNW_Hge7LC_iYcDZJtbfJRhUYQ4aU%3D%26c%3DMFEDGcku-_a_Lr3vnOedlrp9Z36jSx8HbhomILt6JWoXiwBPbrjcSQ%3D%3D%26ch%3DTo3ARAaDU_Y5Cu549pAjXEXrPasATpq3iUTfZOtQru8zYlqrjIAZsQ%3D%3D&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7C3d26655de2f54be90e9808da8ad062e8%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637974924862071658%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=b5zkWLJgeKIQXHB92TwFuO5%2FxzaE423EF4Zav2Escho%3D&reserved=0"><span style="text-decoration:none"><img border="0" width="600" height="348" style="width:6.25in;height:3.625in" id="_x0000_i1100" src="https://files.constantcontact.com/ee1208b4001/677754a1-7ff1-4a8b-b450-d4db9d80e729.png" alt="back to school"></span></a><o:p></o:p></p>
</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%;background:white">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<p align="center" style="text-align:center"><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Photo by
<a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fr20.rs6.net%2Ftn.jsp%3Ff%3D001bjbFnltV40loHhP4gOaWJ7vEJm1S-Vdz33bG47M5-nw9cYeJoKnFe7lqz37Zl_yZq2Mz_XQ8c-lTY0aQ6EKkkwXAO6FICc6PkWLmAgbXx2Z_AUz-a2BJnobifBx0ylr25gKt6m-E4V6FpFdARck-7jxZlUgKg_QKRqH_wJiHrOQH8ixlBQVaGqdtyW7gqVlkMzuCyCSqL1NrGJA5ljPQK9BfbpS3-6PJTkJx5odOpS2t_78ZonJUut2voaRUlxg4DuqVt-dpV-E%3D%26c%3DMFEDGcku-_a_Lr3vnOedlrp9Z36jSx8HbhomILt6JWoXiwBPbrjcSQ%3D%3D%26ch%3DTo3ARAaDU_Y5Cu549pAjXEXrPasATpq3iUTfZOtQru8zYlqrjIAZsQ%3D%3D&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7C3d26655de2f54be90e9808da8ad062e8%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637974924862071658%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=uIUsXspSXtD%2FHZmRjFOjhQq1q5XkrTmN2T%2BAOS%2BroGQ%3D&reserved=0" target="_blank">
<span style="color:#3661BD">Scott Webb</span></a> on <a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fr20.rs6.net%2Ftn.jsp%3Ff%3D001bjbFnltV40loHhP4gOaWJ7vEJm1S-Vdz33bG47M5-nw9cYeJoKnFew9xQIs0mga5GqP1uif2H0P451U_1_jn17C4WqCnWQYQIzgNv_TpzjCdVuIgUsY4Sy1_2NvoE30tY2-XbCM3pvIqQ15sxCQtxdvvhgL0Bom-1ipV5TLfkqiC1G4WGaI7izJO1WZuKpsef3SVV9iO6_jhZFwyKMBokQZaSs9M0P1RlEQnwfV4mcresvmBayAAFO2xOBZpzb1HMnusf0MxThA%3D%26c%3DMFEDGcku-_a_Lr3vnOedlrp9Z36jSx8HbhomILt6JWoXiwBPbrjcSQ%3D%3D%26ch%3DTo3ARAaDU_Y5Cu549pAjXEXrPasATpq3iUTfZOtQru8zYlqrjIAZsQ%3D%3D&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7C3d26655de2f54be90e9808da8ad062e8%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637974924862227875%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=d6Icb9pYQGrM4zl0OEF8RSI5%2FhwHfq6iaT%2FJbE0QMZg%3D&reserved=0" target="_blank">
<span style="color:#3661BD">Unsplash</span></a><o:p></o:p></span></p>
</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%">
<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%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 3.0pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr style="height:.75pt">
<td style="background:#5E81CA;padding:0in 0in 3.75pt 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="color:black"><img border="0" width="5" height="1" style="width:.052in;height:.0104in" id="_x0000_i1099" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"></span><o:p></o:p></p>
</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%;background:white">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:0in 0in 0in 0in">
<p class="MsoNormal" align="center" style="text-align:center"><a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fr20.rs6.net%2Ftn.jsp%3Ff%3D001bjbFnltV40loHhP4gOaWJ7vEJm1S-Vdz33bG47M5-nw9cYeJoKnFe7E6O-cXMtjlUk8v22iNgnfX0j_D0zFnuqvxontjATDcHj0Z7rQduRzxnxpQNvlHiQqzjtk2dvghIugNkydNvxbIjdsdey1GyJQo9ap2tdkv%26c%3DMFEDGcku-_a_Lr3vnOedlrp9Z36jSx8HbhomILt6JWoXiwBPbrjcSQ%3D%3D%26ch%3DTo3ARAaDU_Y5Cu549pAjXEXrPasATpq3iUTfZOtQru8zYlqrjIAZsQ%3D%3D&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7C3d26655de2f54be90e9808da8ad062e8%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637974924862227875%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=xXl88YKVHVu417%2BcJSRbPVcTVGdotG%2BuYPV3LLWQtKg%3D&reserved=0"><span style="text-decoration:none"><img border="0" width="567" height="211" style="width:5.9062in;height:2.1979in" id="_x0000_i1098" src="https://files.constantcontact.com/ee1208b4001/e25f6bcf-26a8-4e59-91f2-cc248962042d.png"></span></a><o:p></o:p></p>
</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%">
<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%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:3.75pt 0in 3.0pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr style="height:.75pt">
<td style="background:#5E81CA;padding:0in 0in 3.75pt 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="color:black"><img border="0" width="5" height="1" style="width:.052in;height:.0104in" id="_x0000_i1097" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"></span><o:p></o:p></p>
</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%;background:white">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<p><b><span style="font-size:16.5pt;font-family:"Arial",sans-serif;color:#3661BD">Webinars for You
</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p class="MsoNormal" style="margin-left:66.0pt;text-indent:-12.0pt;mso-list:l3 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]><b><span style="font-size:13.5pt;font-family:"Times New Roman",serif;color:#333333">Sep 14: [OFFICE]</span></b><span style="font-size:13.5pt;font-family:"Times New Roman",serif;color:#333333">
<i>Transforming Ugly Duckling Documents Into Swans </i>[3 pm ET for 1 hour] <o:p>
</o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p class="MsoNormal" style="margin-left:66.0pt;text-indent:-12.0pt;mso-list:l0 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]><b><span style="font-size:13.5pt;font-family:"Times New Roman",serif;color:#333333">Sep 28: [WEB TOOLS]</span></b><span style="font-size:13.5pt;font-family:"Times New Roman",serif;color:#333333">
<i>Stop Explaining Over and Over, Create a Loom Video </i>[3 pm ET for 1 hour] <o:p>
</o:p></span></p>
</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%;background:white;width:inherit;border-radius: 5px;border-spacing: 0">
<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%">
<tbody>
<tr>
<td style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" style="background:#C41616">
<tbody>
<tr>
<td style="padding:7.5pt 30.0pt 7.5pt 30.0pt">
<p class="MsoNormal" align="center" style="text-align:center"><span style="color:black"><a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fr20.rs6.net%2Ftn.jsp%3Ff%3D001bjbFnltV40loHhP4gOaWJ7vEJm1S-Vdz33bG47M5-nw9cYeJoKnFe3R41_ZW_EbRW3drveW0s8Vb_jROU71B1H4CycQBO60kyiCb1IJUmJFuBmsBvSwLK1lEz1vz3ABEnGMy7_6-kuqKLu8KYdK9_FtEsQph438g%26c%3DMFEDGcku-_a_Lr3vnOedlrp9Z36jSx8HbhomILt6JWoXiwBPbrjcSQ%3D%3D%26ch%3DTo3ARAaDU_Y5Cu549pAjXEXrPasATpq3iUTfZOtQru8zYlqrjIAZsQ%3D%3D&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7C3d26655de2f54be90e9808da8ad062e8%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637974924862227875%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=uxUlZbL1OQ6u%2Bi66tagCq1xsFZPyasTZgawqQ1dmtt0%3D&reserved=0"><b><span style="font-size:15.0pt;font-family:"Arial",sans-serif;color:white;text-decoration:none">See
Webinar Descriptions and Register Here</span></b></a> </span><o:p></o:p></p>
</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%">
<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%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:3.75pt 0in 3.0pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr style="height:.75pt">
<td style="background:#5E81CA;padding:0in 0in 3.75pt 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="color:black"><img border="0" width="5" height="1" style="width:.052in;height:.0104in" id="_x0000_i1096" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"></span><o:p></o:p></p>
</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%">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<p><b><span style="font-size:15.0pt;font-family:"Arial",sans-serif;color:#3661BD">WEB DESIGN - What is CSS?</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><i><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:black">ADVANCED</span></i><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
</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%">
<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%">
<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="margin-left: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" style="width:.1562in;height:.0104in" id="_x0000_i1095" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
<td style="padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal" align="right" style="text-align:right"><img border="0" width="291" height="194" style="width:3.0312in;height:2.0208in" id="_x0000_i1094" src="https://files.constantcontact.com/ee1208b4001/7ee2a8f6-39d2-4e6a-9da5-1c55b76fd0d8.png" alt="websites"><o:p></o:p></p>
</td>
</tr>
<tr style="height:3.75pt">
<td width="5" 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" style="width:.052in;height:.0104in" id="_x0000_i1093" 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" style="width:.0104in;height:.052in" id="_x0000_i1092" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Do you update your organization's website periodically with events or blog posts? Or maybe you manage a site, but don't have a lot of web design experience. <o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Website
<i>themes</i></span></b><i><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">
</span></i><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">(or "do-it-yourself" platforms)
<b>make it much easier</b> now for someone without specialty training to build a website. These tools allow you to not only add new content... but update your si</span><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#141414">te'<b>s</b><i>
CSS (Cascading Style Sheets)</i></span><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#E94C3A">
</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">without knowing website design "language." You may not realize it, but
<b>when you use the theme or a template's tool to designate details like font styles and background colors ... you're updating the CSS.</b><o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">However, having some basic website "back-end" knowledge can be helpful when you need to make changes beyond what the website theme or platform allows.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">So, if you're curious about more of the inner workings of a website</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">, let's take
a look at the special language called CSS – and how it can help you customize a website.<o:p></o:p></span></p>
</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%">
<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%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr style="height:.75pt">
<td style="background:#5E81CA;padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="color:black"><img border="0" width="5" height="1" style="width:.052in;height:.0104in" id="_x0000_i1091" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"></span><o:p></o:p></p>
</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%">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<p><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#3661BD">What is "CSS"?</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
</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%">
<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%">
<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="margin-right:3.5pt">
<tbody>
<tr style="height:.75pt">
<td style="padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal"><img border="0" width="245" height="163" style="width:2.552in;height:1.6979in" id="_x0000_i1090" src="https://files.constantcontact.com/ee1208b4001/bbc3b375-719c-4d6d-8f1c-a9ba5ccf1d9c.png" alt="CSS"><o:p></o:p></p>
</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" style="width:.1562in;height:.0104in" id="_x0000_i1089" 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" style="width:.0104in;height:.052in" id="_x0000_i1088" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
<td width="5" 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" style="width:.052in;height:.0104in" id="_x0000_i1087" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">CSS stands for
<i>Cascading Style Sheets</i>. </span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Make note that "style" is the keyword here.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Now, we can't talk about
<i>CSS </i>without defining how it interacts with <i>HTML </i>and <i>JavaScript</i> – which are the core languages for building website pages.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Here are some big picture descriptions:</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p class="MsoNormal" style="margin-left:66.0pt;text-indent:-12.0pt;mso-list:l4 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]><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">HTML (Hypertext Markup Language)</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">
<b>is the language that is used to create the <i>structure </i>of a webpage. </b>
It uses tags to allow you to add headers, images, paragraphs, bullets, and other elements. <o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p class="MsoNormal" style="margin-left:66.0pt;text-indent:-12.0pt;mso-list:l2 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]><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">CSS (Cascading Style Sheet) is the language that specifies how your website pages
<i>look</i></span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">… the aesthetics, visual structure and layout. It determines the text and heading styles, size, color, etc. It also controls how the page style changes when
viewed on a desktop versus a mobile device. Without CSS, websites would look pretty dull. <o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p class="MsoNormal" style="margin-left:66.0pt;text-indent:-12.0pt;mso-list:l1 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]><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">JavaScript</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">
<b>is layered in to make the site interactive.</b> It is used in features like animated graphics sliding in and out, interactive forms, or pop-up messages. JavaScript creates anything that is dynamic. For example, if you're viewing a product and you zoom in
to see the image closer -- JavaScript makes that happen.<o:p></o:p></span></p>
</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%">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Here's a simplified analogy.</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"> Think about it in terms of building a house. HTML
is the frame, the foundation, and the walls. CSS provides the paint, furnishings, and curtains to make it look nice. And JavaScript allows the doors and windows to open.<o:p></o:p></span></p>
</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%">
<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%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:7.5pt 0in 7.5pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="94%" style="width:94.0%">
<tbody>
<tr style="height:.75pt">
<td style="background:#5E81CA;padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="color:black"><img border="0" width="5" height="1" style="width:.052in;height:.0104in" id="_x0000_i1086" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"></span><o:p></o:p></p>
</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%">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<p><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#3661BD">What are the Benefits of CSS?</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Okay, now we know that HTML is used in building the website structure, CSS is layered on top for the look and feel of the site and JavaScript adds the fun movement.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Instead of defining the styles within each individual page</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">, frequently used details
can be defined <i>once </i>in a <i>Cascading Style Sheet</i> ... which is then used for every page that references the CSS file.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">So let's look at why CSS is important and the benefits it adds to a website.<o:p></o:p></span></p>
</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%">
<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%">
<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="margin-left: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" style="width:.1562in;height:.0104in" id="_x0000_i1085" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
<td style="padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal" align="right" style="text-align:right"><img border="0" width="200" height="222" style="width:2.0833in;height:2.3125in" id="_x0000_i1084" src="https://files.constantcontact.com/ee1208b4001/512c8c4f-82fe-4159-8165-c598f592c5de.png"><o:p></o:p></p>
</td>
</tr>
<tr style="height:3.75pt">
<td width="5" 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" style="width:.052in;height:.0104in" id="_x0000_i1083" 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" style="width:.0104in;height:.052in" id="_x0000_i1082" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">1. CSS provides ease in formatting changes.
</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">At the top of the list is that the CSS is a "one-stop shop." It contains all of the formatting for things like heading styles so you only need to change something in
<i>one </i>place. The CSS updates the change on <i>every </i>page of your site. This way you don't need to go to each place to modify the heading.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">For example</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">, you've set up your main "H1" heading style as a certain font, size
and color. Later, if you want to make it a little bit smaller, you only have to edit the font size in the CSS stylesheet
<i>one </i>time to update it in <i>each </i>place used on your site.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">NOTE:</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"> In many current platforms/themes you don't even need to edit the CSS stylesheet.
Instead, you can make a change in the <i>theme </i>for that heading style, and then it dynamically updates the CSS for you.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">2. Website consistency for a more uniform look and style.
</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">CSS helps to keep your website easier for the viewer to interpret. If pages had different formatting on each, they would not appear cohesive and consistent. You wouln't maintain
your brand and style.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">3. Your pages will load faster.</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">CSS allows you to use less code on each page because the aesthetic variables are noted in the CSS file instead of on each page. Therefore, with fewer lines of code to load per
page or post, the user will enjoy a faster page load experience.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">4. Responsiveness across all devices.</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Websites are viewed on large monitors, tablets, and smaller mobile devices. This means that a site needs to be compatible, or "responsive", on all sizes of screens so that the
page content is viewed as it was meant to be. CSS (combined with HTML) makes responsiveness possible. <o:p></o:p></span></p>
</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%">
<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%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:7.5pt 0in 7.5pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="94%" style="width:94.0%">
<tbody>
<tr style="height:.75pt">
<td style="background:#5E81CA;padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="color:black"><img border="0" width="5" height="1" style="width:.052in;height:.0104in" id="_x0000_i1081" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"></span><o:p></o:p></p>
</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%">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<p><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#3661BD">Making Changes to CSS</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
</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%">
<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%">
<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="margin-left: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" style="width:.1562in;height:.0104in" id="_x0000_i1080" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
<td style="padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal" align="right" style="text-align:right"><img border="0" width="248" height="197" style="width:2.5833in;height:2.052in" id="_x0000_i1079" src="https://files.constantcontact.com/ee1208b4001/002f1f67-fc19-448b-ad84-f883be416650.png" alt="css"><o:p></o:p></p>
</td>
</tr>
<tr style="height:3.75pt">
<td width="5" 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" style="width:.052in;height:.0104in" id="_x0000_i1078" 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" style="width:.0104in;height:.052in" id="_x0000_i1077" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Many web platforms have built-in options to set the elements</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">
<b>of CSS</b> so that you don't need to learn the coding language. Instead, you can simply designate the main text font style, the header font style and color, the hyperlink color, and so forth for the entire site.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Then there may be times when you want to add or change something in the CSS</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"> that
isn't part of the theme's functionality. For example, in Tech-Talk.com, we wanted to add a background color to the widget area (the items in the right margin of an article post). We had to make that addition to the CSS manually.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">However, if you have not had training in updating files like CSS, it's best to put in a request to your IT department or a website developer as it is a whole "language" in itself.<o:p></o:p></span></p>
</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%">
<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%">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 3.75pt 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr style="height:.75pt">
<td style="background:#5E81CA;padding:0in 0in 5.25pt 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="color:black"><img border="0" width="5" height="1" style="width:.052in;height:.0104in" id="_x0000_i1076" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"></span><o:p></o:p></p>
</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%;background:white">
<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%">
<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="margin-right:3.5pt">
<tbody>
<tr style="height:.75pt">
<td style="padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal"><img border="0" width="180" height="119" style="width:1.875in;height:1.2395in" id="_x0000_i1075" src="https://files.constantcontact.com/ee1208b4001/41d9a61c-7e5a-4de3-b0a4-4021dd05cea3.png"><o:p></o:p></p>
</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" style="width:.1562in;height:.0104in" id="_x0000_i1074" 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" style="width:.0104in;height:.052in" id="_x0000_i1073" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
<td width="5" 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" style="width:.052in;height:.0104in" id="_x0000_i1072" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
<p><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#333333">Communications</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><i><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Getting a Word In</span></i><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">There are times in a meeting, or in a one-on-one conversation, when you have trouble getting a word in. Perhaps it's because the other person won't stop talking or even pause
for you to scoot in. Or it may be that you're trying to make a point, but an individual keeps interrupting you ... not letting you finish.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Here's a technique that you can use in these situations</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">: hold up your hand, palm
toward them. That movement catches the eye and registers. If they keep talking (or interrupting), move the hand a little more forward.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">This technique is called the
<i>Bookmark</i></span></b><i><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">. </span></i><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"> It is one of a number of ideas found in the bestselling
book <i>Cues</i> by Vanessa Van Edwards. I like it because you don't have to say a thing. Let your hand do it quietly, yet effectively.<o:p></o:p></span></p>
</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%">
<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%">
<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%">
<tbody>
<tr style="height:.75pt">
<td style="background:#5E81CA;padding:0in 0in 5.25pt 0in;height:.75pt">
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:.75pt">
<span style="color:black"><img border="0" width="5" height="1" style="width:.052in;height:.0104in" id="_x0000_i1071" src="https://imgssl.constantcontact.com/letters/images/1101116784221/S.gif"></span><o:p></o:p></p>
</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%;background:white">
<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%">
<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="margin-right:3.5pt">
<tbody>
<tr style="height:.75pt">
<td style="padding:0in 0in 0in 0in;height:.75pt">
<p class="MsoNormal"><img border="0" width="180" height="148" style="width:1.875in;height:1.5416in" id="_x0000_i1070" src="https://files.constantcontact.com/ee1208b4001/da1c6ee9-ba35-4af5-9c80-8e1b5781189e.png"><o:p></o:p></p>
</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" style="width:.1562in;height:.0104in" id="_x0000_i1069" 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" style="width:.0104in;height:.052in" id="_x0000_i1068" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
<td width="5" 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" style="width:.052in;height:.0104in" id="_x0000_i1067" src="https://imgssl.constantcontact.com/letters/images/sys/S.gif"><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
<p><b><span style="font-size:13.5pt;font-family:"Arial",sans-serif;color:#333333">Leadership</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><i><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Adding "fun" into your work</span></i><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">The more
<i>fun </i>you have working, the more joy your colleagues will get out of their jobs as well.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Now, I'm not saying the job is always fun-worthy. Nor is it a leader's responsibility to ensure everyone enjoys what they do all the time. <o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">But if you feel as if work is too much of a grind for too long</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">, it probably means
that there is a need to add an element of fun ... for your sake and that of the folks around you.<o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Fun doesn't have to be parties and cute hats.
</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">It's an attitude<b>.
</b>It can simply mean a lightness of spirit as you approach daily activities. Put on a happy smile to share, knowing that both your joys and tribulations can end up with positive results. <o:p></o:p></span></p>
<p><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333"><o:p> </o:p></span></p>
<p><b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">Your attitude could be</span></b><span style="font-size:12.0pt;font-family:"Times New Roman",serif;color:#333333">, "<i>Hey, in all this turmoil we might as well have some
fun, right?"</i><o:p></o:p></span></p>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<p class="MsoNormal" align="center" style="text-align:center"><span style="display:none"><o:p> </o:p></span></p>
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:#3661BD">
<tbody>
<tr>
<td width="100%" valign="top" style="width:100.0%;padding:0in 0in 0in 0in">
<div>
<p class="MsoNormal" align="center" style="text-align:center;mso-line-height-alt:8.25pt">
<span style="color:black"> </span><o:p></o:p></p>
</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%;background:#3661BD">
<tbody>
<tr>
<td width="50%" valign="top" style="width:50.0%;padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<p class="MsoNormal" align="center" style="text-align:center"><a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fr20.rs6.net%2Ftn.jsp%3Ff%3D001bjbFnltV40loHhP4gOaWJ7vEJm1S-Vdz33bG47M5-nw9cYeJoKnFe3OI_lPd8FsDDgV8yxwlmNOt85L0GeWbXdr3ldI-e1nbli99362AmThuIVACdAPodUah8pbrzeIi1GM_S7BQvxLXh3rK5BCqUfjLuveMgt71%26c%3DMFEDGcku-_a_Lr3vnOedlrp9Z36jSx8HbhomILt6JWoXiwBPbrjcSQ%3D%3D%26ch%3DTo3ARAaDU_Y5Cu549pAjXEXrPasATpq3iUTfZOtQru8zYlqrjIAZsQ%3D%3D&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7C3d26655de2f54be90e9808da8ad062e8%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637974924862227875%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=gEhs%2BWPtKmwirq5wN1Gasm1j%2FG3aC%2F2Y0%2FapMctzbZc%3D&reserved=0"><span style="text-decoration:none"><img border="0" width="272" height="182" style="width:2.8333in;height:1.8958in" id="_x0000_i1066" src="http://files.constantcontact.com/ee1208b4001/b13a7a6a-7445-4d8e-b741-4b475385ef5b.png"></span></a><o:p></o:p></p>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td width="50%" valign="top" style="width:50.0%;padding:0in 0in 0in 0in">
<div align="center">
<table class="MsoNormalTable" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 0in 7.5pt 0in">
<p class="MsoNormal" align="center" style="text-align:center"><a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fr20.rs6.net%2Ftn.jsp%3Ff%3D001bjbFnltV40loHhP4gOaWJ7vEJm1S-Vdz33bG47M5-nw9cYeJoKnFewNxaRgZuuqjWNveXU9_eijfRDxYi-YY_m1Ni9IlzWqRsx2S1C7NVCmxoihjsMeutlbhozElTBvAh6-DLB6I14zSmmJzX4BAtOhHONCw0Z5e8GQnRfK3AMM%3D%26c%3DMFEDGcku-_a_Lr3vnOedlrp9Z36jSx8HbhomILt6JWoXiwBPbrjcSQ%3D%3D%26ch%3DTo3ARAaDU_Y5Cu549pAjXEXrPasATpq3iUTfZOtQru8zYlqrjIAZsQ%3D%3D&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7C3d26655de2f54be90e9808da8ad062e8%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637974924862227875%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=WMBIUD34NNddjjKBVVgkGA2CB0yFm5IuWAZdP%2FDAp6I%3D&reserved=0"><span style="text-decoration:none"><img border="0" width="271" height="181" style="width:2.8229in;height:1.8854in" id="_x0000_i1065" src="http://files.constantcontact.com/ee1208b4001/8751eb23-fa9b-43ba-9f5f-7e80a465c6c5.png" alt="Ask a question"></span></a><o:p></o:p></p>
</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%">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:7.5pt 15.0pt 7.5pt 15.0pt">
<div>
<div>
<p class="MsoNormal"><span style="font-size:9.0pt;font-family:"Arial",sans-serif;color:#333333">Copyright 1996-2022 Shared Results International. Published weekly. Distribution is limited by license. For information on how to include additional recipients,
contact <a href="mailto:support@tech-talk.com">support@tech-talk.com</a> 941-355-2092. <o:p></o:p></span></p>
<p class="MsoNormal" align="center" style="text-align:center"><b><span style="font-size:9.0pt;font-family:"Arial",sans-serif">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.<o:p></o:p></span></b></p>
<p class="MsoNormal"><span style="font-size:9.0pt;font-family:"Arial",sans-serif;color:#333333"><o:p> </o:p></span></p>
<p class="MsoNormal"><b><span style="font-size:14.0pt">Darci Hanning, MLIS (she/her/hers)<o:p></o:p></span></b></p>
<p class="MsoNormal">Public Library Consultant / CE Coordinator<o:p></o:p></p>
<p class="MsoNormal" style="line-height:115%">State Library of Oregon <b>|</b> Library Support and Development Services
<o:p></o:p></p>
<p class="MsoNormal" style="line-height:115%">971-375-3491 <b>|</b> <a href="mailto:darci.hanning@slo.oregon.gov">
<span style="color:#0563C1">darci.hanning@slo.oregon.gov</span></a> <b>|</b> <a href="https://gcc02.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwww.oregon.gov%2Flibrary&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7Cfce2c03b3a174bdeac5008da86af4cee%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637970384721228694%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=R%2Boup99zZs%2FyEu6AiDwg9FA%2BIU8oXo%2BpCMQDvh%2BkuiQ%3D&reserved=0">
<span style="color:#0563C1">www.oregon.gov/library</span></a> <u><span style="color:#0563C1"><o:p></o:p></span></u></p>
<p class="MsoNormal">Follow @StateLibraryOR: <a href="https://gcc02.safelinks.protection.outlook.com/?url=http%3A%2F%2Ffb.me%2FStateLibraryOR&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7Cfce2c03b3a174bdeac5008da86af4cee%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637970384721228694%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=tvMukh7a6R6CHvl391CRP2y6rtbOi1X%2F%2FNm5r9DXl6o%3D&reserved=0">
<span style="color:#0563C1">Facebook</span></a> <b>|</b> <a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Ftwitter.com%2FStateLibraryOR&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7Cfce2c03b3a174bdeac5008da86af4cee%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637970384721228694%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=ViDRdIOCDbn9m8qMonWbeVWQzronSk8HvoPLhZuKDlI%3D&reserved=0">
<span style="color:#0563C1">Twitter</span></a> <b>|</b> <a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.instagram.com%2Fstatelibraryor%2F&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7Cfce2c03b3a174bdeac5008da86af4cee%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637970384721228694%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=jC%2FggbkJGRa7jVb2FTlW9TFyDiZQMOz%2FBQhZhBh3QJk%3D&reserved=0">
<span style="color:#0563C1">Instagram</span></a> <b>|</b> <a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fpinterest.com%2Fstatelibraryor%2F&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7Cfce2c03b3a174bdeac5008da86af4cee%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637970384721228694%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=E8%2Bq6hW1XFGXh0S5CxWAjmamNjrMZlF%2FksImG7Ifc0M%3D&reserved=0">
<span style="color:#0563C1">Pinterest</span></a> <b>|</b> <a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.youtube.com%2Fchannel%2FUC0-kU8Gu0jS_YcnXg-b_TRA%2Ffeatured&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7Cfce2c03b3a174bdeac5008da86af4cee%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637970384721228694%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=3bBuecaYChV0UwyJwRSQgRteepbGQC0tJRX1BuAet%2BE%3D&reserved=0">
<span style="color:#0563C1">YouTube</span></a><o:p></o:p></p>
<p class="MsoNormal"><b>Continuing Education Resources: </b><a href="https://gcc02.safelinks.protection.outlook.com/?url=https%3A%2F%2Flibguides.osl.state.or.us%2Fconted&data=05%7C01%7CDarci.HANNING%40slo.oregon.gov%7Cfce2c03b3a174bdeac5008da86af4cee%7Caa3f6932fa7c47b4a0cea598cad161cf%7C0%7C0%7C637970384721228694%7CUnknown%7CTWFpbGZsb3d8eyJWIjoiMC4wLjAwMDAiLCJQIjoiV2luMzIiLCJBTiI6Ik1haWwiLCJXVCI6Mn0%3D%7C3000%7C%7C%7C&sdata=OGppXGoLfkpBQ4IcG0TxJy7R%2Ff%2BVkORi7FQZ7rhXnH4%3D&reserved=0"><span style="color:#0563C1">https://libguides.osl.state.or.us/conted</span></a><span style="font-size:8.0pt"><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt"><br>
</span><img border="0" width="342" height="43" style="width:3.5625in;height:.4479in" id="Picture_x0020_43" src="cid:image001.png@01D8BC87.D8DCDE70"><span style="font-family:"Arial",sans-serif"><o:p></o:p></span></p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<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%">
<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%">
<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%">
<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%">
<tbody>
<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:white">
<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%">
<tbody>
<tr>
<td valign="top" style="padding:12.0pt 0in 12.0pt 0in"></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal"><o:p> </o:p></p>
</div>
</div>
</body>
</html>