<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<table style="border-spacing:0;font-family: 'Lato', Helvetica,
Arial, sans-serif;background-color:#598fad;" border="0"
cellspacing="0" cellpadding="0" align="left" width="100%">
<!-- START SEPARATOR --> <tbody>
<tr>
<td id="separator-1"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:5px;color:#ffffff;line-height:5px;mso-line-height-rule:exactly;background-color:#598fad;">
<p
style="font-size:11px;line-height:11px;color:#000;font-family:arial;margin-top:10px;margin-bottom:10px"
align="center"><a
href="http://www.whoi.edu/administration/development/sciencestroll/index.html"><span
style="color:#dcdcdc;text-decoration:underline">Click
here</span></a> to view this message in your browser</p>
</td>
</tr>
<!-- END SEPARATOR -->
<!-- START HEADER --> <tr>
<td id="logo-region-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#598fad;"
align="center">
<center class="wrapper"
style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit" style="max-width:600px;">
<!-- START PREHEADER -->
<div id="preheader" style="font-family: 'Lato',
Helvetica, Arial,
sans-serif;;font-size:1px;color:#ffffff;line-height:1px;mso-line-height-rule:exactly;display:none;max-width:0px;max-height:0px;opacity:0;overflow:hidden;mso-hide:all;">
<!-- Your preheader text goes here --> </div>
<!-- END PREHEADER -->
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table class="outer"
style="border-spacing:0;font-family: 'Lato',
Helvetica, Arial, sans-serif;;Margin:0
auto;width:100%;max-width:600px" border="0"
cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td
style="padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;text-align:center;font-size:0;">
<!--[if (gte mso 9)|(IE)]>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
<tr>
<td valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<div id="logo"
style="width:100%;max-width:600px;display:inline-block;vertical-align:bottom;">
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellspacing="0" cellpadding="0"
bgcolor="#12355A" width="100%">
<tbody>
<tr>
<td
style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:left;"
border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:10px;padding-bottom:20px;padding-right:0;padding-left:0;">
<p
style="font-size:22px;line-height:22px;color:#5fc8f2;"
align="center">A FREE public
event</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellspacing="0" cellpadding="0"
bgcolor="#006d97" width="100%">
<tbody>
<tr>
<td
style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:center;"
border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:10px;padding-bottom:20px;padding-right:0;padding-left:0;">
<span
style="font-size:56px;color:#ffffff;text-shadow:
2px 4px 3px
rgba(0,0,0,0.3);"><span
style="font-size:36px">Woods
Hole</span><br>
Science Stroll</span> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellspacing="0" cellpadding="0"
bgcolor="#12355A" width="100%">
<tbody>
<tr>
<td
style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:center;"
border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:10px;padding-bottom:20px;padding-right:0;padding-left:0;">
<p
style="font-size:36px;line-height:50px;color:#fff;margin:0;padding:0;text-align:center"
align="center">Saturday,
August 12, 2017 <br>
10 a.m. - 3 p.m </p>
<p
style="font-size:30px;line-height:30px;color:#fff;"
align="center"><a
href="https://www.google.com/maps/place/Water+St,+Woods+Hole,+MA+02543/@41.5245592,-70.6708626,17z/data=%213m1%214b1%214m2%213m1%211s0x89e4d880ced3079d:0xc0ff5bb91c4b7453"
style="color:#fff"
target="_blank">Water
Street</a>, Woods Hole</p>
<p
style="font-size:36px;line-height:30px;color:#5fc8f2;margin-bottom:20px;margin-top:40px;padding-bottom:10px"
align="center">Fun for the
whole family</p>
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;" border="0"
cellspacing="0"
cellpadding="0"
bgcolor="#006d97"
width="100%">
<tbody>
<tr>
<td
style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica,
Arial,
sans-serif;;width:100%;font-size:14px;text-align:center;"
border="0"
cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:10px;padding-bottom:10px;padding-right:0;padding-left:0;">
<p
style="font-size:24px;line-height:32px;color:#5fc8f2;margin-bottom:20px;margin-top:10px;padding-bottom:0"
align="center">To
sign up for a
free ship
tour, please
visit <a
href="http://www.woodsholesciencestroll.org">woodsholesciencestroll.org</a></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- EXPLORE - START FEATURED ARTICLE, IMAGE LEFT/TEXT RIGHT -->
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;
background-color:#12355A"
border="0" cellspacing="0"
cellpadding="0" width="100%">
<tbody>
<tr>
<td
id="featured-article-1-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"
align="center">
<center
class="wrapper"
style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit"
style="max-width:600px;">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table
class="outer"
style="border-spacing:0;font-family:
'Lato',
Helvetica,
Arial,
sans-serif;;Margin:0
auto;width:100%;max-width:600px;" border="0" cellspacing="0"
cellpadding="0"
align="center">
<tbody>
<tr>
<td
class="two-column
padding-topbottom-10"
style="padding-top:10px;padding-bottom:0px;padding-right:0;padding-left:10px;text-align:center;font-size:0;">
<!--[if (gte mso 9)|(IE)]>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
<tr>
<td width="50%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<div
id="featured-article-1-image"
style="width:100%;max-width:280px;display:inline-block;vertical-align:top;">
<table
style="border-spacing:0;font-family:
'Lato',
Helvetica,
Arial,
sans-serif;;"
border="0"
cellspacing="0"
cellpadding="0" width="100%">
<tbody>
<tr>
<td
class="padding-toprightleft-20"
style="padding-top:20px;padding-bottom:0;padding-right:20px;padding-left:0px;">
<table
class="contents"
style="border-spacing:0;font-family: 'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:left;"
border="0"
cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<img
src="http://www.whoi.edu/administration/development/woodsholesciencestroll/1.jpg"
alt="Explore"
style="border-width:0;width:100%;height:auto;max-width:280px;margin-bottom:20px;"
width="280"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="50%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<div
id="featured-article-1-text"
style="width:100%;max-width:300px;display:inline-block;vertical-align:top;">
<table
style="border-spacing:0;font-family:
'Lato',
Helvetica,
Arial,
sans-serif;;"
border="0"
cellspacing="0"
cellpadding="0" width="100%">
<tbody>
<tr>
<td
class="padding-20"
style="padding-top:0px;padding-bottom:30px;padding-right:0px;padding-left:0px;">
<table
class="contents"
style="border-spacing:0;font-family: 'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:left;"
border="0"
cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:10px;padding-left:0;">
<p
style="font-size:18px;line-height:26px;color:#dddddd">
<span
style="color:#ffffff;font-size:20px">EXPLORE</span><br>
science on the
streets of
Woods Hole and
get an
up-close view
of a working
research
vessel.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </div>
</center>
</td>
</tr>
<!-- END FEATURED ARTICLE, IMAGE LEFT/TEXT RIGHT -->
</tbody>
</table>
<!-- ENGAGE - START FEATURED ARTICLE, IMAGE LEFT/TEXT RIGHT -->
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;
background-color:#12355A"
border="0" cellspacing="0"
cellpadding="0" width="100%">
<tbody>
<tr>
<td
id="featured-article-1-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"
align="center">
<center
class="wrapper"
style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit"
style="max-width:600px;">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table
class="outer"
style="border-spacing:0;font-family:
'Lato',
Helvetica,
Arial,
sans-serif;;Margin:0
auto;width:100%;max-width:600px;" border="0" cellspacing="0"
cellpadding="0"
align="center">
<tbody>
<tr>
<td
class="two-column
padding-topbottom-10"
style="padding-top:10px;padding-bottom:0px;padding-right:0;padding-left:10px;text-align:center;font-size:0;">
<!--[if (gte mso 9)|(IE)]>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
<tr>
<td width="50%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<div
id="featured-article-1-image"
style="width:100%;max-width:280px;display:inline-block;vertical-align:top;">
<table
style="border-spacing:0;font-family:
'Lato',
Helvetica,
Arial,
sans-serif;;"
border="0"
cellspacing="0"
cellpadding="0" width="100%">
<tbody>
<tr>
<td
class="padding-toprightleft-20"
style="padding-top:20px;padding-bottom:0;padding-right:20px;padding-left:0px;">
<table
class="contents"
style="border-spacing:0;font-family: 'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:left;"
border="0"
cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<img
src="http://www.whoi.edu/administration/development/sciencestroll/engage.jpg"
alt="ENGAGE"
style="border-width:0;width:100%;height:auto;max-width:280px;margin-bottom:20px;"
width="280"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="50%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<div
id="featured-article-1-text"
style="width:100%;max-width:300px;display:inline-block;vertical-align:top;">
<table
style="border-spacing:0;font-family:
'Lato',
Helvetica,
Arial,
sans-serif;;"
border="0"
cellspacing="0"
cellpadding="0" width="100%">
<tbody>
<tr>
<td
class="padding-20"
style="padding-top:0px;padding-bottom:30px;padding-right:0px;padding-left:0px;">
<table
class="contents"
style="border-spacing:0;font-family: 'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:left;"
border="0"
cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:10px;padding-left:0;">
<p
style="font-size:18px;line-height:26px;color:#dddddd"><span
style="color:#ffffff;font-size:20px;">ENGAGE</span><br>
with people
from 18
organizations
and the
discoveries
they are
making.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </div>
</center>
</td>
</tr>
<!-- END FEATURED ARTICLE, IMAGE LEFT/TEXT RIGHT -->
</tbody>
</table>
<!-- TAKE PART - START FEATURED ARTICLE, IMAGE LEFT/TEXT RIGHT -->
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;
background-color:#12355A"
border="0" cellspacing="0"
cellpadding="0" width="100%">
<tbody>
<tr>
<td
id="featured-article-1-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"
align="center">
<center
class="wrapper"
style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit"
style="max-width:600px;">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table
class="outer"
style="border-spacing:0;font-family:
'Lato',
Helvetica,
Arial,
sans-serif;;Margin:0
auto;width:100%;max-width:600px;" border="0" cellspacing="0"
cellpadding="0"
align="center">
<tbody>
<tr>
<td
class="two-column
padding-topbottom-10"
style="padding-top:10px;padding-bottom:0px;padding-right:0;padding-left:10px;text-align:center;font-size:0;">
<!--[if (gte mso 9)|(IE)]>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
<tr>
<td width="50%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<div
id="featured-article-1-image"
style="width:100%;max-width:280px;display:inline-block;vertical-align:top;">
<table
style="border-spacing:0;font-family:
'Lato',
Helvetica,
Arial,
sans-serif;;"
border="0"
cellspacing="0"
cellpadding="0" width="100%">
<tbody>
<tr>
<td
class="padding-toprightleft-20"
style="padding-top:20px;padding-bottom:0;padding-right:20px;padding-left:0px;">
<table
class="contents"
style="border-spacing:0;font-family: 'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:left;"
border="0"
cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<img
src="http://www.whoi.edu/administration/development/sciencestroll/take-part.jpg"
alt="TAKE
PART"
style="border-width:0;width:100%;height:auto;max-width:280px;margin-bottom:20px;"
width="280"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
<td width="50%" valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<div
id="featured-article-1-text"
style="width:100%;max-width:300px;display:inline-block;vertical-align:top;">
<table
style="border-spacing:0;font-family:
'Lato',
Helvetica,
Arial,
sans-serif;;"
border="0"
cellspacing="0"
cellpadding="0" width="100%">
<tbody>
<tr>
<td
class="padding-20"
style="padding-top:0px;padding-bottom:30px;padding-right:0px;padding-left:0px;">
<table
class="contents"
style="border-spacing:0;font-family: 'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:left;"
border="0"
cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:10px;padding-left:0;">
<p
style="font-size:18px;line-height:26px;color:#dddddd"><span
style="color:#ffffff;font-size:20px">TAKE PART</span><br>
in science
demos,
hands-on
activities,
and crafts for
kids.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </div>
</center>
</td>
</tr>
<!-- END FEATURED ARTICLE, IMAGE LEFT/TEXT RIGHT -->
</tbody>
</table>
<p
style="font-size:30px;line-height:30px;color:#5fc8f2;margin-bottom:0;padding-bottom:0"
align="center">Participating
Science Organizations</p>
<p
style="font-size:15px;line-height:24px;color:#dddddd;margin-left:20px;margin-right:20px;margin-bottom:20px">
<a
href="https://500womenscientists.org/">500
Women Scientists</a>, <a
href="http://www.savebuzzardsbay.org/">Buzzards Bay Coalition</a>, <a
href="http://falmouthstemboosters.org/">Falmouth
STEM Boosters</a>, <a
href="http://www.falmouthwaters.org/skipstraws/">Falmouth
Water Stewards</a>, <a
href="http://www.mbl.edu/">Marine
Biological Laboratory</a>,
<a
href="http://www.nefsc.noaa.gov/">NOAA
Fisheries</a>, <a
href="https://www.ncdc.noaa.gov/rcsd/eastern">NOAA
NESDIS Climate Services</a>,
<a
href="http://www.omao.noaa.gov/">NOAA
Office of Marine &
Aviation Operation</a>, <a
href="http://www.sea.edu/">Sea
Education Association</a>,
<a
href="http://www.uscg.mil/d1/stawoodshole/">United
States Coast Guard</a>, <a
href="http://woodshole.er.usgs.gov/">United States Geological Survey</a>,
<a
href="http://www.capeandislands.org/">WCAI</a>,
<a
href="http://www.whoi.edu/whstep/">WHSTEP</a>,
<a
href="http://www.woodsholefilmfestival.org/">Woods
Hole Film Festival</a>, <a
href="http://www.woodsholemuseum.org/">Woods Hole Historical Museum</a>,
<a
href="http://www.whrc.org/">Woods
Hole Research Center</a>,
<a
href="http://www.whoi.edu/">Woods
Hole Oceanographic
Institution</a>, <a
href="http://zephyrmarine.org/">Zephyr
Marine</a></p>
<hr style="border-top: 1px
dashed #ddd;">
<p
style="font-size:24px;line-height:26px;color:#fff;margin-top:30px"
align="center"><a
href="http://woodsholesciencestroll.org"
style="color:#ffffff">woodsholesciencestroll.org</a>
• (508) 289-2252</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellspacing="0" cellpadding="0"
bgcolor="#006d97" width="100%">
<tbody>
<tr>
<td
style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:center;"
border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:10px;padding-bottom:20px;padding-right:0;padding-left:0;">
<p
style="font-size:18px;line-height:26px;color:#ffffff;margin-left:10px;margin-right:10px"
align="center">We encourage
people to <a
href="http://www.capecodbikeguide.com/shiningsea.asp"
target="_blank"
style="color:#fff">ride
their bikes</a> or take
the <a
href="http://www.capecodtransit.org/whoosh-route.htm"
target="_blank"
style="color:#fff">WHOOSH
Trolley</a> to Woods Hole
Village, as parking is
limited. Help keep plastics
out of the ocean by bringing
your own refillable water
bottle! We'll have water
refill stations throughout
the stroll. </p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </div>
</center>
</td>
</tr>
<!-- END HEADER -->
<!-- START ARTICLE 1 -->
<!-- END ARTICLE 1 -->
<!-- START HERO B -->
<!-- END HERO B -->
<!-- START FOOTER -->
<!-- END FOOTER -->
</tbody>
</table>
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Lato"
rel="stylesheet">
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {border-collapse: collapse !important;}
</style>
<![endif]-->
<style type="text/css">
body {
Margin: 0;
padding: 0;
min-width: 100%;
background-color: #ffffff;
}
table {
border-spacing: 0;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
td {
padding: 0;
}
img {
border: 0;
}
.wrapper {
width: 100%;
table-layout: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.webkit {
max-width: 600px;
}
.outer {
Margin: 0 auto;
width: 100%;
max-width: 600px;
}
.contents {
width: 100%;
}
.center {
text-align: center;
}
p, h1, h2 {
Margin: 0;
}
h1, h2, h3 {font-weight:normal;}
h1 {
font-size: 26px;
line-height: 34px;
Margin-bottom: 16px;
}
h2 {
font-size: 18px;
line-height: 26px;
Margin-bottom: 18px;
}
.one-column h1,
.one-column h2 {
color: #1f212d;
}
.one-column-article h1 span {
font-size: 22px;
color: #ffffff;
background-color: #1f212d;
text-transform: uppercase;
padding: 10px;
}
.two-column h1,
.two-column h2 {
color: #1f212d;
}
#logo h1 {
font-size: 26px;
Margin-bottom: 0px;
}
#hero-text h1,
#hero-text h2 {
color: #ffffff;
}
#cta-text h1,
#cta-text h2 {
color: #ffffff;
}
#featured-article-1-text h1,
#featured-article-1-text h2 {
color: #1f212d;
}
#featured-article-2 h1,
#featured-article-2 h2 {
color: #172d46;
}
#footer h1, #footer h2 {
color: #ffffff;
}
p {
font-size: 16px;
line-height: 24px;
Margin-top: 16px;
}
.one-column p,
.two-column p,
.one-column-article,
#featured-article-1-text p,
#featured-article-2 p {
color: #1f212d;
}
#featured-article-1-text p {
color: #1f212d;
}
#hero-text p,
#cta-text p {
color: #ffffff;
}
#hero-text p {
Margin-bottom: 20px;
}
#footer p {
font-size: 13px;
line-height: 20px;
Margin-bottom: 16px;
color: #ffffff;
}
.italic {
font-style: italic;
}
.bold {
font-weight: bold;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
a {
color: #4A90E2;
color: #ffffff;
text-decoration: none;
}
#footer a {
color: #ffffff;
text-decoration: underline;
}
.button-link-1,
.button-link-2,
.button-link-3,
.button-link-4 {
display: block;
text-decoration: none;
border: 0;
text-align: center;
font-weight: bold;
font-size: 15px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
line-height: 30px;
}
.button-link-1 {
color: #ffffff;
background: #27668f;
border: 5px solid #6daaf1;
}
.button-link-2 {
color: #1f212d;
background: #ffffff;
border: 5px solid #27668f;
}
.button-link-3 {
color: #1f212d;
background: #ffffff;
border: 5px solid #cccccc;
}
.button-link-4 {
color: #1f212d;
background: #ffffff;
border: 5px solid #eeeeee;
}
.button-radius {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.padding-10 {
padding: 10px;
}
.padding-top-10 {
padding: 10px 0 0 0;
}
.padding-topbottom-10 {
padding: 10px 0 10px 0;
}
.padding-20 {
padding: 20px;
}
.padding-top-20 {
padding: 20px 0 0 0;
}
.padding-topbottom-20 {
padding: 20px 0 20px 0;
}
.padding-toprightleft-20 {
padding: 20px 20px 0 20px;
}
.padding-rightleft-20 {
padding: 0px 20px 0 20px;
}
.padding-toprightleft-30 {
padding: 30px 20px 0 20px;
}
.padding-toprightleft-35 {
padding: 35px 20px 0 20px;
}
.two-column img,
.three-column img,
.full-width-image img,
#logo img,
#social-media img,
#hero-image img,
#cta-image img,
.left-sidebar img,
.right-sidebar img {
width: 100%;
height: auto;
}
.two-column img {
max-width: 260px;
}
.three-column img {
max-width: 160px;
}
.full-width-image img {
max-width: 600px;
}
#logo img {
max-width: 600px;
}
#social-media img {
max-width: 22px;
}
#hero-image img {
max-width: 260px;
}
#cta-image img {
max-width: 30px;
}
.left-sidebar img {
max-width: 60px;
}
.right-sidebar img {
max-width: 60px;
}
#logo-region-back,
.fullwidthimage-region-back,
.article-back {
background-color: #ffffff;
}
#featured-article-1-back {
/*background-color: #eeeeee;*/
}
#subhead-region-back {
background-color: #ffffff;
}
#cta-region-back {
background-color: #333333;
}
#hero-region-back {
background-color: #27668f;
}
#featured-article-2-back {
background-color: #eeeeee;
}
#separator-1,
#separator-2,
#separator-3 {
font-size: 5px;
color: #ffffff;
line-height: 5px;
mso-line-height-rule: exactly;
}
#separator-1 {
background-color: #efefef;
}
#separator-2 {
background-color: #dddddd;
}
#separator-3 {
background-color: #0063ae;
}
.article-separator {
font-size: 4px;
color: #ffffff;
mso-line-height-rule: exactly;
line-height: 4px;
border-bottom: 4px solid #cccccc;
}
#footer-region-back {
background-color: #1f212d;
}
.one-column .contents,
.one-column-article .contents,
#featured-article-2-back .contents {
text-align: left;
}
.two-column {
text-align: center;
font-size: 0;
}
.two-column .column {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
.two-column .contents {
font-size: 14px;
text-align: left;
}
#two-column-featured {
text-align: center;
font-size: 0;
padding-top: 10px;
padding-bottom: 10px;
}
#logo,
#social-media {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: bottom;
}
#hero-text,
#hero-image {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
#cta-text,
#cta-image {
width: 100%;
display: inline-block;
vertical-align: middle;
}
#cta-text {
max-width: 500px;
}
#cta-image {
max-width: 100px;
}
#cta-image-align {
text-align: center;
}
#featured-article-1-image,
#featured-article-1-text {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
.three-column {
text-align: center;
font-size: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.three-column .column {
width: 100%;
max-width: 200px;
display: inline-block;
vertical-align: top;
}
.three-column .contents {
font-size: 14px;
text-align: center;
}
@media screen and (max-width: 400px) {
.two-column .column,
.three-column .column {
max-width: 100% !important;
}
.two-column img {
max-width: 100% !important;
}
#social-media img {
max-width: 22px !important;
}
#cta-image img {
max-width: 30px !important;
}
.three-column img {
max-width: 50% !important;
}
}
@media screen and (min-width: 401px) and (max-width: 620px) {
.three-column .column {
max-width: 33% !important;
}
.two-column .column {
max-width: 50% !important;
}
}
</style>
</body>
</html>