Bug in Outlook 2013

Hi everyone,

I have an email template where there is a slight bug rendering in Outlook 2013.

The screenshot shown in the image below, shows a "cutout" at the top left of the brown box on the right. This isn't showing in other email clients or even in earlier versions of outlook. I wondered if anyone knows of a workaround to get this to work in Outlook 2013?

http://www.officelinkonline.com.au/img/Screenshot.png

The full template code is below.

Really appreciate any help.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
<title></title>


<style type="text/css">

    /* Email Client BUG Fixes */
        .ReadMsgBody, .ExternalClass {width:100%; background-color: #ffffff;}
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height:100%;}
        width: 100%; background-color: #ffffff; margin:0; padding:0; -webkit-font-smoothing: antialiased;
        table {border-spacing:0; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;}
        table td {border-collapse:collapse;}
        img { border: 0; }
        html {width: 100%; height: 100%;}
    /* End Email Client BUG Fixes */
    
    /* Embedded CSS link color */
        a         {color:#ACCDEC; text-decoration:none;}
        a:link    {color:#ACCDEC; text-decoration:none;}
        a:visited {color:#ACCDEC; text-decoration:none;}
        a:focus   {color:#ACCDEC !important;}
        a:hover   {color:#ACCDEC !important;}

    /* Embedded CSS link color for nav menu */
         a.nav         {color:#ffffff; text-decoration:none;}
        a.nav:link    {color:#000000; text-decoration:none;}
        a.nav:visited {color:#000000; text-decoration:none;}
        a.nav:focus   {color:#000000 !important;}
        a.nav:hover   {color:#000000 !important;}


    /* End of Embedded CSS link color */
    
    /* Clickable phone numbers */
        a[href^="tel"], a[href^="sms"] {text-decoration:none; color:#353535; pointer-events:none; cursor:default;}
        .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {text-decoration:default; color:#ACCDEC !important; pointer-events:auto; cursor:default;}
    /* End of Clickable phone numbers */

    /* iPad Text Smoother */
    div, p, a, li, td { -webkit-text-size-adjust:none; }    

    table[class=fullWidth]                {width: 100%!important;}    
    
    @media only screen and (min-width: 600px) 

        {            
            /* Settings - Resize Images */    
            img[class=ImageResize]            {width: 100%!important;}
            img[class=ImageResizeDivider]   {width: 100%!important; height: 32px !important;}
            img[class=ImageResize560]        {width: 560px!important;}
            img[class=ImageResize270]        {width: 270px!important;}
            img[class=ImageResize171]        {width: 171px!important;}
            img[class=ImageResize175]        {width: 175px!important;}
            
            body{width:auto!important;}
                    
        }
            
    @media only screen and (max-width: 599px) 

        {
            /* General settings for Mobile */
            body{width:auto!important;}
            table[class=fullWidth]            {width: 100%!important;}
            table[class=MobileScale]        {width: 100%!important; padding-left: 20px!important; padding-right: 20px!important;}    
            table[class=MobileScale2]        {width: 100%!important; padding-left: 0px!important; padding-right: 0px!important;}
            table[class=MobileScaleSpecial]    {width: 100%!important; padding-left: 20px!important; padding-right: 20px!important; margin-top: 2px!important; margin-bottom: 2px!important;}
            span[class=MobileErase]            {width: 0; display:none !important;}
            td[class=MobileErase]            {width: 0; display:none !important;}
            table[class=MobileErase]        {width: 0; display:none !important;}
        
            /* Settings - Resize Images */ 
            img[class=ImageResize]            {width: 100%!important;}
            img[class=ImageResizeDivider]   {width: 100%!important; height: 32px !important;}
            img[class=ImageResize560]        {width: 100%!important;}
            img[class=ImageResize270]        {width: 100%!important;}
            img[class=ImageResize171]        {width: 100%!important;}
            img[class=ImageResize175]        {width: 175px!important; margin-left: 0px!important;}        
        
            /* Settings - Header Module */
            table[class=HeaderModule]        {width: 100%!important; text-align: center!important; }
            td[class=HeaderModule]            {width: 280px!important; text-align: center!important; }
            img[class=HeaderModule]            {display: block !important; margin-left: auto !important; margin-right: auto !important;}
            
            /* Settings - Footer Module */            
            table[class=FooterModule]        {width: 100%!important; margin-right: 0px!important; text-align:center !important;}    
            table[class=FooterModule2]        {width: 100%!important; text-align: center!important; }
            td[class=FooterModule2]            {width: 280px!important; text-align: center!important; }
            img[class=FooterModule2]        {display: block !important; margin-left: auto !important; margin-right: auto !important;}                    
            
            /* Settings - Module Image + Text */        
            table[class=miResizeText]        {width: 60%!important; padding-left: 20px!important; padding-right: 20px!important;}
            td[class=miResizeText]            {width: 60%!important; padding-left: 20px!important; padding-right: 20px!important;}
            table[class=miResizeTable]        {width: 175px!important;}            
            table[class=miResizeText2]        {width: 60%!important; padding-right: 20px!important;}
            td[class=miResizeText2]            {width: 60%!important; padding-right: 20px!important;}        

            /* Settings - Two Columns */
            table[class=TwoColumns1]        {width: 43%!important; margin-right: 20px;}
            table[class=TwoColumns2]        {width: 43%!important; margin-left: 20px;}    

            /* Settings - Three Columns */
            table[class=ThreeColumns]        {width: 27%!important; margin-right: 20px;}
            table[class=ThreeColumns2]        {width: 27%!important; margin-right: 0px;}        

            /* Settings - Calendar Module */
            table[class=CalendarModule]        {width: 79%!important;}                
        }        
            
            
    @media only screen and (max-width: 480px) 

        {    
            /* General settings for Mobile */
            body{width:auto!important;}
            table[class=fullWidth]            {width: 100%!important;}
            table[class=MobileScale]        {width: 100%!important; padding-left: 20px!important; padding-right: 20px!important; }
            table[class=MobileScale2]        {width: 100%!important; padding-left: 0px!important; padding-right: 0px!important;}
            span[class=MobileErase]            {width: 0; display:none !important;}
            td[class=MobileErase]            {width: 0; display:none !important;}
            table[class=MobileErase]        {width: 0; display:none !important;}
            
            /* Settings - Resize Images */ 
            img[class=ImageResize]            {width: 100%!important;}    
            img[class=ImageResizeDivider]   {width: 100%!important; height: 32px !important;}
            img[class=ImageResize560]        {width: 100%!important;}
            img[class=ImageResize270]        {width: 100%!important;}    
            img[class=ImageResize171]        {width: 100%!important;}            
            img[class=ImageResize175]        {width: 100%!important; height: auto!important; margin-left: 0px!important; margin-right: 0px!important; margin-bottom: 0px!important; text-align: center!important;}

            /* Settings - Header Module */
            table[class=HeaderModule]        {width: 100%!important; text-align: center!important; }
            td[class=HeaderModule]            {width: 280px!important; text-align: center!important; }
            img[class=HeaderModule]            {display: block !important; margin-left: auto !important; margin-right: auto !important;}
            
            /* Settings - Footer Module */
            table[class=FooterModule]        {width: 100%!important; margin-right: 0px!important; text-align:center !important;}    
            table[class=FooterModule2]        {width: 100%!important; text-align: center!important; }
            td[class=FooterModule2]            {width: 280px!important; text-align: center!important; }
            img[class=FooterModule2]        {display: block !important; margin-left: auto !important; margin-right: auto !important;}

            /* Settings - Module Image + Text */
            table[class=miResizeText]        {width: 100%!important; text-align: center!important; padding: 0px!important; padding-top: 10px!important;}
            td[class=miResizeText]            {width: 100%!important; padding: 0px!important;}
            table[class=miResizeTable]        {width: 100%!important;}        
            table[class=miResizeText2]        {width: 100%!important; text-align: center!important; padding: 0px!important; padding-top: 20px!important;}
            td[class=miResizeText2]            {width: 100%!important; padding: 0px!important;}            
            
            /* Settings - Two Columns */
            table[class=TwoColumns1]        {width: 100%!important; margin-right: 0px!important;}
            table[class=TwoColumns2]        {width: 100%!important; margin-left: 0px!important;}    

            /* Settings - Three Columns */
            table[class=ThreeColumns]        {width: 100%!important; margin-right: 0px!important;}
            table[class=ThreeColumns2]        {width: 100%!important; margin-right: 0px!important;}            
                        
            /* Settings - Calendar Module */
            table[class=CalendarModule]        {width: 100%!important; margin-top: 15px!important;}
        }

    </style>
</head>

<body style="width:100% !important; min-width: 239px !important; color:#565656; background:#ffffff; font-family: Helvetica,sans-serif; font-size:14px; line-height:140%; margin:0; padding:0;">


<!-- * ************************************************************************************************************************************ * -->
<!-- * PreHeader Module * -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
          <td width="100%" valign="top" bgcolor="#aba16f">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#aba16f">
                        
                        <table width="560" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale">
                            <tr>
                                <td width="100%">    

                                    <!-- Top Header -->
                                    <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
                                        <tr>
                                            <td height="40" valign="middle" style="font-size:11px; color:#ffffff; text-align:right" class="HeaderModule">
                                                Problem viewing this email? <a href="{tag_viewinbrowser}" target="_blank" style="color:#ffffff; text-decoration:none; font-style:italic;">View it in your browser.</a>
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- End of Top Header -->    

                                </td>
                            </tr>
                        </table>
                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr><td width="100%" height="4" bgcolor="#BDCCD4" style="font-size: 0;line-height: 0;border-collapse: collapse;">&nbsp;</td></tr>
</table>
<!-- * End of PreHeader Module * -->

<!-- * Header Module * -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
          <td width="100%" valign="top" bgcolor="#aba16f">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#aba16f">        
                    
                        <!-- Image Section -->
                        <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale2">
                            <tr>
                                 <td width="100%" valign="top">
                                    <img src="/e-news/2014/images/shadow-brown.jpg" width="600" alt="" border="0" class="ImageResize" style="display: block;" />
                                </td>
                            </tr>
                        </table>
                        <!-- End of Image Section -->
                                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr><td width="100%" height="10" bgcolor="#aba16f" style="font-size: 0;line-height: 0;border-collapse: collapse;">&nbsp;</td></tr>    
      <tr>
          <td width="100%" valign="top" bgcolor="#aba16f">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#aba16f">
                        
                        <table width="560" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale">
                            <tr>
                                <td width="100%">                                                        

                                    <!-- Logo Image -->
                                    <table border="0" cellpadding="0" cellspacing="0" align="center" class="HeaderModule">
                                        <tr>
                                            <td>
                                                <a href="#" target="_blank"><img src="/e-news/2014/images/logo-v2.jpg" width="210" alt="Logo" border="0" class="HeaderModule" style="display: block; border-radius: 0px;" /></a>
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- End of Logo Image -->     

                                    <!-- Contact Info -->
                                    <!-- End of Contact Info -->
                                    
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr><td width="100%" height="20" bgcolor="#aba16f" style="font-size: 0;line-height: 0;border-collapse: collapse;">&nbsp;</td></tr>    
      <tr>
          <td width="100%" valign="top" bgcolor="#aba16f">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#d2c68b">
                        
                        <table width="560" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale">
                            <tr>
                                <td width="100%">                                                        
                                    <!-- Links -->
                                    <table width="260" border="0" cellpadding="0" cellspacing="0" align="left" style="border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="HeaderModule">                                    
                                        <tr>                                        
                                            <td height="53" bgcolor="#d2c68b" style="font-size: 12px; color: #ffffff; font-weight: bold; text-align: left; font-family: Helvetica, Arial, sans-serif; vertical-align: middle; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="HeaderModule">    
                                                        
                                                <!-- Header links -->
                                                <a href="/about" class="nav" target="_blank" style="text-decoration: none; color: #ffffff;">About</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <a href="/media" class="nav" target="_blank" style="text-decoration: none; color: #ffffff;">Media</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <a href="/events" class="nav" target="_blank" style="text-decoration: none; color: #ffffff;">Events</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <a href="/photo-gallery" class="nav" target="_blank" style="text-decoration: none; color: #ffffff;">Photo Gallery</a>        
                                                <!-- End of Header links -->
                                            </td>                                                    
                                        </tr>    
                                    </table>
                                    <!-- End of Links -->                

                                    <!-- Social Icons -->
                                    <table width="260" border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="HeaderModule">                                    
                                        <tr>                                        
                                            <td height="53" bgcolor="#d2c68b" style="font-size: 12px; color: #ffffff; font-weight: bold; text-align: right; font-family: Helvetica, Arial, sans-serif; vertical-align: middle; border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="HeaderModule">    
                                                        
                                                <!-- Header links -->
                                                <a href="/join" class="nav" target="_blank" style="text-decoration: none; color: #ffffff;">Join</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <a href="/dashboard" class="nav" target="_blank" style="text-decoration: none; color: #ffffff;">Login</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;        
                                                <a href="/giving" class="nav" target="_blank" style="text-decoration: none; color: #ffffff;">Giving</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <a href="/contact" class="nav" target="_blank" style="text-decoration: none; color: #ffffff;">Contact</a>        
                                                <!-- End of Header links -->
                                                            
                                            </td>                                                    
                                        </tr>    
                                    </table>

                                    <!-- End of Social Icons -->
                                    
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>    
    <tr>
          <td width="100%" valign="top" bgcolor="#ffffff">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#ffffff">        
                    
                        <!-- Image Section -->
                        <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale2">
                            <tr>
                                 <td width="100%" valign="top">
                                    <img src="/e-news/2014/images/shadow-white.jpg" width="600" alt="" border="0" class="ImageResize" style="display: block;" />
                                </td>
                            </tr>
                        </table>
                        <!-- End of Image Section -->
                                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
<!-- * End of Header Module * -->
<!-- * ************************************************************************************************************************************ * -->




<!-- * ************************************************************************************************************************************ * -->
<!-- * Events Module * -->
<!-- Space -->
<div ice:editable="section">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="font-size: 0;line-height: 0;border-collapse: collapse;">
    <tr>
        <td width="100%" height="25" bgcolor="#ffffff" style="font-size: 0;line-height: 0;border-collapse: collapse;">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr><td width="600" height="25" bgcolor="#ffffff">&nbsp;</td></tr>
            </table>
        </td>
    </tr>
</table>
</div>
<!-- End of Space -->
<div ice:editable="section">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
          <td width="100%" valign="top" bgcolor="#ffffff">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#ffffff">
                        
                        <table width="560" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale">
                            <tr>
                                <td width="100%">                        

                                    <!-- Image Section -->
                                    <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale2">
                                        <tr>
                                          <td width="100%" align="center" valign="top">
                                                <a href="/events" target="_blank" style="text-decoration: none; color: #565656;" ice:editable="link">
                                                    <img src="/e-news/2014/images/placeholder-v2.jpg" width="560" align="middle" alt="Image560" border="0" class="ImageResize560" style="display: block; border-radius: 3px;" ice:editable="image" />                                                                                                            
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- End of Image Section -->
                                    
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</div>
<!-- Divider Section -->
<div ice:editable="section">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
          <td width="100%" valign="top" bgcolor="#ffffff">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#ffffff">        
                    
                        <!-- Image Section -->
                        <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale2">
                            <tr>
                                 <td width="100%" valign="top">
                                    <img src="/e-news/2014/images/divider.jpg" width="600" alt="" border="0" class="ImageResizeDivider" style="display: block;" />
                                </td>
                            </tr>
                        </table>
                        <!-- End of Image Section -->
                                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</div>
<!-- End of Divider Section -->
<!-- * End of Big Image Module * -->
<!-- * ************************************************************************************************************************************ * -->



<!-- * ************************************************************************************************************************************ * -->
<!-- * Only Text Module * -->
<!-- Space -->
<div ice:editable="section">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="font-size: 0;line-height: 0;border-collapse: collapse;">
    <tr>
        <td width="100%" height="25" bgcolor="#ffffff" style="font-size: 0;line-height: 0;border-collapse: collapse;">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr><td width="600" height="25" bgcolor="#ffffff">&nbsp;</td></tr>
            </table>
        </td>
    </tr>
</table>
</div>
<!-- End of Space -->
<div ice:editable="section">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
          <td width="100%" valign="top" bgcolor="#ffffff">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#ffffff">
                        
                        <table width="560" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale">
                            <tr>
                                <td width="100%">                        

                                    <!-- Text Section -->
                                    <table border="0" cellpadding="0" cellspacing="0" align="center">
                                        <tr>
                                            <td width="100%" style="font-size: 18px; color: #ABA26F; text-align: center; font-weight: normal; font-family: Helvetica, Arial, sans-serif; line-height: 24px;" ice:editable="line">Event Heading</td>
                                        </tr>
                                    </table>
                                    <!-- End of Text Section -->
                                    
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</div>
<!-- Divider Section -->
<div ice:editable="section">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
          <td width="100%" valign="top" bgcolor="#ffffff">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#ffffff">        
                    
                        <!-- Image Section -->
                        <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale2">
                            <tr>
                                 <td width="100%" valign="top">
                                    <img src="/e-news/2014/images/divider.jpg" width="600" alt="" border="0" class="ImageResizeDivider" style="display: block;" />
                                </td>
                            </tr>
                        </table>
                        <!-- End of Image Section -->
                                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</div>
<!-- End of Divider Section -->
<!-- * End of Small Left Image + Right Text Module * -->
<!-- * ************************************************************************************************************************************ * -->



<!-- * ************************************************************************************************************************************ * -->


<!-- * Small Right Image + left Text Module * -->
<!-- Space -->
<div ice:editable="section">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="font-size: 0;line-height: 0;border-collapse: collapse;">
    <tr>
        <td width="100%" height="25" bgcolor="#ffffff" style="font-size: 0;line-height: 0;border-collapse: collapse;">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr><td width="600" height="25" bgcolor="#ffffff">&nbsp;</td></tr>
            </table>
        </td>
    </tr>
</table>
</div>
<!-- End of Space -->
<div ice:editable="section">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
          <td width="100%" valign="top" bgcolor="#ffffff">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#ffffff">
                        
                        <table width="560" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale">
                            <tr>
                                <td width="100%" style="font-size: 0;line-height: 0;border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">                        

                                    <!-- Event Summary -->
                                    <table width="175" align="right" cellpadding="10" cellspacing="0" border="0" style="font-size: 0;line-height: 0;border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="miResizeTable">
                                        <tr>
                                            <td width="100%" valign="top" bgcolor="#ABA26F" cellpadding="10" style="font-size: 12px; color: #ffffff; text-align: left; font-weight: normal; font-family: Helvetica, Arial, sans-serif; line-height: 20px;">
                                                <p style="padding: 0; margin: 0; font-weight: bold;" ice:editable="line">Date</p>
                                                <p style="padding: 0; margin: 0; margin-bottom: 15px;" ice:editable="multiline">Wednesday, 27 August 2014</p>
                                                
                                                <p style="padding: 0; margin: 0; font-weight: bold;" ice:editable="line">Time</p>
                                                <p style="padding: 0; margin: 0; margin-bottom: 15px;" ice:editable="multiline">6.00pm
                                                (Preceded by drinks starting from 5.30pm)</p>

                                                <p style="padding: 0; margin: 0;font-weight: bold;" ice:editable="line">Venue</p>
                                                <p style="padding: 0; margin: 0; margin-bottom: 15px;" ice:editable="multiline">Sample Venue,
                                                100 Sample Street
                                                City</p> 

                                                <p style="padding: 0; margin: 0;font-weight: bold;" ice:editable="line">Refreshments</p>
                                                <p style="padding: 0; margin: 0; margin-bottom: 15px;" ice:editable="multiline">Guests will break for drinks and canapes</p>

                                                <p style="padding: 0; margin: 0;font-weight: bold;" ice:editable="line">Cost</p>
                                                <p style="padding: 0; margin: 0;" ice:editable="multiline">$20 $10 (Student Concession)</p>
                                            </td>
                                        </tr>
                                        <tr><td width="100%" height="10" style="font-size: 0;line-height: 0;border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"></td></tr>
                                    </table>
                                    <!-- End of Event Summary -->
                                                                    
                                    <!-- Padding 20px -->
                                    <table class="MobileErase" width="1" border="0" cellpadding="0" cellspacing="0" align="right" style="font-size: 0;line-height: 0;border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                                        <tr><td width="0" height="20" style="font-size: 0;line-height: 0;border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
                                            <p style="padding-left: 20px;">&nbsp;</p>
                                        </td></tr>
                                    </table>
                                    <!-- End of Padding 20px -->

                                    <!-- Text Section -->
                                    <table width="360" border="0" cellpadding="0" cellspacing="0" align="left" style="font-size: 0;line-height: 0;border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="miResizeText2">                                        
                                        <tr>
                                            <td width="100%" style="border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; font-size: 12px; color: #565656; text-align: left; font-weight: normal; font-family: Helvetica, Arial, sans-serif; line-height: 20px;" ice:editable="html" ice:options="bold, italic, link, unorderedlist, orderedlist, outdent, indent">                                        
                                                <p>Dear {tag_recipientfirstname}</p>

<p>Lorem ipsum dolor sit amet, est tincidunt democritum ut. Duo deleniti phaedrum ut. An virtute senserit vituperatoribus ius, maluisset efficiendi vis ut. Eius ludus facete ex nec. Mei meis nonumy nemore ne, quo homero postulant et. 
</p>
<p>Lorem ipsum dolor sit amet, est tincidunt democritum ut. Duo deleniti phaedrum ut. An virtute senserit vituperatoribus ius, maluisset efficiendi vis ut. Eius ludus facete ex nec. Mei meis nonumy nemore ne, quo homero postulant et.
</p>
<p>We hope you are able to attend.</p> 

<p>Kind regards</p>

<p><strong> Name</strong></p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <table border="0" cellspacing="0" cellpadding="0" align="left">                                                    
                                                
                                                    <!-- Button -->
                                                    <tr>                                                            
                                                        <td>
                                                            <a href="/events" target="_blank" style="text-decoration: none;">
                                                                <img src="/e-news/2014/images/button-booknow.jpg" width="98" align="left" alt="Button" title="button" border="0" style="display: block;" />                                                                                                            
                                                            </a>
                                                        </td>    
                                                    </tr>
                                                    <!-- End of Button -->
                                                    
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- End of Text Section -->
                                    
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</div>
<!-- Divider Section -->
<div ice:editable="section">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
          <td width="100%" valign="top" bgcolor="#ffffff">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#ffffff">        
                    
                        <!-- Image Section -->
                        <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale2">
                            <tr>
                                 <td width="100%" valign="top">
                                    <img src="/e-news/2014/images/divider.jpg" width="600" alt="" border="0" class="ImageResizeDivider" style="display: block;" />
                                </td>
                            </tr>
                        </table>
                        <!-- End of Image Section -->
                                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</div>
<!-- End of Divider Section -->
<!-- * End of Events Module * -->        
<!-- * ************************************************************************************************************************************ * -->


<!-- * ************************************************************************************************************************************ * -->
<!-- * Footer Module * -->
<!-- Space -->
<div ice:editable="section">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="font-size: 0;line-height: 0;border-collapse: collapse;">
    <tr>
        <td width="100%" height="25" bgcolor="#ffffff" style="font-size: 0;line-height: 0;border-collapse: collapse;">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr><td width="600" height="25" bgcolor="#ffffff">&nbsp;</td></tr>
            </table>
        </td>
    </tr>
</table>
</div>
<!-- End of Space -->

<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
    <tr><td width="100%" height="4" bgcolor="#BDCCD4" style="font-size: 0;line-height: 0;border-collapse: collapse;">&nbsp;</td></tr>
      <tr>
          <td width="100%" valign="top" bgcolor="#aba16f">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#aba16f">        
                    
                        <!-- Image Section -->
                        <table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale2">
                            <tr>
                                 <td width="100%" valign="top">
                                    <img src="/e-news/2014/images/shadow-brown.jpg" width="600" alt="" border="0" class="ImageResize" style="display: block;" />
                                </td>
                            </tr>
                        </table>
                        <!-- End of Image Section -->
                                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td width="100%" height="5" bgcolor="#aba16f" style="font-size: 0;line-height: 0;border-collapse: collapse;">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr><td width="600" height="5" bgcolor="#aba16f">&nbsp;</td></tr>
            </table>
        </td>
    </tr>
      <tr>
          <td width="100%" valign="top" bgcolor="#aba16f">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#aba16f">
                        
                        <table width="560" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale">
                            <tr>
                                <td width="100%">                        

                                    <!-- First Colomn Links  -->
                                    <table width="120" border="0" cellpadding="0" cellspacing="0" align="left" class="FooterModule">
                                        <tr>                                                                                    
                                            <td width="120" style="vertical-align: top; color: #ffffff; font-size: 15px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height:160%">  
                                                Email Options
                                                <a href="{tag_tellafriend}" target="_blank" style="text-decoration: none; color: #ffffff; line-height:160%; font-size: 12px;"><br />
                                                Send to a Friend</a>
                                                <a href="/contact" target="_blank" style="text-decoration: none; color: #ffffff; line-height:160%; font-size: 12px;"><br />
                                                Contact Us</a>
                                                <a href="/dashboard" target="_blank" style="text-decoration: none; color: #ffffff; line-height:160%; font-size: 12px;"><br />
                                                Update Details</a>
                                                <a href="{tag_unsubscribelisturl}" target="_blank" style="text-decoration: none; color: #ffffff; line-height:230%; font-size: 12px;"><br />
                                                Unsubscribe</a>
                                            </td>                                                                                    
                                        </tr>
                                    </table>
                                    <!-- End of First Colomn Links -->
                                    
                                    <!-- Padding 24px -->
                                    <table width="1" border="0" cellpadding="0" cellspacing="0" align="left" style="font-size: 0;line-height: 0;border-collapse: collapse;">
                                        <tr><td width="0" height="20" style="font-size: 0;line-height: 0;border-collapse: collapse;">
                                            <p style="padding-left: 24px;">&nbsp;</p>
                                        </td></tr>
                                    </table>
                                    <!-- End of Padding 24px -->                        
                        
                                    <!-- Second Colomn Links -->                        
                                    <table width="120" border="0" cellpadding="0" cellspacing="0" align="left" class="FooterModule">
                                        <tr>
                                            <td width="120" style="vertical-align: top; color: #ffffff; font-size: 15px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height:160%"> 
                                                Features
                                                <a href="/news" target="_blank" style="text-decoration: none; color: #ffffff; line-height:160%; font-size: 12px;"><br />
                                                News</a>
                                                <a href="/photo-gallery" target="_blank" style="text-decoration: none; color: #ffffff; line-height:160%; font-size: 12px;"><br />
                                                Photo Gallery</a>
                                                <a href="/downloads" target="_blank" style="text-decoration: none; color: #ffffff; line-height:160%; font-size: 12px;"><br />
                                                Downloads</a>
                                                <a href="/publications" target="_blank" style="text-decoration: none; color: #ffffff; line-height:230%; font-size: 12px;"><br />
                                                Publications</a>
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- End of Second Colomn Links -->                                                            

                                    <!-- Padding 16px -->
                                    <table width="1" border="0" cellpadding="0" cellspacing="0" align="left" style="font-size: 0;line-height: 0;border-collapse: collapse;">
                                        <tr><td width="0" height="20" style="font-size: 0;line-height: 0;border-collapse: collapse;">
                                            <p style="padding-left: 16px;">&nbsp;</p>
                                        </td></tr>
                                    </table>
                                    <!-- End of Padding 16px -->
                                            
                                    <!-- Third Colomn Links -->
                                    <table width="250" border="0" cellpadding="0" cellspacing="0" align="right" class="FooterModule">
                                        <tr>
                                            <td width="250" align="right" style="vertical-align: top; color: #ffffff; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height:160%" class="FooterModule2"> 
                                                
                                                <!-- Logo Image -->
                                                Sample Site 
                                                <br />
                                                GPO Box 0000, City Country
                                                <!-- End of Logo Image -->
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td align="right" style="vertical-align: top; color: #ffffff; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height:140%" class="FooterModule2"><br />
                                            
<span class="mobile_link"> Telephone: <a href="fax:(02) 9328 0011" style="text-decoration: none; color: #ffffff">(03) 0000000</a></span> <br />

                                              <span class="mobile_link"> Facsimile: <a href="fax:(02) 9328 0011" style="text-decoration: none; color: #ffffff">(03) 0000000</a></span> <br />
                                            <span class="mobile_link"> Email: <a href="email: info@site.org.au" style="text-decoration: none; color: #ffffff">info@site.com.au</a></span></td>
                                        </tr>
                                    </table>                                    
                                    <!-- End of Third Colomn Links -->
                                    
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>    
</table>
<!-- * End of Footer Module * -->

<!-- Space -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="font-size: 0;line-height: 0;border-collapse: collapse;">
    <tr>
        <td width="100%" height="15" bgcolor="#aba16f" style="font-size: 0;line-height: 0;border-collapse: collapse;">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr><td width="600" height="15" bgcolor="#aba16f">&nbsp;</td></tr>
            </table>
        </td>
    </tr>
    <tr>
        <td width="100%" height="15" bgcolor="#aba16f" style="font-size: 0;line-height: 0;border-collapse: collapse;">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr><td width="600" height="15" bgcolor="#aba16f">&nbsp;</td></tr>
            </table>
        </td>
    </tr>
</table>
<!-- End of Space -->

<!-- * Copyright Module * -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
          <td width="100%" valign="top" bgcolor="#aba16f">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr>
                    <td width="600" bgcolor="#aba16f">
                        
                        <table width="560" border="0" cellpadding="0" cellspacing="0" align="center" class="MobileScale">
                            <tr>
                                <td width="100%">    
                                
                                    <!-- Text Section -->
                                    <table border="0" cellpadding="0" cellspacing="0" align="left">
                                        <tr>
                                            <td bgcolor="#aba16f" align="left" style="font-size: 12px; color: #ffffff; font-weight: bold; text-align: center; font-family: Helvetica, Arial, sans-serif;"> Copyright &copy; 2014 &nbsp;|&nbsp;</td>
                                        </tr>
                                    </table>
                                    <!-- End of Text Section -->
                                    
                                </td>
                            </tr>
                        </table>
                        
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<!-- Space -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" style="font-size: 0;line-height: 0;border-collapse: collapse;">
    <tr>
        <td width="100%" height="15" bgcolor="#aba16f" style="font-size: 0;line-height: 0;border-collapse: collapse;">
            <table border="0" cellpadding="0" cellspacing="0" align="center">
                <tr><td width="600" height="15" bgcolor="#aba16f">&nbsp;</td></tr>
            </table>
        </td>
    </tr>
</table>
<!-- End of Space -->
<!-- * End of Copyright Module * -->
<!-- * ************************************************************************************************************************************ * -->


</body>
</html>

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098