Hello - I have been having this issue with a template that I have been trying to figure out for a couple weeks now.

The template has two columns, and I am having a problem only in Outlook 2003 and 2013 where the left column starts lower than the right column, depending on how much data is in each column. It looks great everywhere else. Unfortunately, I cannot control how long the columns are going to go because I have many templates that use this format with varying content.

Here is a screenshot of what it looks like when it's working and a screenshot of the broken template.

The code is below.

Is there a fix for this?

Any help is much appreciated. Thank you.

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            body {
                margin:0;
                padding:0;
            }
        table, td {
            border-collapse: collapse;
            margin:0;
            padding:0;
        }
        table {
            mso-table-lspace:0pt;
            mso-table-rspace:0pt;
        }
        img {
            display:block;
            border:0 none;
            outline:none;
            text-decoration:none;
            line-height: 100%;
        }
        a {
            text-decoration: none;
            color:#56004E;
        }
        h1 {
            font-family: Georgia, Times, 'Times New Roman', serif;
            font-size: 36px;
            font-weight: normal;
            color:#56004E;
            margin:0;
        }
        h2 {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size: 19px;
            font-weight: normal;
            color: #888888;
            margin:0;
        }
        h3 {
            font-family: Georgia, Times, 'Times New Roman', serif;
            font-size: 25px;
            font-weight: normal;
            color:#56004E;
            margin:0;
        }
        p {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size: 14px;
            line-height: 125%;
            margin:10px 0 0 0;
        }
        #wrapper {
            margin:0 auto;
            max-width:600px;
            width:600px;
            display:block;
            background-color: #ffffff;
        }
        .caption {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size: 10px;
            color:#888888;
            text-align: right;
            margin:0;
        }
        .date {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size: 14px;
            color: #77787B;
        }
        .billing {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:16px;
        }
        .unsubFooter {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:11px;
            display:block;
            color:#ffffff;
            line-height:200%;
            box-sizing: border-box;
        }
        .unsubFooter a {
            text-decoration: none;
            color:#ffffff;
        }
        .footer {
            font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:11px;
            display:block;
            color:#ffffff;
            box-sizing: border-box;
        }
        .footer a {
            text-decoration: none;
            color:#ffffff;
        }
        .footer td {
            display:inline-block;
        }
        a.button {
            font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:16px;
            text-decoration: none;
            color:#ffffff;
            margin:0 0 20px 0px;
            display:block;
            border:10px solid #EE343F;
            background-color:#EE343F;
            border-radius:0px;
            width:100px;
        }
        a.buttonSmall {
            font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:14px;
            text-decoration: none;
            color:#ffffff;
            margin:0 0 20px 0px;
            display:block;
            border:5px solid #00929F;
            background-color:#00929F;
            border-radius:0px;
            width:90px;
        }
        a.buttonSmallWide {
            font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size:14px;
            text-decoration: none;
            color:#ffffff;
            margin:0 0 20px 0px;
            display:block;
            border:5px solid #00929F;
            background-color:#00929F;
            border-radius:0px;
            width:115px;
        }
        .headerColumn {
            max-width: 300px;
            display:inline-block;
            vertical-align: middle;
        }
        .hero {
            box-sizing: border-box;
            display:block;
        }
        .event {
            box-sizing: border-box;
            display:block;
        }
        .credits {
            font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
            font-size: 10px;
            color:#888888;
        }
        .eventColumn {
            display: inline-block;
            vertical-align: top;
        }
        .left {
            width:390px;
            border-right: 1px solid #000000;
        }
        .right {
            width:200px;
        }
        @media only screen and (max-width:599px) {
            #wrapper {
                display:block;
                max-width: 599px;
                width:100%;
            }
            .resEventImage {
                height:auto;
                width:100% !important;
                display: block;
            }
            .eventColumn {
                display: block;
                width: 100% !important;
            }
            .left {
                width:100% !important;
                border:0 !important;
            }
            .right {
                width:100% !important;
            }
            .caption {
                padding-right: 10px !important;
            }
        }
        @media only screen and (max-width:480px) {
            #wrapper {
                display:block;
                max-width: 440px;
                width:100%;
            }
            .resImage {
                height:auto;
                width:100%;
                display: block;
            }
            .eventColumn {
                display: block;
                width: 100% !important;
            }
            .left {
                width:100% !important;
                border:0 !important;
            }
            .right {
                width:100% !important;
            }
        }
    </style>
    </head>
    <body>
        <!-- START background color table -->
        <table cellpadding="0" cellspacing="0" border="0" align="center" width="100%" bgcolor="#eeeeee">
            <tr>
                <td align="center" width="100%">
    <!--[if (gte mso 9)|(IE)]><table width="600" align="center"><tr><td align="center"><![endif]-->         
                    <!-- START wrapper table -->
                    <table id="wrapper" cellpadding="0" cellspacing="0" border="0" align="center" width="100%" style="padding-top:5px;">
                        <tr>
                        <td align="left" width="100%">


                            <!-- START hero table -->
                            <table class="hero" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h1>Header</h1>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                    <h2>Subheader</h2>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" width="570" align="left" alt="Placeholder Image">
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 20px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 10px 10px;" align="left" width="100%">
                                    <p>Body Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p>
                                    </td>
                                </tr>
                            </table>
                            <!-- END hero table -->
                            <!-- START left column events -->
    <!--[if (gte mso 9)|(IE)]><table width="600" align="center"><tr><td align="center" width="68%"><![endif]-->                         
                            <!-- START event table -->
                            <div class="eventColumn">
                            <table class="event left" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="370">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3></a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="button" href="#">Get&nbsp;Tickets&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            <!-- END event table -->
                            <!-- START horizontal rule -->
                            <table class="left" cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0px 10px 0px 10px;" align="center" width="100%">
                                        <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                            <tr>
                                            <td style="background:none; border-top: solid 1px #56004E; height:1px; width:100%; margin: 0; padding-top: 10px; padding-bottom:0px; padding-right: 10px; padding-left: 10px;" align="center" width="100%"> 
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            <!-- END horizontal rule -->
                                <!-- START event table -->
                            <table class="event left" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="370">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="button" href="#">Get&nbsp;Tickets&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            <!-- END event table -->
                            <!-- START horizontal rule -->
                            <table class="left" cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0px 10px 0px 10px;" align="center" width="100%">
                                        <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                            <tr>
                                            <td style="background:none; border-top: solid 1px #56004E; height:1px; width:100%; margin: 0; padding-top: 10px; padding-bottom:0px; padding-right: 10px; padding-left: 10px;" align="center" width="100%"> 
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            <!-- END horizontal rule -->
                                <!-- START event table -->
                            <table class="event left" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="370">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="button" href="#">Get&nbsp;Tickets&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            </div>
                            <!-- END event table -->
                            <!-- END left column events -->
    <!--[if (gte mso 9)|(IE)]>
                                           </td><td width="28%" align="center">
                                        <![endif]-->                            
                            <!-- START right column events -->
                            <!-- START event table -->
                            <div class="eventColumn">
                            <table class="event right" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="180">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="buttonSmallWide" href="#">View&nbsp;Slide&nbsp;Show&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            <!-- END event table -->
                            <!-- START event table -->
                            <table class="event right" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="180">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="buttonSmallWide" href="#">View&nbsp;Slide&nbsp;Show&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            <!-- END event table -->
                            <!-- START horizontal rule -->
                            <table class="right" cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0px 10px 0px 10px;" align="center" width="100%">
                                        <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                            <tr>
                                            <td style="background:none; border-top: solid 1px #56004E; height:1px; width:100%; margin: 0; padding-top: 10px; padding-bottom:0px; padding-right: 10px; padding-left: 10px;" align="center" width="100%"> 
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            <!-- END horizontal rule -->
                                <!-- START event table -->
                            <table class="event right" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="180">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="button" href="#">Get&nbsp;Tickets&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            <!-- END event table -->
                            <!-- START horizontal rule -->
                            <table class="right" cellspacing="0" cellpadding="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0px 10px 0px 10px;" align="center" width="100%">
                                        <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                            <tr>
                                            <td style="background:none; border-top: solid 1px #56004E; height:1px; width:100%; margin: 0; padding-top: 10px; padding-bottom:0px; padding-right: 10px; padding-left: 10px;" align="center" width="100%"> 
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            <!-- END horizontal rule -->
                                <!-- START event table -->
                            <table class="event right" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                    <img class="resEventImage" src="http://media.mail2app.lynch2.com/media/50/500855/Placeholder%20images/placeholder_image_570x225.jpg" alt="" width="180">
                                    </td>
                                </tr>   
                                <tr>
                                    <td style="padding:0 10px 0 0px;" class="caption" align="right" width="100%">
                                    <span>Caption</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0px 10px 0 10px;" class="date" align="left" width="100%">
                                        Date/Time<br/>
                                        Venue
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" align="left" width="100%">
                                        <h3>Title</h3></a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0 10px;" class="billing" align="left" width="100%">
                                    Billing
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:0 10px 0px 10px;" align="left" width="100%">
                                        <p>
                                        Event Copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sollicitudin nunc nibh, nec dignissim dolor tempor sit amet. Cum sociis natoque penatibus et magnis dis.</p><br/>
                                        <a class="button" href="#">Get&nbsp;Tickets&nbsp;&rsaquo;</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding:10px 10px 0 10px;" class="credits" align="left" width="100%">
                                        Credits
                                    </td>
                                </tr>   
                                <tr>
                                    <td>
                                        &nbsp;
                                    </td>
                                </tr>   
                            </table>
                            </div>
                            <!-- END event table -->
                            <!-- END right column events -->
    <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
                            <!-- START credits -->
                            <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                <tr>
                                    <td style="padding:20px 10px 20px 10px;" class="credits" align="left" width="100%"> 
                                        <span>Credits</span>
                                    </td>
                                </tr>
                            </table>
                            <!-- END credits -->                                    
                            <!-- START unsub footer wrapper -->
                            <table class="unsubFooter" cellspacing="0" cellpadding="0" border="0" align="center" width="100%" bgcolor="#56004E">
                                <tr>
                                    <td align="left" width="100%">
                                        <!-- START unsub footer -->
                                        <table class="unsubFooter" cellpadding="0" cellspacing="0" border="0" width="100%" align="left">
                                            <tr>
                                                <td style="padding:5px 10px 5px 10px;" align="left" width="100%">
                                                    View in your browser | Unsubscribe | Manage Your Preferences | Contact Us
                                                </td>
                                            </tr>
                                        </table>            
                                        <!-- END unsub footer -->
                                    </td>
                                </tr>
                            </table>        
                            <!-- END unsub footer wrapper -->
                            <!-- START footer wrapper -->
                            <table class="footer" cellpadding="0" cellspacing="0" border="0" align="center" width="100%" bgcolor="#808080">
                                <tr>
                                    <td>
                                        <!-- START footer -->
                                        <table class="footer" cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
                                            <tr>
                                                <td style="padding:5px 20px 5px 10px; color:#ffffff; box-sizing: border-box;" colspan="3" align="left" width="100%">
                                                    Photography: XXX<br/><br/>

                                                </td>
                                            </tr>

                                        </table>
                                        <!-- END footer -->
                                    </td>
                                </tr>
                            </table>        
                            <!-- END footer wrapper -->
                        </td>
                    </tr>
                </table>        
                <!-- END wrapper table -->
    <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->
            </td>
        </tr>
    </table>
    <!-- END background color table -->
    </body>
    </html>