<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:#e3f0f7;" 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:#e3f0f7;">
<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/smpJul2017/"><span
style="color:#27668F;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:#e3f0f7;"
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"
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:0;padding-bottom:0;padding-right:0;padding-left:0;">
<a href="http://www.whoi.edu"><img
src="http://www.whoi.edu/administration/development/smp2015/15G0539-Science-Made-Public-Flyer.jpg"
alt="Science Made Public"
border="0" width="725"
height="190"></a> </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 --> <tr>
<td id="subhead-region-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#e3f0f7;"
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="one-column padding-topbottom-10"
style="padding-top:10px;padding-bottom:10px;padding-right:0;padding-left:0;">
<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-10 contents"
style="width:100%;padding-top:10px;padding-bottom:0px;padding-right:0px;padding-left:0px;text-align:left;">
<p style="font-size: 16px; font-weight:
normal; color: #000; margin: 0;
padding: 0; line-height: 150%;
text-align:left;">Science Made Public
is an annual, summertime series of
publicly accessible talks by
scientists and engineers at the Woods
Hole Oceanographic Institution. All
talks take place on Tuesdays at 3:00
p.m. in WHOI's Ocean Science Exhibit
Center, <a
href="https://www.google.com/maps/place/15+School+St/@41.52452,-70.668391,17z/data=%213m1%214b1%214m2%213m1%211s0x89e4d87de31ceff5:0xf7258795d0a0ea57"
style="color:#27668F">15 School
Street</a>, Woods Hole.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </div>
</center>
</td>
</tr>
<!-- END ARTICLE 1 -->
<!-- START FEATURED ARTICLE, IMAGE LEFT/TEXT RIGHT --> <tr>
<td id="featured-article-1-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#e3f0f7;"
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:10px;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 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/cms/images/Fischell-n_466217.jpg"
alt="Erin Fishcell"
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:0;padding-left:0;">
<span style="font-size: 14px;
font-weight: bold; color:
#000;
text-transform:uppercase;
margin:0; text-align:left;
letter-spacing: 0.05em;">July
11, 2017 • 3 P.M.</span>
<p style="font-size: 18px;
font-weight: normal;
font-family: Arial; color:
#003366; margin: 0; padding:
0; text-align:left;
margin-top:0;">How to Teach
your AUV New Tricks</p>
<p style="font-size: 14px;
font-weight: normal; color:
#000; margin: 0 0 10px 0;
padding: 0; line-height:
150%; text-align:left;"><strong>Erin
Fischell, Assistant
Scientist, Applied Ocean
Physics & Engineering</strong><br>
Robotics has gotten more
sophisticated over the last
few years. Everywhere you
look, there are drones,
self-driving cars, and other
autonomous platforms. In the
ocean environment, robots
have been limited by cost,
communication, and
navigation issues, so that
robots have been mostly used
for simple, pre-scripted
missions using individual
autonomous underwater
vehicles (AUVs). But that’s
changing. Learn how advances
in practical lowcost
sensing, navigation and
autonomy are enabling a new
wave of lowcost, miniature
AUVs that can navigate,
sense their environment, and
work together to create
virtual arrays.</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 -->
<!-- START FEATURED ARTICLE, IMAGE LEFT/TEXT RIGHT --> <tr>
<td id="featured-article-1-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#e3f0f7;"
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:0px;padding-bottom:10px;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 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:0px;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/cms/images/CTepolt-n_466313.jpg"
alt="Carolyn Teplot"
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:0;padding-left:0;">
<span style="font-size: 14px;
font-weight: bold; color:
#000;
text-transform:uppercase;
margin:0; text-align:left;
letter-spacing: 0.05em;">July
18, 2017 • 3 P.M.</span>
<p style="font-size: 18px;
font-weight: normal;
font-family: Arial; color:
#003366; margin: 0; padding:
0; text-align:left;
margin-top:0;">Invasion of
the Body-Snatchers</p>
<p style="font-size: 14px;
font-weight: normal; color:
#000; margin: 0 0 10px 0;
padding: 0; line-height:
150%; text-align:left;"><strong>Carolyn
Tepolt, Assistant
Scientist, Biology</strong><br>
In the Gulf of Mexico, a
parasitic barnacle tunnels
into mud crabs and turns
them into zombie nursemaids
for the parasite’s
offspring. This parasite
infects just 1 to 5 percent
of crabs in its native Gulf
range, but it has invaded
the mid-Atlantic where more
than 70 percent of crabs are
infected in some areas.
Learn what field surveys,
laboratory infections, and
DNA are telling us about how
this body-snatching parasite
is shaping the evolution of
its crab host.</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 -->
<!-- START FEATURED ARTICLE, IMAGE LEFT/TEXT RIGHT --> <tr>
<td id="featured-article-1-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#e3f0f7;"
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:0px;padding-bottom:10px;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 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:0px;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/cms/images/Zitterbart-n_466273.jpg"
alt="Daniel P. Zitterbart"
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:0;padding-left:0;">
<span style="font-size: 14px;
font-weight: bold; color:
#000;
text-transform:uppercase;
margin:0; text-align:left;
letter-spacing: 0.05em;">July
25, 2017 • 3 P.M.</span>
<p style="font-size: 18px;
font-weight: normal;
font-family: Arial; color:
#003366; margin: 0; padding:
0; text-align:left;
margin-top:0;">March of the
Many: Collective Behavior in
Emperor Penguin Colonies</p>
<p style="font-size: 14px;
font-weight: normal; color:
#000; margin: 0 0 10px 0;
padding: 0; line-height:
150%; text-align:left;"><strong>Daniel
P. Zitterbart,
Postdoctoral Scholar,
Applied Ocean Physics
& Engineering</strong><br>
The emperor penguin, an
iconic polar seabird, is
dependent on sea ice and
thereby very sensitive to
its changes. If sea ice
decreases, local and global
bird populations are
predicted to decline by the
end of the century. Little
is known about their
year-round behavior and how
much they might be able to
cope with a changing
habitat. Learn interesting
facts on emperor penguin
behavior and how WHOI
scientists study emperor
penguins using the latest
remote observing systems.</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 -->
<!-- START FOOTER --> <tr>
<td id="footer-region-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#031c33;"
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 id="footer" class="padding-topbottom-10"
style="padding-top:10px;padding-bottom:10px;padding-right:0;padding-left:0;">
<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 contents center"
style="width:100%;text-align:center;padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;color:#fff;font-size:12px;">
<!-- <p align="center"><img src="http://www.whoi.edu/administration/development/trustees/WHOI-rope-logo-110.png" style="width:110px;height:auto" alt="whoi" /></p>-->
<p style="color:#fff;">Copyright ©2016 <a
href="http://www.whoi.edu"
style="color:#8dc7f0;">Woods Hole
Oceanographic Institution</a>. <br>
All rights reserved. 266 Woods Hole
Road, Woods Hole, MA 02543-1050 U.S.A.
<br>
General Information: <a
href="mailto:information@whoi.edu"
style="color:#8dc7f0;">information@whoi.edu</a>
or (508) 548-1400 <br>
<a
href="http://www.whoi.edu/whoi/privacy.do"
style="color:#8dc7f0;"> Privacy
Policy</a></p>
<div id="social-media"
style="width:100%;max-width:300px;display:inline-block;vertical-align:bottom;">
<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:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;">
<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;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica,
Arial, sans-serif;;"
border="0"
cellspacing="10"
cellpadding="0"
width="100%">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://www.facebook.com/pages/Woods-Hole-Oceanographic-Institution-WHOI/56661991371"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/fb.png"
alt="Facebook"
height:"22px"=""
style="border-width:0;max-height:22px;height:22px;max-width:22px;width:22px;"
width="22px"></a>
</td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://twitter.com/whoi"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/tw.png"
alt="Twitter"
style="border-width:0;height:22px;max-width:22px;width:22px;" width="22"></a>
</td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://instagram.com/woodshole_ocean/"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/IG.png"
alt="Instagram"
style="border-width:0;height:22px;max-width:22px;width:22px;"
width="22"></a>
</td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://vimeo.com/whoi"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/vm.png"
alt="Vimeo"
style="border-width:0;height:22px;max-width:22px;width:22px;"
width="22"></a>
</td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://www.youtube.com/user/WoodsHoleOceanInst"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/youtube.png"
alt="YouTube"
style="border-width:0;height:22px;max-width:22px;width:22px;" width="22"></a>
</td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://www.linkedin.com/company/woods-hole-oceanographic-institution"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/in.png"
alt="Linkedin"
style="border-width:0;height:22px;max-width:22px;width:22px;" width="22"></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </div>
</center>
</td>
</tr>
<!-- 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;
text-decoration: underline;
}
#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>