<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang='en'>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

    <!--[if mso]>
    <style type="text/css">
    body, table, td {font-family: arialregular, sans-serif !important;}
    </style>
    <![endif]-->
    <title>template second</title>
    <style type="text/css">
    @font-face {
          font-family: 'arialregular', sans-serif;
          src: url('arial-webfont.woff2') format('woff2'),
               url('arial-webfont.woff') format('woff');
          font-weight: normal;
          font-style: normal;

      }
      body {
        font-family: 'arialregular', sans-serif;
        width:100% !important;
        -webkit-text;
        size-adjust:100%;
        -ms-text-size-adjust:100%;
        margin:0; padding:0;
      }
      a[href^=tel],
      a[href^=mailto]{
        color: #5c6873 !important;
        text-decoration: none !important;
      }
      a.yellow-color{
        color: #deb406 !important;
      }

      a.address{
        color: #b1c4d0 !important;
      }
      .number{
        color: #5c6873 !important;
      }
    /* Some resets and issue fixes */
     #outlook a {
       padding:0;
     }

    table td {
      border-collapse: collapse;
    }
    .ExternalClass * {line-height: 115%;}
  /* End reset */

   @media only screen and (max-width: 630px) {
        .header-img {
            height: 125px !important;
          }
          .m-table {
            width: 100% !important;
          }
          .m-full{
            display: block !important;
            width: 100% !important;
          }
          .mobile-center{
            text-align: center !important;
          }

          .header-img{
            padding: 10px 15px !important;
            background-size: cover !important;
          }
          .m-logo{
            width: 50px !important;
            height: auto !important;
          }
          .m-heading1{
            font-size: 16px !important;
            line-height: 20px !important;
          }
          .m-font-medium{
            font-size: 15px !important;
            line-height: 19px !important;
          }
          .mobile-padding{
            padding: 12px 15px !important;
          }
          .m-video-img{
            width: 100% !important;
            max-height: 300px !important ;
          }
          .m-btn{
            padding: 10px 24px !important;
          }
          .m-margin-medium{
            margin-bottom: 9px !important;
          }
          .inner-table2{
            padding: 10px 15px !important;
          }
          .m-none{
            display: none !important;
          }
          .m-padding-none{
            padding: 0 !important;
          }
          .m-full-img{
            width: 100% !important;
          }
          .m-left-padding-none{
            padding-left: 0 !important;
          }
          .m-right-padding-none{
            padding-right: 0 !important;
          }
          .m-padding-medium{
            padding-bottom: 30px !important;
          }

        }

        </style>


  </head>
  <body style="padding:0; margin:0" style="font-family: 'arialregular', sans-serif">

  <div class="table-wrapper m-wrapper" style="max-width: 600px; margin: 0 auto;" >
      <table style="margin: 0; padding: 0" width="600px"  cellpadding="0" cellspacing="0" class="m-table" >
        <tbody>
          <tr>
            <td style="height: 17px; background-color: #851e34;"></td>
          </tr>
          <tr>
            <td  style="height: 3px; background-color: #deb406;"></td>
          </tr>
          <!-- header starts here -->
          <tr>
            <td>
              <table class="header-img" background-image="img/nshss-chicago-event-email-banner.png" height="181px" background-repeat="no-repeat" background-size="cover" width="100%" style="width:100%; background-image: url('img/nshss-chicago-event-email-banner.png'); padding: 50px 52px 17px 83px; max-height: 181px; background-repeat: no-repeat; background-size: cover;">
                <!--[if gte mso 9]>
                        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;">
                            <v:fill type="tile" src="img/nshss-chicago-event-email-banner.png" color="#5c6873" />
                            <v:textbox style="mso-fit-shape-to-text:true" >
                  <![endif]-->
                <tbody>
                   <tr>
                      <td class="m-full mobile-center"><a href="javascript:void(0)"><img src="img/logo.png" alt="site logo" class="m-logo"></a></td>
                      <td class="m-full m-padding-none mobile-center" style="padding-left: 17px;">
                        <p class="mobile-center" style="margin-top: 0; margin-bottom: 0; text-align: right; text-transform: uppercase; color: #ffffff; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 19px; line-height: 23px;"><span style="text-transform: uppercase; color: #deb406; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 20px; line-height: 24px;">FALL</span>2017</p>
                        <strong style="text-transform: uppercase; color: #ffffff; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 20px; line-height: 24px;" class="m-heading1">nshss </strong>
                        <span class="m-none" style="height: 1px; max-width: 313px; width: 271px; background-color: #ffffff; display: inline-block; vertical-align: middle; margin-left: 11px;"></span><br>
                      <strong style="text-transform: uppercase; color: #ffffff; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 33px; line-height: 37px;" class="m-heading1">scholar’s JOURNAL</strong>
                      </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
          <!-- header end here -->

          <tr>
            <td>
              <table style="margin: 0; width: 100%; padding: 9px 50px 20px 50px;" width="100%" cellpadding="0" cellspacing="0" class="inner-table2">
                <tbody>
                  <tr>
                    <td style=" background-color: #ffffff;" colspan="2">
                      <p class="m-font-medium"  style=" text-align: center; color: #5c6873; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 14px; line-height: 18px; font-style: Italic; margin-bottom: 17px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

                      <strong class="m-font-medium"  style=" text-align: center; color: #deb406; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 24px; line-height: 28px; display: inline-block; margin-bottom: 26px;">Apply for Summer Programs</strong>

                      <img src="img/hush-naidoo-535092.png" alt="" style="margin-bottom: 27px; width: 100%; max-height: 165px;">

                      <strong class="m-font-medium"  style=" text-align: center; color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 18px; line-height: 22px;">Health Professions Week</strong>

                      <p style=" color: #5c6873; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px; margin-bottom: 12px; margin-top: 10px;">Health Professions Week (HPW) is a week-long FREE online event for high school and college students interested in learning more about careers in the health professions. Last year, over 4,000 students got a great start to finding the health profession that will fit them best – and now you can too. Join us this November 6-10, 2017 for all of the exciting events.</p>

                      <p style="text-align: center; margin-top: 17px; margin-bottom: 33px;"><a href="javascript:void(0)" class="m-btn" style=" text-align: center; background-color: #deb406; text-decoration: none; font-family: 'arialregular', sans-serif; text-transform: uppercase; color: #394048; border-radius: 35px; padding: 15px 42px; max-width: 318px; display: inline-block; font-weight: 600; font-size: 16px; line-height: 18px;">VIEW HEALTH PROFESSION DETAILS</a></p>


                    </td>

                  </tr>
                  <tr>
                    <td style="padding-right: 12px; padding-bottom: 37px; width: 50%;" valign="top" class="m-full m-right-padding-none" width="50%">
                      <img src="img/element5-digital-352046.png" alt="" style="margin-bottom: 17px; width: 100%; max-height: 164px;" class="m-full-img">
                      <strong class="m-font-medium"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 16px; line-height: 20px;">University of South Wales</strong>
                      <p style="color: #5c6873; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px;">UNSW in Sydney, Australia, has a proud tradition of sustained innovation, focusing on areas critical to our future...</p>
                      <a href="javascript:void(0)"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px; text-decoration: underline;">Learn More ></a>
                    </td>
                    <td style="padding-left: 12px; padding-bottom: 37px; width: 50%;" valign="top" class="m-full m-left-padding-none" width="50%">
                      <img src="img/matthew-gerrard-349932.png" alt="" style="margin-bottom: 17px; width: 100%; max-height: 164px;" class="m-full-img">
                      <strong class="m-font-medium"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 16px; line-height: 20px;">John Hopkins University</strong>
                      <p style="color: #5c6873; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px;">Accomplish your goals, whether you’re looking for university credit or just want to discover your passion. Johns Hopkins University...</p>
                      <a href="javascript:void(0)" style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px; text-decoration: underline;">Learn More ></a>
                    </td>
                  </tr>

                  <tr>
                    <td colspan="2" height="1px" style="height: 1px; background-color: #c7c7c7;"></td>
                  </tr>

                  <tr>
                    <td colspan="2" style="padding-top: 38px; padding-bottom: 28px;" >
                      <strong class="m-font-medium"  style=" text-align: center; color: #deb406; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 24px; line-height: 28px; display: inline-block;">Scholarships</strong>
                    </td>
                  </tr>

                  <tr>
                    <td style="padding-right: 12px; width: 50%;" valign="top" class="m-full m-right-padding-none m-padding-medium" width="50%">
                      <img src="img/k-121-name-1399.png" alt="" style="margin-bottom: 23px; width: 100%; max-height: 164px;" class="m-full-img">
                      <strong class="m-font-medium"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 16px; line-height: 20px;">Get a Global Degree<br> in Milan, Italy</strong>
                      <p style="color: #5c6873; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px;">Bocconi University is one of Europe’s leading economics and business universities....</p>
                      <a href="javascript:void(0)"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px; text-decoration: underline;">Learn More ></a>
                    </td>
                    <td style="padding-left: 12px; width: 50%;" vertical-align="top" class="m-full m-left-padding-none" width="50%">
                      <img src="img/studyabroad.png" alt="" style="margin-bottom: 23px; width: 100%; max-height: 164px;" class="m-full-img">
                      <strong class="m-font-medium"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 16px; line-height: 20px;">FSU: Study Abroad Programs Around the World</strong>
                      <p style="color: #5c6873; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px;">Students at Florida State University are presented with many globally-focused opportunities, including studying abroad through FSU International Programs....
                      </p>
                      <a href="javascript:void(0)"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px; text-decoration: underline;">Learn More ></a>
                    </td>
                  </tr>

                  <tr>
                    <td colspan="2" style="padding-top: 23px; padding-bottom: 40px;">
                      <img src="img/shoes.png" alt="" style="margin-bottom: 23px; width: 100%; max-height: 165px;" class="m-full-img">
                      <strong class="m-font-medium"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 18px; line-height: 22px;">Get a Head Start on Scholarship Season!</strong>
                      <p style="color: #5c6873; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px;">Learn about the scholarships for NSHSS members available right now, and learn about the scholarships that will start accepting applications soon.
                      </p>
                    </td>
                  </tr>

                  <tr>
                    <td colspan="2" height="1px" style="height: 1px; background-color: #c7c7c7;"></td>
                  </tr>


                  <tr>
                    <td colspan="2" style="padding-bottom: 20px; padding-top: 46px;">
                      <strong class="m-font-medium"  style="color: #deb406; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 24px; line-height: 28px;">Get Involved:</strong><br>
                      <strong class="m-font-medium"  style="color: #deb406; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 24px; line-height: 28px;">Chapters & Community Service</strong>
                    </td>
                  </tr>

                  <tr>
                      <td style="padding-bottom: 30px; padding-right: 12px; width: 50%;" valign="top" class="m-full m-right-padding-none" width="50%">
                        <img src="img/Alumni Sotlight.png" alt="" style="margin-bottom: 23px; width: 100%; max-height: 164px;" class="m-full-img">
                        <strong class="m-font-medium"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 16px; line-height: 20px;">Alumni Spotlight</strong>
                        <p style="color: #5c6873; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                        <a href="javascript:void(0)"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px; text-decoration: underline;">Learn More ></a>
                      </td>
                      <td style="padding-bottom: 30px; padding-left: 12px; width: 50%;" valign="top" class="m-full m-left-padding-none" width="50%">
                        <img src="img/members_doing _great.png" alt="" style="margin-bottom: 23px; width: 100%; max-height: 164px;" class="m-full-img">
                        <strong class="m-font-medium"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 16px; line-height: 20px;">Members Doing Great Things</strong>
                        <p style="color: #5c6873; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        <a href="javascript:void(0)"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px; text-decoration: underline;">Learn More ></a>
                      </td>
                  </tr>

                  <tr>
                      <td style="padding-right: 12px; width: 50%;" valign="top" class="m-full m-right-padding-none m-padding-medium" width="50%">
                        <img src="img/zachary-nelson-192289.png" alt="" style="margin-bottom: 23px; width: 100%; max-height: 164px;" class="m-full-img">
                        <strong class="m-font-medium"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 16px; line-height: 20px;">Spotlight on our Partners</strong>
                        <p style="color: #5c6873; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                        <a href="javascript:void(0)"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px; text-decoration: underline;">Learn More ></a>
                      </td>
                      <td style="padding-left: 12px; width: 50%;" width="50%" valign="top" class="m-full m-left-padding-none">
                        <img src="img/Upcoming events.png" alt="" style="margin-bottom: 23px; width: 100%; max-height: 164px;" class="m-full-img">
                        <strong class="m-font-medium"  style="color: #851e34; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 16px; line-height: 20px;">Upcoming Events</strong>
                        <p style="color: #5c6873; font-weight: 400; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
                        <a href="javascript:void(0)"  style="color: #851e35; font-weight: 600; font-family: 'arialregular', sans-serif; font-size: 11px; line-height: 15px; text-decoration: underline;">Learn More ></a>
                      </td>
                  </tr>

                  <tr>
                    <td align="center" vertical-align="middle" colspan="2" style="text-align: center; padding-bottom: 18px; padding-top: 38px;">
                      <a href="javascript:void(0)" class="m-btn" style=" text-align: center; background-color: #deb406; text-decoration: none; font-family: 'arialregular', sans-serif; text-transform: uppercase; color: #394048; border-radius: 35px; padding: 15px 60px; max-width: 318px; display: inline-block; font-weight: 600; font-size: 16px; line-height: 18px;">VIEW HEALTH PROFESSION DETAILS</a>
                    </td>
                  </tr>

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

          <!-- footer starts here -->
          <tr>
            <td>
              <table cellspacing="0" cellpadding="0" width="100%" style="width: 100%; max-width: 100%; background-color: #394048; padding: 22px 82px 32px 50px" bgcolor="#394048" class="mobile-padding">
                <tbody>
                  <tr>
                    <td style="width: 38%" width="38%" class="mobile-center m-full">
                      <p style="margin-top: 0;" class="m-margin-medium"><span style="border-right: 1px solid #b1c4d0; color: #b1c4d0; font-size: 10px; line-height: 14px; font-family: 'arialregular', sans-serif; font-weight: 400; padding-right: 3px;">Contact Us</span><a href="javascript:void(0)" style="color: #b1c4d0; font-size: 10px; line-height: 14px; font-family: 'arialregular', sans-serif; font-weight: 400; text-decoration: underline; margin-left: 3px;">information@nshss.org</a></p>
                    </td>
                    <td style="width: 72%" width="72%" class="mobile-center m-full">
                      <p style="margin-top: 0; color: #b1c4d0; font-size: 10px; line-height: 14px; font-family: 'arialregular', sans-serif; font-weight: 500; display: inline-block;">Connect with us:</p>
                      <p style="margin-top: 0; display: inline-block;">
                        <a href="javascript:void(0)" class="facebook" style="margin: 0 2px;"><img src="img/fb.png" alt="facebook"></a>
                        <a href="javascript:void(0)" class="twitter" style="margin-right: 2px;"><img src="img/twitter.png" alt="twitter"></a>
                        <a href="javascript:void(0)" class="Tumblr" style="margin-right: 2px;"><img src="img/Tumblr.png" alt="Tumblr"></a>
                        <a href="javascript:void(0)" class="linkedin" style="margin-right: 2px;"><img src="img/linkedin.png" alt="linkedin"></a>
                        <a href="javascript:void(0)" class="youtube" style="margin-right: 2px;"><img src="img/youtube.png" alt="youtube"></a>
                      </p>
                    </td>
                  </tr>
                  <tr>
                     <td colspan="2" class="mobile-center">
                      <p style="margin-top: 0; color: #b1c4d0; font-size: 10px; line-height: 14px; font-family: 'arialregular', sans-serif; font-weight: 500;">You are receiving this email message from the National Society of High School Scholars, located at <a href="javascript:void(0)" class="address" style="text-decoration: none;">1936 N. Druid Hills Road,</a> International Headquarters, Atlanta, GA 30319, phone: <a href="tel:+1-866-343-1800" class="yellow-color" style="color: #deb406; font-size: 10px; line-height: 14px; font-family: 'arialregular', sans-serif; font-weight: 400; margin-left: 1px; text-decoration: none;" >1-866-343-1800</a>.</p>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="2" class="mobile-center">
                      <p style="margin-top: 2px; color: #b1c4d0; font-size: 10px; line-height: 14px; font-family: 'arialregular', sans-serif; font-weight: 400; font-style: Italic" >f you wish to unsubscribe from our communications list, please click <a href="javascript:void(0)" style="color: #b1c4d0; font-size: 10px; line-height: 14px; font-family: 'arialregular', sans-serif; font-weight: 400; font-style: Italic; text-decoration: underline;">here</a>.</p>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
          <!-- footer ends here -->

        </tbody>
      </table>


  </div>

  </body>
</html>

this code is working fine in outlook on mac but bad look on windows.. i have attached screenshot of issue please help on this..