<!DOCTYPE html>
<html>
    <head>
        <!-- General styles, not used by all email clients -->
        <style type="text/css" media="all">
            a {
                text-decoration: none;
                color: #0088cc;
            }
            hr {
                border-top: 1px solid #999;
            }
        </style>
    </head>

    <!-- KEEP THE LAYOUT SIMPLE: THOSE ARE SERVICE MESSAGES. -->
    <body style="margin: 0; padding: 0;">

        <!-- Top title with dark background -->
        <table style="background-color: #444; width: 100%;" cellspacing="0" cellpadding="0">
            <tr>
                <td style="padding: 20px; text-align: center; font-family: sans-serif; color: #fff; font-size: 28px">
                    WHOI Sea Grant
                </td>
            </tr>
        </table>

        <!-- Main table 100% wide with background color #eee -->    
        <table style="background-color: #eee; width: 100%;">
            <tr>
                <td align="center" style="padding: 15px;">

                    <!-- Content table with backgdound color #fff, width 500px -->
                    <table style="background-color: #fff; max-width: 600px; width: 100%; border: 1px solid #ddd;">
                        <tr>
                            <td style="padding: 15px; color: #333; font-size: 16px; font-family: sans-serif">
                                <!-- The "message" tag below is replaced with one of confirmation, welcome or goodbye messages -->
                                <!-- Messages content can be configured on Newsletter List Building panels --> 

                                <p>This message confirms that you have unsubscribed from our newsletter. Thank you.</p>

                                <hr>
                                <!-- Signature if not already added to single messages (surround with <p>) -->
                                <p>
                                    <small>
                                        <a href="https://seagrant.whoi.edu/">https://seagrant.whoi.edu/</a><br>
                                        Woods Hole Sea Grant<br>
                                        193 Oyster Pond Road, MS#2 Woods Hole, MA 02543
                                    </small>
                                </p>
                                

                            </td>
                        </tr>
                    </table>

                </td>
            </tr>
        </table>

    </body>
</html>