<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<table style="border-spacing:0;font-family: 'Lato', Helvetica,
Arial, sans-serif;" border="0" cellspacing="0" cellpadding="0"
align="left" width="100%">
<!-- START HEADER --> <tbody>
<tr>
<td id="subhead-region-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#ffffff;"
align="center">
<center class="wrapper"
style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit" style="max-width:600px;">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table class="outer"
style="border-spacing:0;font-family: 'Lato',
Helvetica, Arial, sans-serif;;Margin:0
auto;width:100%;max-width:600px;" border="0"
cellspacing="0" cellpadding="0" align="center">
<!-- START D&D Heading --> <tbody>
<tr>
<td class="article-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#d1effa;"
align="center">
<center class="wrapper"
style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit" style="max-width:600px;">
<img
src="https://www.whoi.edu/home/email/D&D/DDheader.jpg"
alt="" width="600" height="188"> </div>
</center>
</td>
</tr>
<tr>
<td class="one-column padding-topbottom-10"
style="padding-top:0px;padding-bottom:10px;padding-right:0;padding-left:0;background:#d1effa;">
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;;"
border="0" cellspacing="0" cellpadding="0"
width="100%">
<tbody>
<tr>
<td class="padding-20 contents"
style="width:100%;padding-top:0px;padding-bottom:20px;padding-right:20px;padding-left:20px;text-align:left;">
<h1
style="Margin:0;font-size:42px;line-height:48px;Margin-top:16px;color:#1f212d;
font-weight:bold;text-align: center">A
new design.<br>
A new expedition. </h1>
<h2
style="Margin:0;font-size:22px;line-height:24px;Margin-top:16px;color:#1f212d;
font-weight:bold;text-align: center">Brothers
Volcano Expedition </h2>
<h2
style="Margin:0;font-size:22px;line-height:24px;Margin-top:16px;color:#1f212d;
font-weight:bold;text-align: center">March
7 - 26, 2018 </h2>
<p
style="Margin:0;font-size:16px;line-height:24px;Margin-top:16px;color:#1f212d;">Dear
Teachers,</p>
<p>We're excited to announce the new
look and functionality of Dive &
Discover, our long-standing blog and
ocean science resource site for
students and teachers. In particular,
we've updated many of our interactives
so that they're now compatible with
tablet devices that are increasingly
common in classrooms. From <a
href="https://divediscover.whoi.edu/hydrothermal-vents/"><strong>hydrothermal
vents</strong></a> to the theory
of <a
href="https://divediscover.whoi.edu/plate-tectonics/"><strong>plate
tectonics</strong></a>, your
students will have the best possible
information about the amazing life and
geology on the deep seafloor right at
their fingertips.</p>
<p>And starting this past Wednesday,
March 7, we've embarked on a new
expedition. Follow along with us as we
explore a submarine volcano 200 miles
northeast of New Zealand. You and your
students will be able to follow along
on an exploration of the caldera
walls, which host some amazing, newly
discovered hydrothermal vents. We will
be sharing stories, videos, and photos
along the way and we’ll be answering
your <a
href="https://divediscover.whoi.edu/expedition16/mail-buoy/"><strong>questions</strong></a>
about the expedition and ocean
science. So take a look and see how we
might be able to help your students
engage with the world of the deep
ocean in a new way with the new Dive
& Discover</p>
<div>
<div> </div>
</div>
<center data-parsed="">
<table class="button success
float-center"
style="background:#27668f;padding-left:30px;padding-right:30px;padding-top:20px;padding-bottom:20px;margin:30px">
<tbody>
<tr>
<td>
<table>
<tbody>
<tr>
<td><a
href="https://divediscover.whoi.edu"
style="color:#fff;text-decoration:none;">Dive & Discover Website</a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</center>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </div>
</center>
</td>
</tr>
<!-- END ARTICLE 1 -->
<!-- START FOOTER --> <tr>
<td id="footer-region-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#ffffff;"
align="center">
<center class="wrapper"
style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit"
style="max-width:600px;background-color:#031c33">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
<tr>
<td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
<![endif]-->
<table style="border-spacing:0;;Margin:0
auto;width:100%;width:200px;max-width:200px;"
border="0" cellspacing="0" cellpadding="0"
align="center">
<tbody>
<tr>
<td style="padding:20px"><a
href="https://www.whoi.edu"><img
src="https://www.whoi.edu/home/email/D&D/WHOI-logo-email.png"
alt="" width="100" height="92"></a> </td>
<td style="padding:20px"><a
href="https://www.nsf.gov"><img
src="https://www.whoi.edu/home/email/D&D/nsf-email.png"
alt="" width="92" height="92"></a> </td>
</tr>
</tbody>
</table>
<table class="outer"
style="border-spacing:0;font-family: 'Lato',
Helvetica, Arial, sans-serif;;Margin:0
auto;width:100%;max-width:600px;" border="0"
cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td id="footer" class="padding-topbottom-10"
style="padding-top:0px;padding-bottom:10px;padding-right:0;padding-left:0;">
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;;"
border="0" cellspacing="0" cellpadding="0"
width="100%">
<tbody>
<tr>
<td class="padding-20 contents center"
style="width:100%;text-align:center;padding-top:0px;padding-bottom:20px;padding-right:20px;padding-left:20px;">
<div id="social-media"
style="width:100%;max-width:300px;display:inline-block;vertical-align:bottom;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;" border="0"
cellspacing="0" cellpadding="0"
width="100%">
<tbody>
<tr>
<td class="padding-20"
style="padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;">
<table class="contents"
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:left;"
border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica,
Arial, sans-serif;;"
border="0"
cellspacing="0"
cellpadding="0"
width="100%">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://www.facebook.com/pages/Woods-Hole-Oceanographic-Institution-WHOI/56661991371"><img
src="https://www.whoi.edu/cms/responsive/img/fb.png" alt="Facebook"
style="border-width:0;height:auto;max-width:22px;width:22px;"
width="22px"></a>
</td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://twitter.com/whoi"><img
src="https://www.whoi.edu/cms/responsive/img/tw.png"
alt="Twitter"
style="border-width:0;height:auto;max-width:22px;width:22px;" width="22"></a>
</td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://instagram.com/woodshole_ocean/"><img
src="https://www.whoi.edu/cms/responsive/img/instagram.png"
alt="Instagram"
style="border-width:0;height:auto;max-width:22px;width:22px;"
width="22"></a>
</td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://vimeo.com/whoi"><img
src="https://www.whoi.edu/cms/responsive/img/vm.png"
alt="Vimeo"
style="border-width:0;height:auto;max-width:22px;width:22px;"
width="22"></a>
</td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://www.youtube.com/user/WoodsHoleOceanInst"><img
src="https://www.whoi.edu/cms/responsive/img/youtube.png"
alt="YouTube"
style="border-width:0;height:auto;max-width:22px;width:22px;" width="22"></a>
</td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://www.linkedin.com/company/woods-hole-oceanographic-institution"><img
src="https://www.whoi.edu/cms/responsive/img/linkedin.png"
alt="Linkedin"
style="border-width:0;height:auto;max-width:22px;width:22px;" width="22"></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<p
style="Margin:0;Margin-top:0px;font-size:13px;line-height:20px;Margin-bottom:16px;color:#ffffff;">©2018
Woods Hole Oceanographic Institution,
Woods Hole, Massachusetts</p>
<p><a href="https://www.whoi.edu"
style="Margin:0;Margin-top:16px;font-size:13px;line-height:20px;Margin-bottom:16px;color:#ffffff;">www.whoi.edu</a></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]--> </div>
</center>
</td>
</tr>
<!-- END FOOTER -->
</tbody>
</table>
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Lato"
rel="stylesheet">
<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
table {border-collapse: collapse !important;}
</style>
<![endif]-->
<style type="text/css">
body {
Margin: 0;
padding: 0;
min-width: 100%;
background-color: #ffffff;
}
table {
border-spacing: 0;
font-family: 'Lato', Helvetica, Arial, sans-serif;
}
td {
padding: 0;
}
img {
border: 0;
}
.wrapper {
width: 100%;
table-layout: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.webkit {
max-width: 600px;
}
.outer {
Margin: 0 auto;
width: 100%;
max-width: 600px;
}
.contents {
width: 100%;
}
.center {
text-align: center;
}
p, h1, h2 {
Margin: 0;
}
h1, h2, h3 {font-weight:normal;}
h1 {
font-size: 26px;
line-height: 34px;
Margin-bottom: 16px;
}
h2 {
font-size: 18px;
line-height: 26px;
Margin-bottom: 18px;
}
.one-column h1,
.one-column h2 {
color: #1f212d;
}
.one-column-article h1 span {
font-size: 22px;
color: #ffffff;
background-color: #1f212d;
text-transform: uppercase;
padding: 10px;
}
.two-column h1,
.two-column h2 {
color: #1f212d;
}
#logo h1 {
font-size: 26px;
Margin-bottom: 0px;
}
#hero-text h1,
#hero-text h2 {
color: #ffffff;
}
#cta-text h1,
#cta-text h2 {
color: #ffffff;
}
#featured-article-1-text h1,
#featured-article-1-text h2 {
color: #1f212d;
}
#featured-article-2 h1,
#featured-article-2 h2 {
color: #172d46;
}
#footer h1, #footer h2 {
color: #ffffff;
}
p {
font-size: 16px;
line-height: 24px;
Margin-top: 16px;
}
.one-column p,
.two-column p,
.one-column-article,
#featured-article-1-text p,
#featured-article-2 p {
color: #1f212d;
}
#featured-article-1-text p {
color: #1f212d;
}
#hero-text p,
#cta-text p {
color: #ffffff;
}
#hero-text p {
Margin-bottom: 20px;
}
#footer p {
font-size: 13px;
line-height: 20px;
Margin-bottom: 16px;
color: #ffffff;
}
.italic {
font-style: italic;
}
.bold {
font-weight: bold;
}
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
a {
color: #4A90E2;
text-decoration: underline;
}
#footer a {
color: #ffffff;
text-decoration: underline;
}
.button-link-1,
.button-link-2,
.button-link-3,
.button-link-4 {
display: block;
text-decoration: none;
border: 0;
text-align: center;
font-weight: bold;
font-size: 15px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
line-height: 30px;
}
.button-link-1 {
color: #ffffff;
background: #27668f;
border: 5px solid #6daaf1;
}
.button-link-2 {
color: #1f212d;
background: #d1effa;
border: 5px solid #27668f;
}
.button-link-3 {
color: #1f212d;
background: #d1effa;
border: 5px solid #cccccc;
}
.button-link-4 {
color: #1f212d;
background: #d1effa;
border: 5px solid #eeeeee;
}
.button-radius {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.padding-10 {
padding: 10px;
}
.padding-top-10 {
padding: 10px 0 0 0;
}
.padding-topbottom-10 {
padding: 10px 0 10px 0;
}
.padding-20 {
padding: 20px;
}
.padding-top-20 {
padding: 20px 0 0 0;
}
.padding-topbottom-20 {
padding: 20px 0 20px 0;
}
.padding-toprightleft-20 {
padding: 20px 20px 0 20px;
}
.padding-rightleft-20 {
padding: 0px 20px 0 20px;
}
.padding-toprightleft-30 {
padding: 30px 20px 0 20px;
}
.padding-toprightleft-35 {
padding: 35px 20px 0 20px;
}
.two-column img,
.three-column img,
.full-width-image img,
#logo img,
#social-media img,
#hero-image img,
#cta-image img,
.left-sidebar img,
.right-sidebar img {
width: 100%;
height: auto;
}
.two-column img {
max-width: 260px;
}
.three-column img {
max-width: 160px;
}
.full-width-image img {
max-width: 600px;
}
#logo img {
max-width: 193px;
}
#social-media img {
max-width: 22px;
}
#hero-image img {
max-width: 260px;
}
#cta-image img {
max-width: 30px;
}
.left-sidebar img {
max-width: 60px;
}
.right-sidebar img {
max-width: 60px;
}
#logo-region-back,
.fullwidthimage-region-back,
.article-back {
background-color: #ffffff;
}
#featured-article-1-back {
background-color: #eeeeee;
}
#subhead-region-back {
background-color: #ffffff;
}
#cta-region-back {
background-color: #333333;
}
#hero-region-back {
background-color: #27668f;
}
#featured-article-2-back {
background-color: #eeeeee;
}
#separator-1,
#separator-2,
#separator-3 {
font-size: 5px;
color: #ffffff;
line-height: 5px;
mso-line-height-rule: exactly;
}
#separator-1 {
background-color: #efefef;
}
#separator-2 {
background-color: #dddddd;
}
#separator-3 {
background-color: #0063ae;
}
.article-separator {
font-size: 4px;
color: #ffffff;
mso-line-height-rule: exactly;
line-height: 4px;
border-bottom: 4px solid #cccccc;
}
#footer-region-back {
background-color: #1f212d;
}
.one-column .contents,
.one-column-article .contents,
#featured-article-2-back .contents {
text-align: left;
}
.two-column {
text-align: center;
font-size: 0;
}
.two-column .column {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
.two-column .contents {
font-size: 14px;
text-align: left;
}
#two-column-featured {
text-align: center;
font-size: 0;
padding-top: 10px;
padding-bottom: 10px;
}
#logo,
#social-media {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: bottom;
}
#hero-text,
#hero-image {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
#cta-text,
#cta-image {
width: 100%;
display: inline-block;
vertical-align: middle;
}
#cta-text {
max-width: 500px;
}
#cta-image {
max-width: 100px;
}
#cta-image-align {
text-align: center;
}
#featured-article-1-image,
#featured-article-1-text {
width: 100%;
max-width: 300px;
display: inline-block;
vertical-align: top;
}
.three-column {
text-align: center;
font-size: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.three-column .column {
width: 100%;
max-width: 200px;
display: inline-block;
vertical-align: top;
}
.three-column .contents {
font-size: 14px;
text-align: center;
}
@media screen and (max-width: 400px) {
.two-column .column,
.three-column .column {
max-width: 100% !important;
}
.two-column img {
max-width: 100% !important;
}
#social-media img {
max-width: 22px !important;
}
#cta-image img {
max-width: 30px !important;
}
.three-column img {
max-width: 50% !important;
}
}
@media screen and (min-width: 401px) and (max-width: 620px) {
.three-column .column {
max-width: 33% !important;
}
.two-column .column {
max-width: 50% !important;
}
}
</style>
</body>
</html>