<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--<![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Marine Algae</title>
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {border-collapse: collapse !important;}
</style>
<![endif]-->
<style type="text/css">
@font-face {
font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url('https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjx4wWw.ttf') format('truetype');
}
@font-face {
font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url('https://fonts.gstatic.com/s/robotoslab/v8/BngMUXZYTXPIvIBgJJSb6ufN5qA.ttf') format('truetype');
}
@font-face {
font-family: "freight-display-pro"; src: url('https://use.typekit.net/af/5a6007/0000000000000000000132cc/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3') format("woff2"),url('https://use.typekit.net/af/5a6007/0000000000000000000132cc/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3') format("woff"),url('https://use.typekit.net/af/5a6007/0000000000000000000132cc/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3') format("opentype"); font-style: italic; font-weight: 900;
}
body {
margin: 0; padding: 0; min-width: 100%; background-color: #000000;
}
img {
border: 0;
}
a:hover {
color: #a1a838;
}
@media screen and (max-width: 400px) {
.two-column .column {
max-width: 100% !important;
}
.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>
</head>
<body style="min-width: 100%; background: #000000; margin: 0; padding: 0;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
<!-- START HEADER -->
<tr>
<td id="logo-region-back" align="center" style="background: #031c33; padding: 0;">
<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: #000000; 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" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; width: 100%; max-width: 600px; margin: 0 auto;">
<tr>
<td class="two-column padding-topbottom-10" style="text-align: center; font-size: 0; padding: 10px 0;" align="center">
<!--[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="logo" style="width: 100%; max-width: 300px; display: inline-block; vertical-align: bottom;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
<tr>
<td class="padding-20" style="padding: 20px;">
<table class="contents" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; width: 100%; font-size: 14px; text-align: left;">
<tr>
<td style="padding: 0;">
<h1 style="font-weight: normal; font-size: 26px; line-height: 34px; color: #1f212d; margin: 0 0 0px;"><a href="http://www.whoi.edu" style="color: #ffffff; text-decoration-style: dotted;"><img src="http://www.whoi.edu/home/images/whoi-wordmark-email.png" style="width: 100%; height: auto; max-width: 193px; border: 0;" /></a></h1>
</td>
</tr>
</table>
</td>
</tr>
</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="social-media" style="width: 100%; max-width: 300px; display: inline-block; vertical-align: bottom;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
<tr>
<td class="padding-20" style="padding: 20px;">
<table class="contents" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; width: 100%; font-size: 14px; text-align: left;">
<tr>
<td style="padding: 0;">
<table width="100%" border="0" cellspacing="10" cellpadding="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
<tr>
<td style="padding: 0;"><a href="https://www.facebook.com/pages/Woods-Hole-Oceanographic-Institution-WHOI/56661991371" style="color: #ffffff; text-decoration-style: dotted;"><img src="http://www.whoi.edu/home/images/fb.png" alt="Facebook" width="22px" height:"22px" style="border-width:0;max-height:22px;height:22px;max-width:22px;width:22px;" /></a>
</td>
<td style="padding: 0;"><a href="https://twitter.com/whoi" style="color: #ffffff; text-decoration-style: dotted;"><img src="http://www.whoi.edu/home/images/tw.png" width="22" alt="Twitter" style="height: 22px; max-width: 22px; width: 22px; border: 0;" /></a>
</td>
<td style="padding: 0;"><a href="https://instagram.com/woodshole_ocean/" style="color: #ffffff; text-decoration-style: dotted;"><img src="http://www.whoi.edu/home/images/IG.png" width="22" alt="Instagram" style="height: 22px; max-width: 22px; width: 22px; border: 0;" /></a>
</td>
<td style="padding: 0;"><a href="https://vimeo.com/whoi" style="color: #ffffff; text-decoration-style: dotted;"><img src="http://www.whoi.edu/home/images/vm.png" width="22" alt="Vimeo" style="height: 22px; max-width: 22px; width: 22px; border: 0;" /></a>
</td>
<td style="padding: 0;"><a href="https://www.youtube.com/user/WoodsHoleOceanInst" style="color: #ffffff; text-decoration-style: dotted;"><img src="http://www.whoi.edu/home/images/youtube.png" width="22" alt="YouTube" style="height: 22px; max-width: 22px; width: 22px; border: 0;" /></a>
</td>
<td style="padding: 0;"><a href="https://www.linkedin.com/company/woods-hole-oceanographic-institution" style="color: #ffffff; text-decoration-style: dotted;"><img src="http://www.whoi.edu/home/images/in.png" width="22" alt="Linkedin" style="height: 22px; max-width: 22px; width: 22px; border: 0;" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</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" align="center" style="background: #ffffff; padding: 0;">
<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" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; width: 100%; max-width: 600px; background: #a1a838; margin: 0 auto;">
<tr>
<td class="one-column" style="padding: 0px 0;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
<tr>
<td class="padding contents" style="width: 100%; text-align: left; padding: 0px 0px 15px;" valign="middle" align="left">
<p style="font-size: 16px; line-height: 24px; color: #1f212d; margin: 16px 0 0;">
<!-- START HERE --></p>
<p style="font-size: 24px; line-height: 24px; color: #eeeeee; text-align: center; margin: 0px 0 0;" align="center">FREE Public Event</p>
<!-- END HERE -->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</center>
</td>
</tr>
<!-- END ARTICLE 1 -->
<!-- START ARTICLE 1 -->
<tr>
<td id="subhead-region-back" align="center" style="background: #ffffff; padding: 0;">
<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" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; width: 100%; max-width: 600px; background: #213c73; margin: 0 auto;">
<tr>
<td class="one-column" style="padding: 0px 0;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
<tr>
<td class="padding contents" style="width: 100%; text-align: center; padding: 0px;" align="center">
<img src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/72.jpg?v=1560452016000" width="600" height="338" style="width: 100%; height: auto; max-width: 600px; border: 0;" />
<!-- END HERE -->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</center>
</td>
</tr>
<!-- END ARTICLE 1 -->
<!-- START ARTICLE 1 -->
<tr>
<td id="subhead-region-back" align="center" style="background: #ffffff; padding: 0;">
<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" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; width: 100%; max-width: 600px; background: #0f1843; margin: 0 auto;">
<tr>
<td class="one-column" style="padding: 0px 0;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
<tr>
<td class="padding contents" style="width: 100%; text-align: center; padding: 20px 0px 20px 30px;" align="center">
<!--<p style="Margin:0;font-size:60px;line-height:60px;Margin-top:0px;color:#6b893a;font-weight:bold;font-family: 'Roboto Slab', serif;text-align:left;margin-left:40px;text-shadow: 1px 1px 10px #ffffff">
Marine Algae</p>
<p style="Margin:0;font-size:34px;line-height:42px;Margin-top:5px;color:#156e99;font-weight:bold;font-family: 'Roboto Slab', serif;text-align:left;margin-left:40px;margin-right:20px;text-shadow: 1px 1px 10px #ffffff">
>From Climate Change to Jet Fuel and Lipstick</p>-->
<p style="font-size: 19px; line-height: 30px; color: #ffffff; text-align: left; margin: 0px 30px 0 5px;" align="left">
Join Bruce Strickrott, pilot of the famed
deep-sea sub, <em>Alvin</em>, on a journey of discovery
and deep-ocean exploration. See stunning
video and images from the deep, while learning
about the importance of human presence
in this largely-unexplored frontier. You’ll also
hear about the future of human-piloted diving
operations with <em>Alvin</em>, and how this legendary
submersible and other game-changing
technologies are improving way ocean
environments are studied.</p>
<p style="font-size: 32px; line-height: 40px; color: #a1a838; font-family: freight-display-pro, serif; font-weight: 900; font-style: italic; text-align: left; margin: 10px 0 0 5px;" align="left">Wednesday, June 19, 2019</p>
<p style="font-size: 22px; line-height: 30px; color: #ffffff; text-align: left; margin: 0px 0px 0 5px;" align="left">
6:30–8:00 p.m.</p>
<p style="font-size: 22px; line-height: 30px; color: #ffffff; text-align: left; margin: 0px 0px 0 5px;" align="left"><a href="https://flyingbridgerestaurant.com/" style="color: #ffffff; text-decoration-style: dotted;">Flying Bridge</a></p>
<p style="font-size: 18px; line-height: 20px; color: #ffffff; text-align: left; margin: 0px 0px 0 5px;" align="left"><a href="https://goo.gl/maps/5SqPUu52sx8FGeGR7" style="color: #ffffff; text-decoration-style: dotted;">20 Scranton Avenue</a><br />
Falmouth, MA 02540</p>
<p style="font-size: 18px; line-height: 20px; color: #ffffff; text-align: left; margin: 10px 0px 0 5px;" align="left">
Doors open at 6:00 p.m. • Food and drinks available for purchase</p>
<p style="font-size: 20px; line-height: 22px; width: 25%; display: block; text-decoration: none; text-align: center; font-weight: strong; font-family: 'Lato', Helvetica, Arial, sans-serif; -moz-border-radius: 3px; -webkit-border-radius: 0px; border-radius: 0px; color: #ffffff; background: #a1a838; margin: 20px 20px 20px 5px; padding: 18px 14px 14px;" align="left"><a style="color: #ffffff; text-decoration: none; text-decoration-style: dotted;" href="https://gift.whoi.edu/page/11296/event/1">RESERVE NOW</a></p>
<p style="font-size: 18px; line-height: 20px; color: #ffffff; text-align: left; margin: 10px 0 0 5px;" align="left">
This is a FREE event but you <strong>must</strong> RSVP.</p>
<p style="font-size: 18px; line-height: 24px; color: #ffffff; text-align: left; margin: 10px 0 10px 5px;" align="left">Join our Facebook live stream at 6:20pm <a href="http://www.facebook.com/pg/WoodsHoleOcean" style="color: #ffffff; text-decoration-style: dotted;">http://www.facebook.com/pg/WoodsHoleOcean</a>.
<!-- END HERE -->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</center>
</td>
</tr>
<!-- END ARTICLE 1 -->
<!-- START ARTICLE 1 -->
<tr>
<td id="subhead-region-back" align="center" style="background: #ffffff; padding: 0;">
<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" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; width: 100%; max-width: 600px; background: #a1a838; margin: 0 auto;">
<tr>
<td class="one-column" style="padding: 0px 0;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
<tr>
<td class="padding contents" style="width: 100%; text-align: left; padding: 0px 0px 15px;" valign="middle" align="left">
<p style="font-size: 16px; line-height: 24px; color: #1f212d; margin: 16px 0 0;">
<!-- START HERE --></p>
<p style="font-size: 16px; line-height: 20px; color: #ffffff; text-align: center; margin: 0px 0 0;" align="center">For more information, contact <a href="mailto:information@whoi.edu" style="color: #ffffff; text-decoration-style: dotted;">information@whoi.edu</a> or 508-289-2252</p>
<!-- END HERE -->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</center>
</td>
</tr>
<!-- END ARTICLE 1 -->
<!-- START FOOTER -->
<tr>
<td id="footer-region-back" align="center" style="background: #031c33; padding: 0;">
<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" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; width: 100%; max-width: 600px; margin: 0 auto;">
<tr>
<td id="footer" class="padding-topbottom-10" style="padding: 10px 0;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
<tr>
<td class="padding-20 contents center" style="width: 100%; text-align: center; color: #fff; font-size: 12px; padding: 20px;" align="center"><p style="color: #fff; font-size: 13px; line-height: 20px; margin: 16px 0;">Copyright ©2019 <a href="http://www.whoi.edu" style="color: #8dc7f0; text-decoration-style: dotted; text-decoration: underline;">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; text-decoration-style: dotted; text-decoration: underline;">information@whoi.edu</a> or (508) 548-1400 <br />
<a href="http://www.whoi.edu/whoi/privacy.do" style="color: #8dc7f0; text-decoration-style: dotted; text-decoration: underline;"> Privacy Policy</a></p></td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</center>
</td>
</tr>
<!-- END FOOTER -->
</table>
</body>
</html><img alt="supporter" src="https://us.e-activist.com/ea-action/broadcast.record.message.open.do?ea.broadcast.id=37889&ea.campaigner.id=GDN5Uc%2BVpaGZkArzVWMSmA==&ea.client.id=10037"/>