<!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;
}
a:hover {
text-decoration: none; color: #173656;
}
a:visited {
text-decoration: none; color: #27668f;
}
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: 38px !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%;">&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;</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/squid600.jpg?v=1558021380000');" 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/squid600.jpg?v=1558021380000" 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%;">May 16, 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;"><a href="https://www.whoi.edu/news-insights/types/featured-project/" 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%;">Featured Project</strong></a> | <a class="light" href="https://twilightzone.whoi.edu/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #ffffff;">Ocean twilight zone</a></h5>

                                                <h2 style="font-family: 'Roboto Condensed', sans-serif; font-size: 28px; 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=238098&ea.campaigner.email=BdaxHunqTkLgaXR82g2b4g==&ea.campaigner.id=GDN5Uc%2BVpaGZkArzVWMSmA==&ea_broadcast_target_id=0" style="font-family: 'Roboto Condensed', sans-serif; font-size: 28px; font-weight: 400; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #ffffff;">Illuminating life in the Dark</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/construction-begins-on-new-regional-class-research-vessel/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="new ship" border="0" src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/newship600.jpg?v=1558021378000" 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/news-release/" 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/what-we-do/explore/ships/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;">ships</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=238099&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;">The R/V <em style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">Resolution</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;">Construction begins on new regional class research vessel</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/press-room/news-release/north-atlantic-ocean-productivity-has-dropped-10-percent-during-industrial-era/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="ice core in greenland" border="0" src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/iceGreenland600.jpg?v=1558021658000" 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/know-your-ocean/ocean-topics/climate-ocean/" 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%;">Climate &amp; Oceans</strong></a> | <a class="light" href="https://www.whoi.edu/topics/climate-oceans/global-warming/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #ffffff;">Global Warming</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=238100&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;">Phytoplankton in Decline </a></h3>

                                                                        <p style="font-family: 'Lato', sans-serif; font-size: 16px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;">Productivity engine of the Atlantic is slowing down</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.forbes.com/sites/allenelizabeth/2019/05/13/arsenic-breathing-microbes-found-in-the-open-ocean/#6f847ed11542" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="ice bubbles" border="0" src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/bubbles.jpg?v=1558021376000" 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/whoi-in-the-news/" 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%;">In the News</strong></a> | <a href="https://www.forbes.com/sites/allenelizabeth/2019/05/13/arsenic-breathing-microbes-found-in-the-open-ocean/#4aabf31f1542" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;">Forbes</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=238101&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;">Arsenic-Breathing Microbes</a></h3>

                                                                        <p style="font-family: 'Lato', sans-serif; font-size: 16px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;">Changing the way we think about respiration</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://giving.whoi.edu/join-us/associates-events-and-trips/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt="woods hole" border="0" src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/WHOIdock600.jpg?v=1558021381000" 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;"><strong style="color: #555555; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">Events</strong> | <a href="https://giving.whoi.edu/join-us/associates-events-and-trips/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;">Guided Tours</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=238102&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;">WHOI Member Tours</a></h3>

                                                                        <p style="font-family: 'Lato', sans-serif; font-size: 16px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0;">Join us for free guided walking tours</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.whoi.edu/multimedia/nature-imitating-art/" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-decoration: none; color: #27668f;"><img alt=" jellyfish Atolla" border="0" height="169" src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10037/jellyfish600.jpg?v=1558030100000" 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">
                                                                        <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> The jellyfish Atolla, looks more like a chandelier than an animal. Atolla are abundant the world over in the Ocean Twilight Zone and shallower depths. When disturbed, they produce circles of brilliant blue bioluminescent light. (Larry Madin, 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> &nbsp; &nbsp; <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> &nbsp; &nbsp; <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 &copy;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=35818&templateId=35944" 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%3D35818&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=35818&ea.campaigner.id=GDN5Uc%2BVpaGZkArzVWMSmA==&ea.client.id=10037"/>