TCT Special eblast pov 1

by Susan Delgado

HTML

<!doctype html>
<html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    </head>
    
    <body bgcolor="#FAFAFA" style="padding:0; margin:0;">
        <style type="text/css">
          
        </style>
        <table class="area" bgcolor="#1e384b" width="100%" cellpadding="0" border="0" style="font-size: 100%; line-height:200%;border-collapse: collapse !important;margin:0;padding:0;border-spacing: 0;margin:0 auto;overflow:hidden;">
            <tbody>
                <tr>
                    <td align="center" valign="top" class="center">
                        <table class="wrapper" width="640" cellpadding="0" cellspacing="0" border="0" valign="top" style="border-collapse: collapse !important;margin:0;padding:0;border-spacing: 0;max-width:640px;display:inline-block;width:640px;margin:0 auto;overflow:hidden;">
                            <!-- HEADER -->
                            <tbody>
                                <tr>
                                    <td class="section" valign="top" width="640">
                                        <table width="100%" class="section" border="0" cellpadding="0" cellspacing="0" align="left" valign="top" style="background-color: #ffffff; border-collapse: collapse !important; ">
                                            <tbody>
                                                <tr>
                                                    <td pardot-region="header_image" class="header_content" align="left" style="text-align: left; vertical-align: middle; padding: 0px;" valign="top" pardot-data="">
                                                        <img align="left" alt="" border="0" class="header-image" width="50%" src="http://e.crf.org/l/35122/2014-05-13/gj43/35122/21134/tct_2014_header_left_01.gif" style="padding:0; margin:0;float:left;border:none;display:inline-block;border:none;" />
          ...

CSS

a {
    color:#003260;
}
.apple a {
    color:#243746;
}
.apple1 a {
    color:#ffffff;
}
.apple2 a {
    color:#8b0304;
}
#outlook a {
    padding: 0;
}
body, td, td span {
    text-align: left !important;
    /* Set all text to left as default to overwrite OWA text-align justify */
}
td.center {
    text-align: center !important;
    /* text-align center for most email clients, OWA doesn't recognize this */
    text-align: center;
    /* OWA fix, overwrites left !important with this */
}
td.center * {
    text-align: center;
    /* Outlook 07,10,13 fix */
}
td.right {
    text-align: right !important;
    /* text-align right for all most email clients, OWA doesn't recognize this */
    text-align: right;
    /* OWA fix, overwrites left !important with this */
}
td.right * {
    text-align: right;
    /* Outlook 07,10,13 fix */
}
.body {
    width: 100% !important;
    /*-webkit-text-size-adjust: 100%;*/
    /*-ms-text-size-adjust: 100%;*/
    margin: 0;
    padding: 0;
}
.ExternalClass {
    width:100%;
}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
    line-height: 100%;
}
img {
    outline: none;
    text-decoration: none;
    -ms-interpolation-mode: bicubic;
    max-width: 100% !important;
}
a img {
    border: none;
}
p {
    /*margin: 1em 0;*/
}
table td {
    border-collapse: collapse;
    max-width: 640px !important;
}
/* hide unsubscribe from forwards*/
 blockquote .original-only, .WordSection1 .original-only {
    display: none !important;
}
.wrapper, .section, .bodyContent {
    width: 640px important;
    max-width: 640px important;
}
@media screen and (max-width: 480px) {
    .wrapper, .section {
        width: 100% !important;
        max-width: 480px !important;
    }
    img {
        max-width: 100% !important;
    }
    .hide {
        display: none !important;
        height: 0 !important;
        width: 0 !important;
    }
    .header-image {
        width: 100%...