<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml" style="height: 100% !important; width: 100% !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0 auto; padding: 0;">
<head>
        <title></title>
        <meta charset="utf-8"><!-- utf-8 works for most cases --><meta name="viewport" content="width=device-width"><!-- Forcing initial-scale shouldn't be necessary --><meta http-equiv="X-UA-Compatible" content="IE=edge"><!-- Use the latest (edge) version of IE rendering engine --><meta name="x-apple-disable-message-reformatting"><!-- Disable auto-scale in iOS 10 Mail entirely --><!-- The title tag shows in email notifications, like Android 4.4. -->
        
        <!-- Web Font / @font-face : BEGIN --><!-- NOTE: If web fonts are not required, lines 10 - 27 can be safely removed. --><!-- Desktop Outlook chokes on web font references and defaults to Times New Roman, so we force a safe fallback font. --><!--[if mso]>
<style>
* {
font-family: sans-serif !important;
}
</style>
<![endif]--><!-- All other clients get the webfont reference; some will render the font and others will silently fail to the fallbacks. More on that here: http://stylecampaign.com/blog/2015/02/webfont-support-in-email/ --><!--[if !mso]><!--><!-- insert web font reference, eg: <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> --><!--<![endif]--><!-- Web Font / @font-face : END --><!-- CSS Reset : BEGIN -->
        
        <!-- What it does: Makes background images in 72ppi Outlook render at correct size. --><!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]--><!-- CSS Reset : END --><!-- Progressive Enhancements : BEGIN -->
        
        <!-- Progressive Enhancements : END -->
<style type="text/css">
@font-face {
font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url('https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh7USSwiPHA.ttf') format('truetype');
}
@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: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url('https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwiPHA.ttf') format('truetype');
}
@font-face {
font-family: 'Lato'; font-style: normal; font-weight: 900; src: local('Lato Black'), local('Lato-Black'), url('https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh50XSwiPHA.ttf') format('truetype');
}
@font-face {
font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('https://fonts.gstatic.com/s/robotocondensed/v17/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf') format('truetype');
}
body {
margin: 0 auto !important; padding: 0 !important; height: 100% !important; width: 100% !important;
}
img {
-ms-interpolation-mode: bicubic;
}
.button-td-primary:hover {
background: #173656 !important; border-color: #ffffff !important;
}
.button-a-primary:hover {
background: #173656 !important; border-color: #ffffff !important;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 374px) {
u ~ div .email-container {
min-width: 320px !important;
}
}
@media only screen and (min-device-width: 375px) and (max-device-width: 413px) {
u ~ div .email-container {
min-width: 375px !important;
}
}
@media only screen and (min-device-width: 414px) {
u ~ div .email-container {
min-width: 414px !important;
}
}
@media screen and (max-width: 600px) {
.email-container {
width: 100% !important; margin: auto !important;
}
.stack-column {
display: block !important; width: 100% !important; max-width: 100% !important; direction: ltr !important;
}
.stack-column-center {
display: block !important; width: 100% !important; max-width: 100% !important; direction: ltr !important;
}
.stack-column-center {
text-align: center !important; padding: 0px 0 0px;
}
.stack-column-center img {
margin: 25px auto 0 auto; max-width: 600px;
}
.full {
display: block; width: 100%; padding: 0px 0 0px;
}
.full img {
margin: 25px auto 0 auto; max-width: 600px;
}
.center-on-narrow {
text-align: center !important; display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important;
}
table.center-on-narrow {
display: inline-block !important;
}
.email-container p {
font-size: 17px !important; margin-bottom: 20px !important;
}
p.date {
margin-bottom: 0 !important;
}
h1 {
font-size: 40px !important;
}
h4 {
font-size: 14px !important;
}
}
</style>
</head>
<!--
        The email background color (#222222) is defined in three places:
        1. body tag: for most email clients
        2. center tag: for Gmail and Inbox mobile apps and web versions of Gmail, GSuite, Inbox, Yahoo, AOL, Libero, Comcast, freenet, Mail.ru, Orange.fr
        3. mso conditional: For Windows 10 Mail
-->
<body data-gramm="false" style="mso-line-height-rule: exactly; height: 100% !important; width: 100% !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: #eff6fc; margin: 0 auto; padding: 0;" width="100%">
<center style="width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: #eff6fc;"><!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #eff6fc;">
<tr>
<td>
<![endif]--><!-- Visually Hidden Preheader Text : BEGIN -->
<div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">Woods Hole Oceanographic Institution Ocean Insights</div>
<!-- Visually Hidden Preheader Text : END --><!-- Create white space after the desired preview text so email clients don’t pull other distracting text into the inbox preview. Extend as necessary. --><!-- Preview Text Spacing Hack : BEGIN -->
<div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </div>
<!-- Preview Text Spacing Hack : END --><!-- Email Body : BEGIN -->
<table align="center" border="0" cellpadding="0" cellspacing="0" class="email-container" role="presentation" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;" width="600">
        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                        <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #031c33;">
                        <h4 style="font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 400; text-transform: uppercase; letter-spacing: .08em; text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 20px 0 0;" align="center"><span style="color: #8dc7f0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">Woods Hole Oceanographic Institution</span></h4>
                        <h1 style="font-family: 'Lato', sans-serif; font-size: 70px; font-weight: 900; line-height: 1.1; text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0px 0 10px;" align="center"><a class="light" href="https://www.whoi.edu" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #ffffff;"><span style="font-weight: 300; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">OCEAN</span>INSIGHTS</a></h1>
                        </td>
                </tr>
                <!-- Hero Image, Flush : END --><!-- Background Image with Text : BEGIN -->
                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"><!-- Bulletproof Background Images c/o https://backgrounds.cm -->
                        <td style="text-align: center; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; padding-bottom: 0px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #09233a url('https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/ted600.jpg?v=1555525683000');" valign="middle" align="center"><!--[if gte mso 9]>
         <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:339px; background-position: center center !important;">
         <v:fill type="tile" src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/ted600.jpg?v=1555525683000" color="#222222" />
         <v:textbox inset="0,0,0,0">
         <![endif]-->
                        <div style="padding-bottom: 10px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                <td style="text-align: left; font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 230px 20px 0px 25px;" valign="middle" align="left">
                                                <p class="date" style="font-family: 'Lato', sans-serif; font-size: 16px; color: #dddddd; letter-spacing: .02em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;"><strong style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">April 18, 2019</strong></p>
                                                <h5 style="font-family: 'Lato', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;"><strong style="color: #cccccc; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">Exhibit</strong> | <a class="light" href="https://www2.whoi.edu/site/ted2019/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #ffffff;">TED</a></h5>
                                                <h2 style="font-family: 'Roboto Condensed', sans-serif; font-size: 22px; font-weight: 400; line-height: 1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0px 0;"><a class="light" data-id="null" href="https://us.e-activist.com/ea-action/enclick?ea.url.id=225171&ea.campaigner.email=BdaxHunqTkLgaXR82g2b4g==&ea.campaigner.id=GDN5Uc%2BVpaGZkArzVWMSmA==&ea_broadcast_target_id=0" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #ffffff;">Researchers & TEDsters share their vision of our ocean's future</a></h2>
                                                <!--<p style="font-family: 'Lato', sans-serif;font-size:16px;margin:0 0 0px 0;color:#dddddd;letter-spacing:.02em;padding-bottom:10px;">A new vehicle takes us to the deepest parts of the ocean and beyond</p>--></td>
                                        </tr>
                                </tbody>
                        </table>
                        </div>
                        <!--[if gte mso 9]>
         </v:textbox>
         </v:rect>
         <![endif]--></td>
                </tr>
                <!-- Background Image with Text : END --><!-- 1 Column Text + Button : BEGIN -->
                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                        <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #27668f;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 10px 20px;">
                                                <table align="center" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 0 10px;"><!-- Button : BEGIN -->
                                                                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                                                <td class="button-td button-td-primary" style="border-radius: 0px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; transition: all 100ms ease-in; background: #27668f; border: 1px solid #ffffff;"><a class="button-a button-a-primary" href="https://gift.whoi.edu/page/7738/donate/1" style="font-family: 'Lato', sans-serif; font-size: 18px; line-height: 18px; text-decoration: none; color: #ffffff; display: block; border-radius: 0px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; transition: all 100ms ease-in; background: #27668f; padding: 8px 12px; border: 1px solid #ffffff;">GIVE</a></td>
                                                                                        </tr>
                                                                                </tbody>
                                                                        </table>
                                                                        <!-- Button : END --></td>
                                                                        <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 0 10px;"><!-- Button : BEGIN -->
                                                                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                                                <td class="button-td button-td-primary" style="border-radius: 0px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; transition: all 100ms ease-in; background: #27668f; border: 1px solid #ffffff;"><a class="button-a button-a-primary" href="https://www.whoi.edu/" style="font-family: 'Lato', sans-serif; font-size: 18px; line-height: 18px; text-decoration: none; color: #ffffff; display: block; border-radius: 0px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; transition: all 100ms ease-in; background: #27668f; padding: 8px 12px; border: 1px solid #ffffff;">EXPLORE</a></td>
                                                                                        </tr>
                                                                                </tbody>
                                                                        </table>
                                                                        <!-- Button : END --></td>
                                                                        <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 0 10px;"><!-- Button : BEGIN -->
                                                                        <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                                                <td class="button-td button-td-primary" style="border-radius: 0px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; transition: all 100ms ease-in; background: #27668f; border: 1px solid #ffffff;"><a class="button-a button-a-primary" href="https://shop.whoi.edu/" style="font-family: 'Lato', sans-serif; font-size: 18px; line-height: 18px; text-decoration: none; color: #ffffff; display: block; border-radius: 0px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; transition: all 100ms ease-in; background: #27668f; padding: 8px 12px; border: 1px solid #ffffff;">SHOP</a></td>
                                                                                        </tr>
                                                                                </tbody>
                                                                        </table>
                                                                        <!-- Button : END --></td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </td>
                                        </tr>
                                </tbody>
                        </table>
                        </td>
                </tr>
                <!-- STORY 2 - 1 Column Text + Button : END --><!-- STORY 1 - 2 Even Columns : BEGIN -->
                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                        <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #ffffff; padding: 0px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"><!-- Column : BEGIN -->
                                                <td class="stack-column-center" valign="top" width="50%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td style="text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #efefef; padding: 0px;" align="center"><a href="https://www.whoi.edu/press-room/news-release/new-center-aims-to-monitor-and-to-reveal-new-details-about-rms-titanic/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="3ds imaging of titanic" border="0" height="169" src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/titanic-boiler600.jpg?v=1555520407000" style="width: 100%; max-width: 300px; height: auto; display: block; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic;" width="300" /></a></td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </td>
                                                <!-- Column : END --><!-- Column : BEGIN -->
                                                <td class="stack-column-center" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #efefef;" valign="top" width="50%">
                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; text-align: left; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 20px 10px 0px 30px;" align="left">
                                                                        <h5 style="font-family: 'Lato', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;"><a href="https://www.whoi.edu/press-room/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><strong style="color: #555555; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">News Release</strong></a> | <a href="https://www.whoi.edu/know-your-ocean/ocean-topics/underwater-archaeology/rms-titanic/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;">Titanic</a></h5>
                                                                        <h3 style="font-family: 'Roboto Condensed', sans-serif; font-size: 22px; line-height: 1.1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 5px 0;"><a data-id="null" href="https://us.e-activist.com/ea-action/enclick?ea.url.id=225172&ea.campaigner.email=BdaxHunqTkLgaXR82g2b4g==&ea.campaigner.id=GDN5Uc%2BVpaGZkArzVWMSmA==&ea_broadcast_target_id=0" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;">3D Imaging of the RMS <em style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">Titanic</em></a></h3>
                                                                        <p style="font-family: 'Lato', sans-serif; font-size: 16px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;">A new center to document and protect the historic wreck</p>
                                                                        </td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </td>
                                                <!-- Column : END -->
                                        </tr>
                                </tbody>
                        </table>
                        </td>
                </tr>
                <!-- 2 Even Columns : END --><!-- STORY 4 - 2 Even Columns : BEGIN --><!-- STORY 3 -->
                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                        <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #ffffff; padding: 0px;">
                        <table border="0" cellpadding="0" cellspacing="0" dir="rtl" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"><!-- Column : BEGIN -->
                                                <td class="full" dir="ltr" valign="top" width="50%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td style="text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #173656; padding: 0px;" align="center"><a href="https://www.whoi.edu/multimedia/hydrothermal-vents-oases-in-the-dark/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="hydrothermal vents" border="0" src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/vent600.jpg?v=1555520409000" style="width: 100%; max-width: 300px; height: auto; display: block; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic;" width="300" /></a></td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </td>
                                                <!-- Column : END --><!-- Column : BEGIN -->
                                                <td class="full" dir="ltr" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #173656;" valign="top" width="50%">
                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff; text-align: left; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 20px 15px 0px 30px;" valign="middle" align="left">
                                                                        <h5 style="font-family: 'Lato', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;"><a href="https://www.whoi.edu/multimedia/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><strong style="color: #cccccc; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">multimedia</strong></a> | <a class="light" href="https://www.whoi.edu/know-your-ocean/ocean-topics/seafloor-below/hydrothermal-vents/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #ffffff;">Hydrothermal Vents</a></h5>
                                                                        <h3 style="font-family: 'Roboto Condensed', sans-serif; font-size: 22px; line-height: 1.1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 5px 0;"><a class="light" data-id="null" href="https://us.e-activist.com/ea-action/enclick?ea.url.id=225173&ea.campaigner.email=BdaxHunqTkLgaXR82g2b4g==&ea.campaigner.id=GDN5Uc%2BVpaGZkArzVWMSmA==&ea_broadcast_target_id=0" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #ffffff;">Oases in the Dark</a></h3>
                                                                        <p style="font-family: 'Lato', sans-serif; font-size: 16px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;">The strange and wonderful world of hydrothermal vents</p>
                                                                        </td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </td>
                                                <!-- Column : END -->
                                        </tr>
                                </tbody>
                        </table>
                        </td>
                </tr>
                <!-- 2 Even Columns : END --><!-- STORY 3 - 2 Even Columns : BEGIN --><!-- STORY 4 -->
                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                        <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #ffffff; padding: 0px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"><!-- Column : BEGIN -->
                                                <td class="stack-column-center" valign="top" width="50%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td style="text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #e6eed0; padding: 0px;" align="center"><a href="https://www.whoi.edu/press-room/news-release/corals-in-the-red-sea-offer-long-term-view-of-south-asian-summer-monsoon/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="understanding monsoon winds" border="0" src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/reef600.jpg?v=1555520405000" style="width: 100%; max-width: 300px; height: auto; display: block; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic;" width="300" /></a></td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </td>
                                                <!-- Column : END --><!-- Column : BEGIN -->
                                                <td class="stack-column-center" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #e6eed0;" valign="top" width="50%">
                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; text-align: left; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 20px 10px 0px 30px;" align="left">
                                                                        <h5 style="font-family: 'Lato', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;"><a href="https://www.whoi.edu/press-room/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><strong style="color: #555555; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">News Release</strong></a> | <a href="https://www.whoi.edu/topics/climate-oceans/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;">climate & oceans</a></h5>
                                                                        <h3 style="font-family: 'Roboto Condensed', sans-serif; font-size: 22px; line-height: 1.1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 5px 0;"><a data-id="null" href="https://us.e-activist.com/ea-action/enclick?ea.url.id=225174&ea.campaigner.email=BdaxHunqTkLgaXR82g2b4g==&ea.campaigner.id=GDN5Uc%2BVpaGZkArzVWMSmA==&ea_broadcast_target_id=0" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;">Understanding Monsoon Winds</a></h3>
                                                                        <p style="font-family: 'Lato', sans-serif; font-size: 16px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;">Climate lessons from ancient coral</p>
                                                                        </td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </td>
                                                <!-- Column : END -->
                                        </tr>
                                </tbody>
                        </table>
                        </td>
                </tr>
                <!-- 2 Even Columns : END --><!-- 1 Column Text : BEGIN --><!-- STORY 5 -->
                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                        <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #ffffff; padding: 0px;">
                        <table border="0" cellpadding="0" cellspacing="0" dir="rtl" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"><!-- Column : BEGIN -->
                                                <td class="full" dir="ltr" valign="top" width="50%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td style="text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #efefef; padding: 0px;" align="center"><a href="https://www.whoi.edu/event/april19cafe/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="ocean science cafe" border="0" src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/Crab600.jpg?v=1555529178000" style="width: 100%; max-width: 300px; height: auto; display: block; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic;" width="300" /></a></td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </td>
                                                <!-- Column : END --><!-- Column : BEGIN -->
                                                <td class="full" dir="ltr" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #efefef;" valign="top" width="50%">
                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #555555; text-align: left; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 20px 15px 0px 30px;" align="left">
                                                                        <h5 style="font-family: 'Lato', sans-serif; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;"><a href="https://www.whoi.edu/events/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><strong style="color: #555555; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">Events</strong></a> | <a href="https://www.whoi.edu/event/april19cafe/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;">Ocean Science Café</a></h5>
                                                                        <h3 style="font-family: 'Roboto Condensed', sans-serif; font-size: 22px; line-height: 1.1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 5px 0;"><a data-id="null" href="https://us.e-activist.com/ea-action/enclick?ea.url.id=225175&ea.campaigner.email=BdaxHunqTkLgaXR82g2b4g==&ea.campaigner.id=GDN5Uc%2BVpaGZkArzVWMSmA==&ea_broadcast_target_id=0" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;">Invasion of the Ocean Body Snatchers</a></h3>
                                                                        <p style="font-family: 'Lato', sans-serif; font-size: 16px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;">Seats still available April 24 at 6:30 in Plymouth</p>
                                                                        </td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </td>
                                                <!-- Column : END -->
                                        </tr>
                                </tbody>
                        </table>
                        </td>
                </tr>
                <!-- 2 Even Columns : END --><!-- STORY 6 -->
                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                        <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #ffffff; padding: 0px;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"><!-- Column : BEGIN -->
                                                <td class="stack-column-center" valign="top" width="50%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td style="text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #173656; padding: 0px;" align="center"><a href="https://www.instagram.com/p/BvblFbGnwxm/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="hatchet fish" border="0" height="169" src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/hatchetfish.jpg?v=1555525473000" style="width: 100%; max-width: 300px; height: auto; display: block; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic;" width="300" /></a></td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </td>
                                                <!-- Column : END --><!-- Column : BEGIN -->
                                                <td class="stack-column-center" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #173656;" valign="top" width="50%">
                                                <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td class="center-on-narrow" style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #ffffff; text-align: left; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 20px 10px 0px 30px;" align="left"><!--<h5 style="font-family: 'Lato', sans-serif;font-size:11px;text-transform: uppercase;margin:0;letter-spacing:.08em;"><a href="https://www.instagram.com/woodshole_ocean/"><strong style="color:#cccccc">Image</strong></a> | <a href="http://www.whoi.edu/main/ships" class="light">Research Vessels</a></h5>--><!--<h3 style="font-family: 'Roboto Condensed', sans-serif;font-size:22px;line-height:1.1;margin:5px 0"><a href="https://giving.whoi.edu/join-us/associates-events-and-trips/">Join an Amazon Expedition</a></h3>-->
                                                                        <p style="font-family: 'Lato', sans-serif; font-size: 14px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;"><strong style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">Featured image:</strong> Light-producing organs, called photophores, dot the belly of a hatchetfish. These creatures adjust their color and luminosity to mimic the shifting light from the ocean's surface, helping them hide from predators. Photo: Paul Caiger, WHOI.</p>
                                                                        </td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </td>
                                                <!-- Column : END -->
                                        </tr>
                                </tbody>
                        </table>
                        </td>
                </tr>
                <!-- 2 Even Columns : END --><!-- 1 Column Text : BEGIN -->
                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                        <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; background: #031c33;">
                        <table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                <td style="font-family: sans-serif; font-size: 15px; line-height: 20px; color: #6287a1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; padding: 20px;">
                                                <h2 style="font-family: 'lato', sans-serif; font-size: 22px; text-transform: uppercase; text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 10px 0 0px;" align="center">Join the conversation #WHOI</h2>
                                                <p style="text-align: center; margin-top: 50px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" align="center"><a href="https://www.facebook.com/WoodsHoleOcean/" target="_self" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="facebook" height="40" src="http://www.whoi.edu//home/temp/redesign2019/newsletter/facebook.png" width="18" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic;" /></a> <a href="https://twitter.com/whoi" target="_self" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="twitter" height="40" src="http://www.whoi.edu//home/temp/redesign2019/newsletter/twitter.png" width="45" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic;" /></a> <a href="https://www.instagram.com/woodshole_ocean/" target="_self" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="instagram" height="40" src="http://www.whoi.edu//home/temp/redesign2019/newsletter/instagram.png" width="42" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic;" /></a></p>
                                                <p style="font-family: 'Lato', sans-serif; font-size: 13px; line-height: 20px; text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;" align="center">Copyright ©2019 Woods Hole Oceanographic Institution. All rights reserved.<br style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" />
                                                266 Woods Hole Road, Woods Hole, MA 02543-1050 U.S.A.<br style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" />
                                                General Information: <a class="gray" href="mailto:information@whoi.edu" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #cccccc;">information@whoi.edu</a> or (508) 548-1400<br style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" />
                                                Privacy Policy</p>
                                                <p style="font-family: 'Lato', sans-serif; font-size: 13px; line-height: 13px; text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 20px 0 10px;" align="center"><a class="gray" href="https://us.e-activist.com/ea-campaign/action.handleViewInBrowser.do?ea.campaigner.email=BdaxHunqTkLgaXR82g2b4g==&broadcastId=33554&templateId=33678" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #cccccc;">View in a browser</a> | <a class="gray" href="https://gift.whoi.edu/page/broadcast.message.redirect.do?campaignpageurl=https%3A%2F%2Fgift.whoi.edu%2Fpage%2F7388%2Fsubscriptions%2F1%3Fea.broadcast.id%3D33554&ea.campaigner.email=BdaxHunqTkLgaXR82g2b4g==&enc=y" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #cccccc;">Unsubscribe</a></p>
                                                <p style="font-family: 'Lato', sans-serif; font-size: 16px; line-height: 20px; text-align: center; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 40px 0 10px;" align="center">Share with a friend</p>
                                                <div class="enSocial enSocial--share" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                <table align="center" cellpadding="0" cellspacing="0" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                        <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                        <td align="center" class="enSocial__container" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;">
                                                                        <table align="center" cellpadding="0" cellspacing="0" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important; border-spacing: 0 !important; border-collapse: collapse !important; table-layout: fixed !important; margin: 0 auto;">
                                                                                <tbody style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                                        <tr style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
                                                                                                <td style="margin-right: 10px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;"><a href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.whoi.edu" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/facebook30x30.png?v=1551907315000" style="margin-right: 5px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic;" /></a></td>
                                                                                                <td style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-lspace: 0pt !important; mso-table-rspace: 0pt !important;"><a href="http://twitter.com/intent/tweet?status=+http%3A%2F%2Fwww.whoi.edu" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/twitter30x30.png?v=1551907316000" style="margin-left: 5px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -ms-interpolation-mode: bicubic;" /></a></td>
                                                                                        </tr>
                                                                                </tbody>
                                                                        </table>
                                                                        </td>
                                                                </tr>
                                                        </tbody>
                                                </table>
                                                </div>
                                                </td>
                                        </tr>
                                </tbody>
                        </table>
                        </td>
                </tr>
                <!-- 1 Column Text : END -->
        </tbody>
</table>
<!-- Email Body : END --><!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]--></center>
</body>
</html>
<img alt="supporter" src="https://us.e-activist.com/ea-action/broadcast.record.message.open.do?ea.broadcast.id=33554&ea.campaigner.id=GDN5Uc%2BVpaGZkArzVWMSmA==&ea.client.id=10037"/>