Hello everyone! I'm having difficulty with my tables in Microsoft Outlook on Windows. Some of the tables and images scale beyond the max-width of 600px. As I was using and adapting the Litmus email templates, I'm not sure why it's rendering so terribly on some of the tables, but not all. I've tried removing the div tags, as somewhere mentioned Outlook doesn't read them? But I haven't noticed a difference. As I'm new to coding email newsletters I need all the help I can get!

Thank you!


<!DOCTYPE html>
<html>
<head>
<title>UBC Okanagan Campus Update | July 2018</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style type="text/css">
    /* CLIENT-SPECIFIC STYLES */
    body, table, td, a{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
    table, td{mso-table-lspace: 0pt; mso-table-rspace: 0pt;} /* Remove spacing between tables in Outlook 2007 and up */
    img{-ms-interpolation-mode: bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */

    /* RESET STYLES */
    img{border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none;}
    table{border-collapse: collapse !important;}
    body{height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important;}

    /* iOS BLUE LINKS */
    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;
    }

    /* MOBILE STYLES */
    @media screen and (max-width: 525px) {

        /* ALLOWS FOR FLUID TABLES */
        .wrapper {
          width: 100% !important;
            max-width: 100% !important;
        }

        /* ADJUSTS LAYOUT OF LOGO IMAGE */
        .logo img {
          margin: 0 auto !important;
        }

        /* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
        .mobile-hide {
          display: none !important;
        }

        .img-max {
          max-width: 100% !important;
          width: 100% !important;
          height: auto !important;
        }

        /* FULL-WIDTH TABLES */
        .responsive-table {
          width: 100% !important;
        }

        /* UTILITY CLASSES FOR ADJUSTING PADDING ON MOBILE */
        .padding {
          padding: 10px 5% 10px 5% !important;        }

        .padding-meta {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
        }


        .no-padding {
          padding: 0 !important;
        }

        .section-padding {
          padding: 10px 15px 10px 15px !important;
        }

        /* ADJUST BUTTONS ON MOBILE */
        .mobile-button-container {
            margin: 0 auto;
            width: 65% !important;
        }

        .mobile-button {
            padding: 10px !important;
            margin: 0 15px;
            border: 1 !important;
            font-size: 16px !important;
            display: block !important;
        }



    /* ANDROID CENTER FIX */
    div[style*="margin: 16px 0;"] { margin: 0 !important; }
.blank {
}
</style>
</head>
<body style="margin: 0 !important; padding: 0 !important; background-color: #dfe8eb !important;">

<!-- HIDDEN PREHEADER TEXT -->
<div style="display: none; font-size: 1px; color: #fefefe; line-height: 1px; font-family: Helvetica, Arial, sans-serif; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden;">
    Challenges are best tackled together. In partnership with our community, UBC Okanagan explores complex issues and works to create new opportunities with outcomes that extend throughout the valley and beyond.
</div>

<!-- HEADER -->
<table border="0" cellpadding="0" cellspacing="0" align="center" style="max-width: 600px;">
    <tr>
        <td bgcolor="#dfe8eb" align="center" style="padding: 70px 15px 20px 15px;" class="section-padding">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
            <tr>
            <td align="center" valign="top" width="500">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff; max-width: 600px;" class="responsive-table">        <tr>
                    <td>
                        <!-- HERO IMAGE -->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                             <tr>
                                <td class="no-padding" align="center">
                                        <a href="Okanagan Campus Update july 2018"><img class="img-max" src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/imgs_NewsletterHeader-Logo-1.png" width="600" height="260" border="0" alt="The University of British Columbia Logo, Okanagan Campus Update: July 2018" style="display: block; color: #333333;  font-family: Helvetica, arial, sans-serif; font-size: 16px;"></a>
                                </td>
                            </tr>
                            <tr>
                                <td class="no-padding" align="center">
                                        <a href="Community: A group of students drumming in a circle"><img class="img-max" src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/Community_Facebook-1200px.jpg" width="600" height="260" border="0" alt="Community: A group of students drumming in a circle" style="display: block; color: #333333;  font-family: Helvetica, arial, sans-serif; font-size: 16px;"></a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <!-- COPY -->
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                        <tr>
                                            <td align="left" style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color: #0055B7; padding: 30px 5% 40px 5%;" class="padding">Challenges are best tackled together. In partnership with our community, UBC Okanagan explores complex issues and works to create new opportunities with outcomes that extend throughout the valley and beyond.
                                            <br><br> Focusing on community, this Update newsletter highlights a few of our many regional partnerships and notable recent developments.</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>

    <!-- TWO COLUMN FEATURE STORIES -->

    <tr>
        <td bgcolor="#dfe8eb" align="center" style="padding: 20px 15px 20px 15px; max-width: 600px;" class="section-padding">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
            <tr>
            <td align="center" valign="top" width="500">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" class="responsive-table">
                 <tr>
                    <td align="center" height="100%" valign="top" width="100%">
                        <!--[if (gte mso 9)|(IE)]>
                        <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
                        <tr>
                        <td align="center" valign="top" width="500">
                        <![endif]-->
                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;">
                            <tr>
                                <td align="center" valign="top" style="font-size:0;" class="no-padding">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
                                    <tr>
                                    <td align="left" valign="top" width="280">
                                    <![endif]-->
                                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:280px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                        <tr>
                                                            <td style="padding: 20px 0 30px 0;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                                    <tr>
                                                                         <td align="center" bgcolor="#F5F7FA" valign="middle"><a href="https://ok.ubc.ca/okanagan-stories/indigenous-voices/" target="_blank"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/ind-DavidLacho-2.png" width="559" height="303" style="display: block; color: #333333; font-family: arial, Helvetica, sans-serif; font-size: 13px; width: 280px; height: 150px;" alt="David Lacho, UBC Okanagan reseacher" border="0" class="img-max"></a></td>
                                                                    </tr>
<tr>
                                                                        <td align="left" style="padding: 15px 5% 0 5%; font-family: Arial, sans-serif; color: #0C2344; font-size: 20px;" bgcolor="#ffffff">INDIGENOUS VOICES</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="left" style="padding: 10px 5% 0 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#ffffff">Community-based research partnerships are interpreting oral histories, supporting disconnected communities and revitalizing endangered languages.</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="center" style="padding: 20px 0 20px 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">
                                                                            <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                                                                <tr>
                                                                                    <td align="center" style="border-radius: 0px;" bgcolor="#FFFFFF"><a href="https://ok.ubc.ca/okanagan-stories/indigenous-voices/" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #0055b7; text-decoration: none; color: #0055b7; text-decoration: none; border-radius: 0px; padding: 10px 25px; border: 1px solid #0055b7; display: inline-block;" class="mobile-button">OPEN</a></td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>

                                                </td>
                                            </tr>
                                        </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    <td width="20" style="font-size: 1px;">&nbsp;</td>
                                    <td align="right" valign="top" width="280">
                                    <![endif]-->
                                        <table align="right" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:280px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                        <tr>
                                                            <td style="padding: 20px 0 30px 0;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                                    <tr>
                                                                        <td align="center" bgcolor="#FFFFFF" valign="middle"><a href="https://ok.ubc.ca/okanagan-stories/hive-of-activity/" target="_blank"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/ind-hiveofactivity.png" width="559" height="303" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 280px; height: 150px;" alt="A closeup of a bee on a flower" border="0" class="img-max"></a></td>
                                                                    </tr>
<tr>
                                                                        <td align="left" style="padding: 15px 5% 0 5%; font-family: Arial, sans-serif; color: #333333; font-size: 20px;" bgcolor="#FFFFFF">HIVE OF ACTIVITY</td>                                                                    </tr>
                                                                    <tr>
                                                                        <td align="left" style="padding: 10px 5% 20px 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">Dozens of community collaborations such as pollinator projects support habitat for the more than 380 bee species in the Okanagan. <br></td>                                                                    </tr>
                                                                    <tr>
                                                                        <td align="center" style="padding: 20px 0 20px 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">
                                                                            <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                                                                <tr>
                                                                                    <td align="center" style="border-radius: 0px;" bgcolor="#FFFFFF"><a href="https://ok.ubc.ca/okanagan-stories/hive-of-activity/" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #0055b7; text-decoration: none; color: #0055b7; text-decoration: none; border-radius: 0px; padding: 10px 25px; border: 1px solid #0055b7; display: inline-block;" class="mobile-button">OPEN</a></td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>

                                                </td>
                                            </tr>
                                        </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    </tr>
                                    </table>
                                    <![endif]-->
                                </td>
                            </tr>
                        </table>
                        <!--[if (gte mso 9)|(IE)]>
                        </td>
                        </tr>
                        </table>
                        <![endif]-->
                    </td>
                </tr>
                <tr>
                    <td align="center" height="100%" valign="top" width="100%">
                        <!--[if (gte mso 9)|(IE)]>
                        <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
                        <tr>
                        <td align="center" valign="top" width="500">
                        <![endif]-->
                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;">
                            <tr>
                                <td align="center" valign="top" style="font-size:0;" class="no-padding">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
                                    <tr>
                                    <td align="left" valign="top" width="280">
                                    <![endif]-->
                                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:280px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                        <tr>
                                                            <td style="padding: 10px 0 30px 0;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                                    <tr>
                                                                       <td align="center" bgcolor="#F5F7FA" valign="middle"><a href="https://news.ok.ubc.ca/2018/01/25/ubc-researchers-map-smoke-taint-in-wine-grapes/" target="_blank"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/Riesling-grapes-closeup.JPG" width="560" height="300" style="display: block; color: #666666; font-family: arial, Helvetica, sans-serif; font-size: 13px; width: 280px; height: 150px;" alt="Closeup of Riesling grapes" border="0" class="img-max"></a></td>
                                                                    </tr>
<tr>
                                                                        <td align="left" style="padding: 15px 5% 0 5%; font-family: Arial, sans-serif; color: #0C2344; font-size: 20px;" bgcolor="#ffffff">SMOKE SCREENING</td>                                                   </tr>
                                                                    <tr>
                                                                        <td align="left" style="padding: 10px 5% 0 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">Supra Research and Development and UBC partner to examine what happens to wine grapes after they are exposed to wildfire smoke.
                                                                        <br></td>                                                                  </tr>
                                                                    <tr>
                                                                        <td align="center" style="padding: 20px 0 20px 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">
                                                                            <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                                                                <tr>
                                                                                    <td align="center" style="border-radius: 0px;" bgcolor="#FFFFFF"><a href="https://news.ok.ubc.ca/2018/01/25/ubc-researchers-map-smoke-taint-in-wine-grapes/" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #0055b7; text-decoration: none; color: #0055b7; text-decoration: none; border-radius: 0px; padding: 10px 25px; border: 1px solid #0055b7; display: inline-block;" class="mobile-button">OPEN</a></td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>

                                                </td>
                                            </tr>
                                        </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    <td width="20" style="font-size: 1px;">&nbsp;</td>
                                    <td align="right" valign="top" width="280">
                                    <![endif]-->
                                        <table align="right" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:280px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                        <tr>
                                                            <td style="padding: 10px 0 30px 0;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                                        <tr>
                                                                           <td align="center" bgcolor="#FFFFFF" valign="middle"><a href="https://news.ok.ubc.ca/2018/05/16/ubcs-personal-belongings-cart-ready-to-hit-the-streets/" target="_blank"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/Homeless-cart.jpg" width="560" height="300" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 280px; height: 150px;" alt="Engineer working on a new high-tech streetcart for the homeless" border="0" class="img-max"></a></td>
                                                                        </tr>
                                                                    <tr>
                                                                         <td align="left" style="padding: 15px 5% 0 5%; font-family: Arial, sans-serif; color: #333333; font-size: 20px;" bgcolor="#FFFFFF">STREET-SMART CART</td>                                              </tr>
                                                                    <tr>
                                                                         <td align="left" style="padding: 10px 5% 0 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">Community partners and UBC Okanagan engineers design personal belongings carriers to make life easier for homeless people.</td>                                                                   </tr>
                                                                    <tr>
                                                                        <td align="center" style="padding: 20px 0 20px 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">
                                                                            <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                                                                <tr>
                                                                                    <td align="center" style="border-radius: 0px;" bgcolor="#FFFFFF"><a href="https://news.ok.ubc.ca/2018/05/16/ubcs-personal-belongings-cart-ready-to-hit-the-streets/" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #0055b7; text-decoration: none; color: #0055b7; text-decoration: none; border-radius: 0px; padding: 10px 25px; border: 1px solid #0055b7; display: inline-block;" class="mobile-button">OPEN</a></td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>

                                                </td>
                                            </tr>
                                        </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    </tr>
                                    </table>
                                    <![endif]-->
                                </td>
                            </tr>
                        </table>
                        <!--[if (gte mso 9)|(IE)]>
                        </td>
                        </tr>
                        </table>
                        <![endif]-->
                    </td>
                </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>

    <!-- RESEARCH AND PARTNERSHIPS -->
    <tr>
        <td bgcolor="#dfe8eb" align="center" style="padding: 20px 15px 0px 15px;" class="section-padding">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
            <tr>
            <td align="center" valign="top" width="500">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff; max-width: 600px;" class="responsive-table">
                <tr>
                    <td>
                        <!-- HERO IMAGE -->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                             <tr>
                                    <!-- COPY -->
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                        <tr>
                                            <td align="left" style="padding: 20px 5% 0 5%; font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.4em; color: #0055B7; ">RESEARCH PARTNERSHIPS</td>
                                        </tr>
                                        <tr>
                                           <td align="left" style="padding: 10px 5% 20px 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">UBC Okanagan research partnerships link local industry, municipal governments, non-profits and community health organizations with enterprising students and faculty. </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>

        <!-- TWO COLUMN FEATURE STORIES -->

    <tr>
        <td bgcolor="#dfe8eb" align="center" style="padding: 0px 15px 20px 15px;" class="section-padding">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
            <tr>
            <td align="center" valign="top" width="500">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" class="responsive-table">
                 <tr>
                    <td align="center" height="100%" valign="top" width="100%">
                        <!--[if (gte mso 9)|(IE)]>
                        <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
                        <tr>
                        <td align="center" valign="top" width="500">
                        <![endif]-->
                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;">
                            <tr>
                                <td align="center" valign="top" style="font-size:0;" class="no-padding">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
                                    <tr>
                                    <td align="left" valign="top" width="280">
                                    <![endif]-->
                                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:280px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                        <tr>
                                                            <td style="padding: 20px 0 15px 0;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                                    <tr>
                                                                        <td align="center" bgcolor="#F5F7FA" valign="middle"><a href="https://ok.ubc.ca/okanagan-stories/mission-possible/" target="_blank"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/pilot-fatigue_main.jpg" width="560" height="300" style="display: block; color: #666666; font-family: arial, Helvetica, sans-serif; font-size: 13px; width: 280px; height: 150px;" alt="A pilot in the cockpit" border="0" class="img-max"></a></td>
                                                                    </tr>
<tr>
                                                                       <td align="left" style="padding: 15px 5% 0 5%; font-family: Arial, sans-serif; color: #333333; font-size: 20px;" bgcolor="#FFFFFF">MISSION POSSIBLE</td>
                                                                    </tr>
                                                                    <tr>
                                                                     <td align="left" style="padding: 10px 5% 20px 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">A diverse research team from Conair and UBC STAR explores ways to help aerial firefighters stay safe on the job.</td>
                                                                    </tr>
                                                                    <tr>
                                                                      <td align="center" style="padding: 20px 0 20px 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">
                                                                        <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                                                            <tr>
                                                                                <td align="center" style="border-radius: 0px;" bgcolor="#FFFFFF"><a href="https://ok.ubc.ca/okanagan-stories/mission-possible/" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #0055b7; text-decoration: none; color: #0055b7; text-decoration: none; border-radius: 0px; padding: 10px 25px; border: 1px solid #0055b7; display: inline-block;" class="mobile-button">OPEN</a></td>
                                                                            </tr>
                                                                        </table>
                                                                       </td>
                                                                     </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    <td width="20" style="font-size: 1px;">&nbsp;</td>
                                    <td align="right" valign="top" width="280">
                                    <![endif]-->
                                        <table align="right" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:280px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                        <tr>
                                                            <td style="padding: 20px 0 15px 0;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                                    <tr>
                                                                        <td align="center" bgcolor="#FFFFFF" valign="middle"><a href="https://news.ok.ubc.ca/ikbarberschool/2018/02/05/medical-physics-students-getting-real-world-experience/" target="_blank"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/CancerTherapy-Medical-physics.jpg" width="560" height="300" style="display: block; color: #666666; font-family: Helvetica, arial, sans-serif; font-size: 13px; width: 280px; height: 150px;" alt="Medical physicists working on new medical techonology " border="0" class="img-max"></a></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="left" style="padding: 15px 5% 0 5%; font-family: Arial, sans-serif; color: #333333; font-size: 20px;" bgcolor="#FFFFFF">CANCER THERAPY</td>                               
                                                                    </tr>
                                                                    <tr>
                                                                         <td align="left" style="padding: 10px 5% 0 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">The BC Cancer Agency and UBC Okanagan's Medical Physics graduate program train the next generation of medical physicists.</td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="center" style="padding: 20px 0 20px 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">
                                                                            <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                                                                <tr>
                                                                                    <td align="center" style="border-radius: 0px;" bgcolor="#FFFFFF"><a href="https://news.ok.ubc.ca/ikbarberschool/2018/02/05/medical-physics-students-getting-real-world-experience/" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #0055b7; text-decoration: none; color: #0055b7; text-decoration: none; border-radius: 0px; padding: 10px 25px; border: 1px solid #0055b7; display: inline-block;" class="mobile-button">OPEN</a></td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>

                                                </td>
                                            </tr>
                                        </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    </tr>
                                    </table>
                                    <![endif]-->
                                </td>
                            </tr>
                        </table>
                        <!--[if (gte mso 9)|(IE)]>
                        </td>
                        </tr>
                        </table>
                        <![endif]-->
                    </td>
                </tr>
                <tr>
                    <td align="center" height="100%" valign="top" width="100%">
                        <!--[if (gte mso 9)|(IE)]>
                        <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
                        <tr>
                        <td align="center" valign="top" width="500">
                        <![endif]-->
                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;">
                            <tr>
                                <td align="center" valign="top" style="font-size:0;" class="no-padding">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
                                    <tr>
                                    <td align="left" valign="top" width="280">
                                    <![endif]-->
                                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:280px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                        <tr>
                                                            <td style="padding: 10px 0 15px 0;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                                        <tr>
                                                                        <td align="left" style="padding: 15px 5% 0 5%; font-family: Arial, sans-serif; color: #0C2344; font-size: 20px;" bgcolor="#ffffff">DIAMOND IN THE ROUGH </td>                                                   </tr>
                                                                    <tr>
                                                                   <tr>
                                                                     <td align="left" style="padding: 10px 5% 40px 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">Kal Tire Mining Tire Group and UBC Okanagan researchers work on new applications and manufacturing possibilities for recycled carbon residue.</td>
                                                                    </tr>                                                                  
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="center" style="padding: 20px 0 20px 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">
                                                                            <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                                                                <tr>
                                                                                    <td align="center" style="border-radius: 0px;" bgcolor="#FFFFFF"><a href="https://ok.ubc.ca/okanagan-stories/diamond-in-the-rough/" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #0055b7; text-decoration: none; color: #0055b7; text-decoration: none; border-radius: 0px; padding: 10px 25px; border: 1px solid #0055b7; display: inline-block;" class="mobile-button">OPEN</a></td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>

                                                </td>
                                            </tr>
                                        </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    <td width="20" style="font-size: 1px;">&nbsp;</td>
                                    <td align="right" valign="top" width="280">
                                    <![endif]-->
                                        <table align="right" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:280px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                        <tr>
                                                            <td style="padding: 10px 0 15px 0;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                                                    <tr>
                                                                         <td align="left" style="padding: 15px 5% 0 5%; font-family: Arial, sans-serif; color: #333333; font-size: 20px;" bgcolor="#FFFFFF">MITACS MOMENTUM</td>                                              </tr>
                                                                    <tr>
                                                                         <td align="left" style="padding: 10px 5% 0 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">Bringing fresh thinking to business challenges, Mitacs facilitates academic-industry partnerships, with 141 UBC Okanagan graduate student internships and other professional development and research fellowships in 2016-2017.</td>                                                                   </tr>
                                                                    <tr>
                                                                        <td align="center" style="padding: 20px 0 20px 0; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">
                                                                            <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                                                                <tr>
                                                                                    <td align="center" style="border-radius: 0px;" bgcolor="#FFFFFF"><a href="https://www.mitacs.ca/en/university/university-british-columbia-okanagan" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #0055b7; text-decoration: none; color: #0055b7; text-decoration: none; border-radius: 0px; padding: 10px 25px; border: 1px solid #0055b7; display: inline-block;" class="mobile-button">OPEN</a></td>
                                                                                </tr>
                                                                            </table>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    </tr>
                                    </table>
                                    <![endif]-->
                                </td>
                            </tr>
                        </table>
                        <!--[if (gte mso 9)|(IE)]>
                        </td>
                        </tr>
                        </table>
                        <![endif]-->
                    </td>
                </tr>
                <tr>
                    <td align="center" height="100%" valign="top" width="100%">
                        <!--[if (gte mso 9)|(IE)]>
                        <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
                        <tr>
                        <td align="center" valign="top" width="500">
                        <![endif]-->
                        <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:600px;">
                             <tr>
                                <td align="center" valign="top" style="font-size:0;" class="no-padding">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
                                    <tr>
                                    <td align="left" valign="top" width="300">
                                    <![endif]-->
                                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:300px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0;" cellspacing="0" width="100%" bgcolor="#ffffff">
                                                        <tr>
                                                            <td style="padding: 0px;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="300px">
                                                                    <td align="left" style="padding: 15px 5% 0 5%; font-family: Arial, sans-serif; color: #0C2344; font-size: 20px;" bgcolor="#ffffff">RESEARCH</td>
                                                                    <tr>
                                                                        <td align="left" style="padding: 20px 0 5px 8%;"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/189percent%403x.png" width="261" height="62" style="display: block; width: 261px; height: 62px;" alt="189% increase in research funding since 2005" border="0"></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="left" style="padding: 10px 0 5px 8%;"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/21.9million%403x.png" width="183" height="105" style="display: block; width: 183px; height: 105px;" alt="$19.9M resarch funding supporting 1,247 projects" border="0"></td>
                                                                        </tr>
                                                                    <tr>
                                                                    <td align="left" style="padding: 10px 0 20px 8%;"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/115research%403x.png" width="250" height="100" style="display: block; width: 250px; height: 100px;" alt="115 research projects with industry partners, government and non-profit organizations" border="0"></td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                     <!--[if (gte mso 9)|(IE)]>
                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
                                    <tr>
                                    <td align="left" valign="top" width="300">
                                    <![endif]-->
                                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:300px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0;" cellspacing="0, 0, 30px, 0" width="100%" bgcolor="#ffffff">
                                                        <tr>
                                                            <td style="padding: 0px;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="300px">
                                                                    <td align="left" style="padding: 15px 5% 0 5%; font-family: Arial, sans-serif; color: #0C2344; font-size: 20px;" bgcolor="#ffffff">ECONOMIC IMPACT</td>
                                                                    <tr>
                                                                        <td align="left" style="padding: 20px 8% 5px 5%;"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/1.5billion%403x.png" width="709" height="195" style="display: block; width: 237px; height: 65px;" alt="$1.5 Billion annual economic impact" border="0"></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="left" style="padding: 10px 8% 5px 5%;"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/280locations%403x.png" width="488" height="124" style="display: block; width: 244px; height: 62px;" alt="$19.9M resarch funding supporting 1,247 projects" border="0"></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="left" style="padding: 10px 8% 20px 5%;"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/48percent%403x.png" width="241" height="56" style="display: block; width: 241px; height: 56px;" alt="48% of graduates stay in the region" border="0"></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td align="left" height="84px" class="mobile-hide"></td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                </td>
                            </tr>
                        </table>
                        <!--[if (gte mso 9)|(IE)]>
                        </td>
                        </tr>
                        </table>
                        <![endif]-->
                    </td>
                </tr>   
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>

    <!-- UBC Innovation-->
    <tr>
        <td bgcolor="#dfe8eb" align="center" style="padding: 20px 15px 0px 15px;" class="section-padding">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
            <tr>
            <td align="center" valign="top" width="500">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff; max-width: 600px;" class="responsive-table">        <tr>
                    <td>
                        <!-- HERO IMAGE -->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                             <tr>
                                    <!-- COPY -->
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                        <tr>
                                            <td align="left" style="padding: 20px 5% 0 5%; font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.4em; color: #0055B7;">UBC'S INNOVATION LIBRARY</td>
                                        </tr>
                                        <tr>
                                           <td align="left" style="padding: 10px 5% 10px 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">UBC's Innovation Library at the Okanagan Regional Library in downtown Kelowna allows access to more than</td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color: #333333; padding: 5px 5% 5px 5%;" ><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/7millionresources_2x.png" width="1034" height="112" style="display: block; width: 517px; height: 56px;" alt="7 million resources" border="0" class="img-max"> </td>
                                        </tr>
                                        <tr>
                                            <td align="left" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color: #333333; padding: 5px 5% 15px 5%;"> including: <span style="color: #0055B7"><strong>2.1</strong></span> million e-books | <span style="color: #0055B7"><strong>370,000</strong></span> journals | <span style="color: #0055B7"><strong>5.3</strong></span> million microforms</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>

<!-- Convocation-->
    <tr>
        <td bgcolor="#dfe8eb" align="center" style="padding: 20px 15px 0px 15px;" class="section-padding">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
            <tr>
            <td align="center" valign="top" width="500">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff; max-width: 600px;" class="responsive-table">       
                <tr>
                    <td>
                        <!-- HERO IMAGE -->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                             <tr>
                                    <!-- COPY -->
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                        <tr>
                                            <td align="left" style="padding: 20px 5% 0 5%; font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.4em; color: #0055B7;">CONVOCATION 2018</td>
                                        </tr>
                                        <tr>
                                           <td align="left" style="padding: 10px 5% 10px 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">In one of UBC Okanagan's largest-ever graduating classes, more than 1,700 graduates received degrees at Convocation ceremonies in June. Our graduates contribute to the vitality of the university and our region, and join a remarkable network of UBC alumni living and working in the Okanagan, across Canada and in 140 countries around the world.</td>
                                        </tr>
                                        <tr>
                                             <td align="left" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color: #333333; padding: 5px 0 5px 0;" class="padding"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/Convocation2018.jpg" width="600" height="4   00" style="display: block; width: 600px; height: 4  00px;" alt="A group of studens in their gowns " border="0" class="img-max"> </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
                <tr>
                   <td align="center" valign="top" style="font-size:0;padding-bottom: 10px">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
                                    <tr>
                                    <td align="left" valign="top" width="300">
                                    <![endif]-->
                                    <div style="display:inline-block; margin: 0 -2px; max-width:50%; min-width:300px; vertical-align:top; width:100%;" class="wrapper">
                                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:300px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0;" cellspacing="0, 0, 30px, 0" width="100%" bgcolor="#ffffff">
                                                        <tr>
                                                            <td style="padding: 0px;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="300px">
                                                                    <tr>
                                                                     <td align="left" style="padding: 20px 0 5px 8%;"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/17512%403x.png" width="269" height="62" style="display: block; width: 269px; height: 62px;" alt="1,712 graduating students in 2018" border="0"></td>
                                                                    </tr>
                                                                    <tr>
                                                                    <td align="left" style="padding: 10px 0 0px 8%;"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/340000%403x.png" width="278" height="62" style="display: block; width: 278px; height: 62px;" alt="340,000 UBC alumni" border="0"></td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                     <!--[if (gte mso 9)|(IE)]>
                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
                                    <tr>
                                    <td align="left" valign="top" width="300">
                                    <![endif]-->
                                    <div style="display:inline-block; margin: 0 -2px; max-width:50%; min-width:300px; vertical-align:top; width:100%;" class="wrapper">
                                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:300px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0;" cellspacing="0, 0, 30px, 0" width="100%" bgcolor="#ffffff">
                                                        <tr>
                                                            <td style="padding: 0px;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="300px">
                                                                    <tr>
                                                                        <td align="left" style="padding: 20px 0% 5px 8%;"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/15988%403x.png" width="279" height="62" style="display: block; width: 279px; height: 62px;" alt="15,988 graduates since 2006" border="0"></td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </td>
                            </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>

<!-- Events -->
    <tr>
        <td bgcolor="#dfe8eb" align="center" style="padding: 20px 15px 0px 15px;" class="section-padding">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff; max-width: 600px;" class="responsive-table">       
                <tr>
                    <td>
                        <!-- HERO IMAGE -->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                             <tr>
                                    <!-- COPY -->
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                        <tr>
                                            <td align="left" style="padding: 20px 5% 0 5%; font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.4em; color: #0055B7;">EVENTS</td>
                                        </tr>
                                        <tr>
                                           <td align="left" style="padding: 10px 5% 10px 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">UBC Okanagan hosts about 200 public events each year. Upcoming signature events include:</td>
                                        </tr>
                                        <tr>
                                             <td align="left" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color: #333333; padding: 5px 0 0px 0;" class="padding"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/operakelowna%402x.png" width="1200" height="500" style="display: block; width: 600px; height: 250px;" alt="Opera singer on stage" border="0" class="img-max"> </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>

                             <!-- HEADLINE -->
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30" border-collapse="collapse">
                                        <tr>
                                            <td align="left" style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.4em; color:#0055B7; padding: 30px 5% 0px 5%; margin: 10px;" class="padding">OPERA UNDER THE STARS | Aug. 1</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                    <!-- COPY -->
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                        <tr>
                                            <td align="left" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color: #333333; padding: 20px 5% 20px 5%;" class="padding">The free public event at UBC Okanagan features voices from Opera Kelowna’s main-stage production of <i>Carmen</i>. The Faculty of Creative and Critical Studies at UBC Okanagan is the Presenting Sponsor for the non-profit opera company's 2018 season.</td>
                                        </tr>
                                          <tr>
                                             <td align="left" style="padding: 0px 5% 35px 5%; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF" class="section-padding">
                                            <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                        <tr>
                                            <td align="center" style="border-radius: 0px;" bgcolor="#FFFFFF"><a href="https://www.operakelowna.com/opera-kelowna-2017-2018-season/" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #0055b7; text-decoration: none; color: #0055b7; text-decoration: none; border-radius: 0px; padding: 10px 25px; border: 1px solid #0055b7; display: inline-block;" class="mobile-button">MORE</a></td>
                                        </tr>
                                            </table>
                                        </td>
                                          </tr>
                                    </table>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
                 <!-- HEADLINE -->
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30" border-collapse="collapse">
                                        <tr>
                                            <td align="left" style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.4em; color:#0055B7; padding: 30px 5% 10px 5%; border-top: 2px solid #dfe8eb; margin: 30px;" class="padding">HOMECOMING | Oct. 19 &amp; 20</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                    <!-- COPY -->
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                        <tr>
                                            <td align="left" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color: #333333; padding: 20px 5% 20px 5%;" class="padding">First-annual festivities include the University Way Streetfest and friendly competition with guest speaker Jon Montgomery, who’s an Olympic Gold Medalist and host of <i>Amazing Race Canada</i>.</td>
                                        </tr>
                                        <tr>
                                             <td align="left" style="padding: 0px 5% 20px 5%; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF" class="section-padding">
                                            <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                        <tr>
                                            <td align="center" style="border-radius: 0px;" bgcolor="#FFFFFF"><a href="https://ok.ubc.ca/homecoming/" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #0055b7; text-decoration: none; color: #0055b7; text-decoration: none; border-radius: 0px; padding: 10px 25px; border: 1px solid #0055b7; display: inline-block;" class="mobile-button">MORE</a></td>
                                        </tr>
                                            </table>
                                             </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        <!-- BUTTON -->
                              <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                        <tr>
                                            <td align="left" style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.4em; color:#0055B7; padding: 20px 5% 10px 5%; border-bottom: 2px solid #dfe8eb;; margin: 30px;" class="padding"></td>
                                        </tr>
                                        <tr>
                                             <td align="left" style="padding: 35px 5% 30px 5%; font-family: Arial, sans-serif; color: #666666; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF" class="section-padding">
                                            <table border="0" cellspacing="0" cellpadding="0" class="mobile-button-container">
                                        <tr>
                                            <td align="center" style="border-radius: 0px;" bgcolor="#FFFFFF"><a href="https://ok.ubc.ca/about/community-engagement/" target="_blank" style="font-size: 16px; font-family: Helvetica, Arial, sans-serif; color: #0055b7; text-decoration: none; color: #0055b7; text-decoration: none; border-radius: 0px; padding: 10px 25px; border: 1px solid #0055b7; display: inline-block;" class="mobile-button">FIND AN EVENT </a></td>
                                        </tr>
                                            </table>
                                             </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>


            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>

<!-- ON THE HORIZON -->
    <tr>
        <td bgcolor="#dfe8eb" align="center" style="padding: 20px 15px 0px 15px;" class="section-padding">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
            <tr>
            <td align="center" valign="top" width="500">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff; max-width: 600px;" class="responsive-table">       
                <tr>
                    <td>
                        <!-- HERO IMAGE -->
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                             <tr>
                                    <!-- COPY -->
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                        <tr>
                                            <td align="left" style="padding: 20px 5% 35 5%; font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.4em; color: #0055B7;">ON THE HORIZON</td>
                                        </tr>
                                        <tr>
                                         <td align="left" style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.4em; color:#0055B7; padding: 35px 5% 10px 5%; border-top: 2px solid #dfe8eb; margin: 30px;" class="padding">JOHN HINDLE DRIVE</td>
                                          </tr>
                                        <tr>
                                           <td align="left" style="padding: 10px 5% 10px 5%; font-family: Arial, sans-serif; color: #333333; font-size: 14px; line-height: 20px;" bgcolor="#FFFFFF">Completion of John Hindle Drive later this summer will connect UBC Okanagan with Kelowna's Glenmore neighbourhood, offering additional cycling routes and more public transportation options.</td>
                                        </tr>
                                        <tr>
                                             <td align="left" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color: #333333; padding: 5px 5% 40px 5%;" class="padding"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/2.8km%403x.png" width="538" height="63" style="display: block; width: 538px; height: 63px;" alt="2.8km - Length of the separated multi-use pathway from Glenmore Road to Hollywood Road, part of the John Hindle Drive extension" border="0" class="img-max"> </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                       </table>
                    </td>
                </tr>
                 <!-- HEADLINE -->
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30" border-collapse="collapse">
                                        <tr>
                                            <td align="left" style="font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.4em; color:#0055B7; padding: 35px 5% 10px 5%; border-top: 2px solid #dfe8eb; margin: 10px;" class="padding">THE COMMONS</td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                    <!-- COPY -->
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                        <tr>
                                            <td align="left" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color: #333333; padding: 20px 5% 20px 5%;" class="padding">Construction is well underway on The Commons, a new $35-million multi-purpose learning facility connected to the existing campus library. The multi-purpose facility, accessible to the public, will more than double the study space currently available for students.</td>
                                        </tr>
                                         <tr>
                                            <td align="left" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color: #333333; padding: 5px 0 0px 0;" class="padding"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/Commons-rendering-library.jpg" width="600" height="400" style="display: block; width: 600px; height: 400px;" alt="Artist rending of the new Commons Building" border="0" class="img-max"> </td>
                                        </tr>
                                        <tr>
                                           <td align="left" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color: #333333; padding: 20px 5% 20px 5%;" class="padding"><i>Artist rendering of The Commons</i></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>

            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>

<!-- FOOTER-->

    <tr>
         <td bgcolor="#dfe8eb" align="center" style="padding: 20px 15px 20px 15px; margin: 0px !important;" class="section-padding">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff; max-width: 600px;" class="wrapper">
                      <!-- HEADLINE -->
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                        <tr>
                                            <td align="left" style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight:lighter; line-height: 1.4em; color:#0055B7; padding: 30px 5% 30px 5%;" class="padding"><i>Watch for our Fall newsletter highlighting our incoming class of students as they join UBC Okanagan’s campus community of 12,000.</i></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                 </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->    
         </td>
    </tr>

    <tr>
         <td bgcolor="#dfe8eb" align="center" style="padding: 20px 15px 0px 15px; margin: 0px !important;" class="section-padding">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #ffffff; max-width: 600px;" class="wrapper">
                      <!-- HEADLINE -->
                            <tr>
                                <td>
                                    <table width="100%" border="0" cellspacing="0" cellpadding="30">
                                 <tr>
                                    <td align="left" style="font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.4em; color:#0055B7; padding: 30px 5% 20px 5%;" class="padding">STAY CONNECTED. FOLLOW. SHARE.</td>
                                     </tr>
                                    </table>
                                </td>
                            </tr>
                 </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->    
         </td>
    </tr>
    <tr>
        <td bgcolor="#dfe8eb" align="center" style="padding: 0px 15px 0px 15px;" valign="top" width="100%" class="section-padding">
                        <!--[if (gte mso 9)|(IE)]>
                        <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
                        <tr>
                        <td align="center" valign="top" width="600">
                        <![endif]-->
                        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="max-width:600px;" class="responsive-table">
                            <tr>
                                <td align="center" valign="top" style="font-size:0;" class="padding">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
                                    <tr>
                                    <td align="left" valign="top" width="300">
                                    <![endif]-->
                                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:300px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0;" cellspacing="0, 0, 30px, 0" width="100%" bgcolor="#ffffff" height="100px">
                                                        <tr>
                                                            <td class="padding">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="300px">
                                                                    <tr>
                                                                        <td align="left" style="padding: 0px 0 5px 8%; float: left"><a href="https://news.ok.ubc.ca/"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/news-icon2935RGB.png" width="55" height="40" style="display: block; width: 55px; height: 40px;" alt="UBC News Link" border="0"></a></td>
                                                                        <td align="left" style="padding: 0px 10px 5px 10px; float: left"><a href="https://www.facebook.com/ubcocampus/" target="_blank"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/facebook-icon-Blue2935RGB.png" width="40" height="40" style="display: block; width: 40px; height: 40px;" alt="Facebook" border="0"></a></td>
                                                                        <td align="left" style="padding: 0px 10px 5px 0; float: left"><a href="https://www.instagram.com/ubc_okanagan/" target="_blank"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/instagram-icon-Blue2935RGB.png" width="128" height="128" style="display: block; width: 40px; height: 40px;" alt="Instagram" border="0"></a></td>
                                                                        <td align="left" style="padding: 0px 10px 5px 0; float: left"><a href="https://twitter.com/ubcokanagan"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/twitter-icon-Blue2935RGB.png" width="128" height="128" style="display: block; width: 40px; height: 40px;" alt="Twitter" border="0"></a></td>
                                                                        <td align="left" style="padding: 0px 10px 5px 0; float: left"><a href="https://www.youtube.com/user/ubcotv" target="_blank"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/youtube-icon-Blue2935RGB.png" width="128" height="128" style="display: block; width: 40px; height: 40px;" alt="Youtube" border="0"></a></td>
                                                                    </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                     <!--[if (gte mso 9)|(IE)]>
                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
                                    <tr>
                                    <td align="left" valign="top" width="300">
                                    <![endif]-->
                                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width:300px;" class="wrapper">
                                            <tr>
                                                <td align="center" valign="top">
                                                    <table border="0" cellpadding="0;" cellspacing="0, 0, 30px, 0" width="100%" bgcolor="#ffffff" height="100px">
                                                        <tr>
                                                            <td style="padding: 0px;">
                                                                <table cellpadding="0" cellspacing="0" border="0" width="300px">
                                                                    <tr>
                                                                        <td align="right" style="padding: 0px 12% 5px 8%; float: right"><a href="https://ok.ubc.ca/homecoming/"><img src="http://universityrelations.ok.ubc.ca/Campus-Update-2018/UBCLogo%403x.png" width="40" height="55" style="display: block; width: 40px; height: 55px;" alt="UBC Crest Logos" border="0"></a></td>
                                                                     </tr>
                                                                </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                </td>
                            </tr>
                        </table>
                        <!--[if (gte mso 9)|(IE)]>
                        </td>
                        </tr>
                        </table>
                        <![endif]-->
                    </td>
      </tr>



    <tr>
                            <td bgcolor="#dfe8eb" align="center" style="padding: 20px 0px;">
                                    <!--[if (gte mso 9)|(IE)]>
                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
                                    <tr>
                                    <td align="center" valign="top" width="500">
                                    <![endif]-->
                                    <!-- UNSUBSCRIBE COPY -->
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width: 600px;" class="responsive-table">
                                        <tr>
                                            <td align="left" style="font-size: 10px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; color:#666666;">
                                                University Relations <br>
                                                EME Building, 3rd Floor<br>
                                                1137 Alumni Avenue<br>
                                                UBC’s Okanagan Campus<br>
                                                Kelowna, BC Canada V1V 1V7
                                                <br>

                                            </td> 
                                              <td align="left" style="font-size: 10px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; color:#666666; float: right; max-width: 200px;">
                                                The Okanagan Campus Update newsletter is sent to UBC staff and partners in several editions per year. Created and distributed by the University Relations department.
                                                <br>
                                            </td>
                                        </tr>
                                    </table>
                                    <!--[if (gte mso 9)|(IE)]>
                                    </td>
                                    </tr>
                                    </table>
                                    <![endif]-->
                                </td>
                            </tr>


    <tr>
        <td bgcolor="#dfe8eb" align="center" style="padding: 20px 0px 150px, 0px;">
            <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="500">
            <tr>
            <td align="center" valign="top" width="500">
            <![endif]-->
            <!-- UNSUBSCRIBE COPY -->
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="max-width: 500px;" class="responsive-table">
                <tr>
                    <td align="center" style="font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; color:#666666;">
                        <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;">Unsubscribe</a>
                        <span style="font-family: Arial, sans-serif; font-size: 12px; color: #444444;">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
                        <a href="http://litmus.com" target="_blank" style="color: #666666; text-decoration: none;">View this email in your browser</a>
                    </td>
                </tr>
            </table>
            <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->
        </td>
    </tr>
</table>
</body>
</html>