Re: Module code issues- Help anyone?

Angie_Zarate
Level 2

Module code issues- Help anyone?

I would like to get the module to look like this. The full width of the email.

presenter modules.PNG

Currently it is looking like this. Not to the edge and the second speaker not coming up to the first row.

Current.PNG

This is a combination of two templates so the code reads different but I am attaching it. Can anyone help me figure out 2 things?

1.) get the width to be the same

2.) the second speaker to be on the first row.

Thanks Below is the code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width" />

<meta content="telephone=no" name="format-detection" />

<meta content="date=no" name="format-detection" />

<meta content="address=no" name="format-detection" />

<meta content="email=no" name="format-detection" />

<meta class="mktoColor" id="email-body-bg" mktoName="Email Body BG" default="#FFFFFF" />

<meta class="mktoColor" id="section2c-bg" mktoName="Background Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoColor" id="section1-bg" mktoName="Background Color" default="#04A4DE" mktoModuleScope="true" />

<meta class="mktoColor" id="section3-bg" mktoName="Background Color" default="#DAE6EB" mktoModuleScope="true" />

<meta class="mktoColor" id="section4-bg" mktoName="Background Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoColor" id="section5-bg" mktoName="Background Color" default="#E97B2C" mktoModuleScope="true" />

<meta class="mktoColor" id="section6-bg" mktoName="Background Color" default="#04A4DE" mktoModuleScope="true" />

<meta class="mktoColor" id="section7-bg" mktoName="Background Color" default="#DADADB" mktoModuleScope="true" />

<meta class="mktoColor" id="section7-2-bg" mktoName="Background Color" default="#000000" mktoModuleScope="true" />

<meta class="mktoColor" id="section8-bg" mktoName="Background Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoColor" id="section9-bg" mktoName="Background Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoColor" id="section10-bg" mktoName="Background Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoColor" id="section11-bg" mktoName="Background Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoColor" id="section12-bg" mktoName="Background Color" default="#DAE6EB" mktoModuleScope="true" />

<meta class="mktoList" id="padding-top:0" mktoName="Top Padding" default="0" values="0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100" mktoModuleScope="true">

<meta class="mktoList" id="padding-top:15" mktoName="Top Padding" default="15" values="0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100" mktoModuleScope="true">

<meta class="mktoList" id="padding-top:30" mktoName="Top Padding" default="30" values="0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100" mktoModuleScope="true">

<meta class="mktoList" id="padding-bottom:0" mktoName="Bottom Padding" default="0" values="0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100" mktoModuleScope="true">

<meta class="mktoList" id="padding-bottom:20" mktoName="Bottom Padding" default="20" values="0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100" mktoModuleScope="true">

<meta class="mktoList" id="padding-bottom:30" mktoName="Bottom Padding" default="30" values="0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100" mktoModuleScope="true">

<meta class="mktoColor" id="section7-2-border-color" mktoName="Top Border Color" default="#2FADEE" mktoModuleScope="true" />

<meta class="mktoNumber" id="section7-2-border-size" mktoName="Top Border Size" default="4" min="1" max="20" units="px" step="1" mktoModuleScope="true" />

<meta class="mktoBoolean" id="column-swap" mktoName="Swap Columns?" default="false" false_value="ltr" true_value="rtl" false_value_name="NO" true_value_name="YES" mktoModuleScope="true">

<meta class="mktoColor" id="general-h1-font-color" mktoName="[General h1] Color" default="#00a1de" mktoModuleScope="true" />

<meta class="mktoNumber" id="general-h1-font-size" mktoName="[General h1] Size" default="36" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="general-h1-line-height" mktoName="[General h1] Line-height" default="40" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="general-h1-text-align" mktoName="[General h1] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="general-h1-font-weight" mktoName="[General h1] Font-weight" default="bold" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="general-h2-font-color" mktoName="[General h2] Color" default="#505050" mktoModuleScope="true" />

<meta class="mktoNumber" id="general-h2-font-size" mktoName="[General h2] Size" default="32" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="general-h2-line-height" mktoName="[General h2] Line-height" default="38" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="general-h2-text-align" mktoName="[General h2] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="general-h2-font-weight" mktoName="[General h2] Font-weight" default="bold" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="general-h3-font-color" mktoName="[General h3] Color" default="#0076A8" mktoModuleScope="true" />

<meta class="mktoNumber" id="general-h3-font-size" mktoName="[General h3] Size" default="26" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="general-h3-line-height" mktoName="[General h3] Line-height" default="30" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="general-h3-text-align" mktoName="[General h3] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="general-h3-font-weight" mktoName="[General h3] Font-weight" default="bold" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="general-h4-font-color" mktoName="[General h4] Color" default="#505050" mktoModuleScope="true" />

<meta class="mktoNumber" id="general-h4-font-size" mktoName="[General h4] Size" default="18" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="general-h4-line-height" mktoName="[General h4] Line-height" default="22" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="general-h4-text-align" mktoName="[General h4] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="general-h4-font-weight" mktoName="[General h4] Font-weight" default="bold" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="general-h5-font-color" mktoName="[General h5] Color" default="#505050" mktoModuleScope="true" />

<meta class="mktoNumber" id="general-h5-font-size" mktoName="[General h5] Size" default="15" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="general-h5-line-height" mktoName="[General h5] Line-height" default="19" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="general-h5-text-align" mktoName="[General h5] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="general-h5-font-weight" mktoName="[General h5] Font-weight" default="bold" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="general-p-font-color" mktoName="[General P] Color" default="#505050" mktoModuleScope="true" />

<meta class="mktoNumber" id="general-p-font-size" mktoName="[General P] Size" default="13" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="general-p-line-height" mktoName="[General P] Line-height" default="15" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="general-p-text-align" mktoName="[General P] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="general-p-font-weight" mktoName="[General P] Font-weight" default="normal" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="title-font-color" mktoName="[Title] Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoNumber" id="title-font-size" mktoName="[Title] Size" default="20" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="title-line-height" mktoName="[Title] Line-height" default="21" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="title-font-weight" mktoName="[Title] Font-weight" default="bold" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="h1-font-color" mktoName="[H1] Color" default="#00a1de" mktoModuleScope="true" />

<meta class="mktoNumber" id="h1-font-size" mktoName="[H1] Size" default="32" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="h1-line-height" mktoName="[H1] Line-height" default="36" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="h1-text-align" mktoName="[H1] Text-align" default="center" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="h1-text-align:left" mktoName="[H1] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="h1-font-weight" mktoName="[H1] Font-weight" default="bold" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="h2-font-color" mktoName="[H2] Color" default="#0076a8" mktoModuleScope="true" />

<meta class="mktoColor" id="h2-font-color-white" mktoName="[H2] Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoNumber" id="h2-font-size" mktoName="[H2] Size" default="18" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="h2-line-height" mktoName="[H2] Line-height" default="22" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="h2-text-align" mktoName="[H2] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="h2-font-weight" mktoName="[H2] Font-weight" default="bold" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="h2-2-font-color" mktoName="[H2 #2] Color" default="#0076a8" mktoModuleScope="true" />

<meta class="mktoNumber" id="h2-2-font-size" mktoName="[H2 #2] Size" default="18" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="h2-2-line-height" mktoName="[H2 #2] Line-height" default="22" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="h2-2-text-align" mktoName="[H2 #2] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="h2-2-font-weight" mktoName="[H2 #2] Font-weight" default="bold" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="p-font-color" mktoName="[P] Color" default="#505050" mktoModuleScope="true" />

<meta class="mktoColor" id="p-font-color-white" mktoName="[P] Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoNumber" id="p-font-size" mktoName="[P] Size" default="13" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="p-line-height" mktoName="[P] Line-height" default="15" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="p-text-align" mktoName="[P] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="p-font-weight" mktoName="[P] Font-weight" default="normal" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="p-2-font-color" mktoName="[P #2] Color" default="#505050" mktoModuleScope="true" />

<meta class="mktoNumber" id="p-2-font-size" mktoName="[P #2] Size" default="13" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="p-2-line-height" mktoName="[P #2] Line-height" default="15" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="p-2-text-align" mktoName="[P #2] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="p-2-font-weight" mktoName="[P #2] Font-weight" default="normal" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="p-footer-font-color" mktoName="[P] Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoNumber" id="p-footer-font-size" mktoName="[P] Size" default="11" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="p-footer-line-height" mktoName="[P] Line-height" default="16" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="p-footer-text-align" mktoName="[P] Text-align" default="left" values="left,center,right" mktoModuleScope="true">

<meta class="mktoList" id="p-footer-font-weight" mktoName="[P] Font-weight" default="normal" values="bold,normal" mktoModuleScope="true">

<meta class="mktoBoolean" id="button-toggle-all" mktoName="Hide All Buttons?" default="false" false_value="font-weight:normal;" true_value="display: none; visibility:hidden; float:left; line-height:0px; max-height:0px;" false_value_name="NO" true_value_name="YES" mktoModuleScope="true">

<meta class="mktoBoolean" id="button-toggle" mktoName="Show Button?" default="true" false_value="display: none; visibility:hidden; float:left; line-height:0px; max-height:0px;" true_value="font-weight:normal;" false_value_name="NO" true_value_name="YES" mktoModuleScope="true">

<meta class="mktoBoolean" id="button-toggle-2" mktoName="Show Button #2?" default="true" false_value="display: none; visibility:hidden; float:left; line-height:0px; max-height:0px;" true_value="font-weight:normal;" false_value_name="NO" true_value_name="YES" mktoModuleScope="true">

<meta class="mktoColor" id="button-border-1" mktoName="[CTA] Border Color" default="#0076a8" mktoModuleScope="true" />

<meta class="mktoColor" id="button-border-2" mktoName="[CTA] Border Color" default="#f5d0b3" mktoModuleScope="true" />

<meta class="mktoColor" id="button-border-3" mktoName="[CTA] Border Color" default="#acdff3" mktoModuleScope="true" />

<meta class="mktoColor" id="button-font-color-1" mktoName="[CTA] Font Color" default="#0076a8" mktoModuleScope="true" />

<meta class="mktoColor" id="button-font-color-3" mktoName="[CTA] Font Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoNumber" id="button-font-size-1" mktoName="[CTA] Font Size" default="16" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="button-line-height-1" mktoName="[CTA] Line-height" default="17" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="button-font-weight-1" mktoName="[CTA] Font-weight" default="normal" values="bold,normal" mktoModuleScope="true">

<meta class="mktoColor" id="button-border-1-2" mktoName="[CTA #2] Border Color" default="#0076a8" mktoModuleScope="true" />

<meta class="mktoColor" id="button-border-3-2" mktoName="[CTA #2] Border Color" default="#acdff3" mktoModuleScope="true" />

<meta class="mktoColor" id="button-font-color-1-2" mktoName="[CTA #2] Font Color" default="#0076a8" mktoModuleScope="true" />

<meta class="mktoColor" id="button-font-color-3-2" mktoName="[CTA #2] Font Color" default="#ffffff" mktoModuleScope="true" />

<meta class="mktoNumber" id="button-font-size-1-2" mktoName="[CTA #2] Font Size" default="16" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="button-font-size-3-2" mktoName="[CTA #2] Font Size" default="16" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="button-line-height-1-2" mktoName="[CTA #2] Line-height" default="17" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoNumber" id="button-line-height-3-2" mktoName="[CTA #2] Line-height" default="17" min="0" max="60" units="px" step="1" mktoModuleScope="true">

<meta class="mktoList" id="button-font-weight-1-2" mktoName="[CTA #2] Font-weight" default="normal" values="bold,normal" mktoModuleScope="true">

<meta class="mktoList" id="button-font-weight-3-2" mktoName="[CTA #2] Font-weight" default="normal" values="bold,normal" mktoModuleScope="true">

<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,700" rel="stylesheet">

<!-- [MOD][2-Col Basic Shell] -->

<!-- // MODULE Styles -->

<!-- // inner (Content) Styles -->

<!-- :::::::[LEFT COLUMN]:::::::-->

<meta class="mktoColor" id="in_Half1_BgColor" mktoName="(L) Bg Color" default="#FFFFFF" mktoModuleScope="true"/>

<meta class="mktoColor" id="in_Half1_Speaker_BgColor" mktoName="(L) Bg Color" default="#E0E9EC" mktoModuleScope="true"/>

<meta class="mktoNumber" id="in_Half1_ColWidth" mktoName="(L) Col Width" default="100" min="5" max="635" step="5" mktoModuleScope="false"/>

<meta class="mktoNumber" id="in_Half1_ColWidth_even" mktoName="(L) Col Width" default="200" min="5" max="635" step="5" mktoModuleScope="false"/>

<meta class="mktoList" id="in_Half1_Align" mktoName="(L) Alignment" default="left" mktoModuleScope="true" values="left,center,right"/>

<!-- :::::::[RIGHT COLUMN]:::::::-->

<meta class="mktoColor" id="in_Half2_BgColor" mktoName="(R) Bg Color" default="#FFFFFF" mktoModuleScope="true"/>

<meta class="mktoColor" id="in_Half2_Speaker_BgColor" mktoName="(R) Bg Color" default="#E0E9EC" mktoModuleScope="true"/>

<meta class="mktoNumber" id="in_Half2_ColWidth" mktoName="(R) Col Width" default="300" min="5" max="635" step="5" mktoModuleScope="false"/>

<meta class="mktoNumber" id="in_Half2_ColWidth_even" mktoName="(R) Col Width" default="200" min="5" max="635" step="5" mktoModuleScope="false"/>

<meta class="mktoList" id="in_Half2_Align" mktoName="(R) Alignment" default="left" mktoModuleScope="true" values="left,center,right"/>

<!-- [MOD][3-Col Basic Shell] -->

<!-- // MODULE Styles -->

<!-- // inner (Content) Styles -->

<!-- :::::::[LEFT COLUMN]:::::::-->

<meta class="mktoColor" id="in_Third1_BgColor" mktoName="(L) Bg Color" default="#FFFFFF" mktoModuleScope="true"/>

<meta class="mktoColor" id="in_Third1_Speaker_BgColor" mktoName="(L) Bg Color" default="#E0E9EC" mktoModuleScope="true"/>

<meta class="mktoList" id="in_Third1_Align" mktoName="(L) Alignment" default="left" mktoModuleScope="true" values="left,center,right"/>

<meta class="mktoNumber" id="in_Third1_ColWidth" mktoName="(L) Col Width" default="100" min="5" max="635" step="5" mktoModuleScope="false"/>

<meta class="mktoNumber" id="in_Third1_ColWidth_even" mktoName="(L) Col Width" default="200" min="5" max="635" step="5" mktoModuleScope="false"/>

<!-- :::::::[CENTER COLUMN]:::::::-->

<meta class="mktoColor" id="in_Third2_BgColor" mktoName="(C) Bg Color" default="#FFFFFF" mktoModuleScope="true"/>

<meta class="mktoColor" id="in_Third2_Speaker_BgColor" mktoName="(C) Bg Color" default="#E0E9EC" mktoModuleScope="true"/>

<meta class="mktoList" id="in_Third2_Align" mktoName="(C) Alignment" default="left" mktoModuleScope="true" values="left,center,right"/>

<meta class="mktoNumber" id="in_Third2_ColWidth" mktoName="(C) Col Width" default="150" min="5" max="635" step="5" mktoModuleScope="false"/>

<meta class="mktoNumber" id="in_Third2_ColWidth_even" mktoName="(C) Col Width" default="200" min="5" max="635" step="5" mktoModuleScope="false"/>

<!-- :::::::[RIGHT COLUMN]:::::::-->

<meta class="mktoColor" id="in_Third3_BgColor" mktoName="(R) Bg Color" default="#FFFFFF" mktoModuleScope="true"/>

<meta class="mktoColor" id="in_Third3_Speaker_BgColor" mktoName="(R) Bg Color" default="#E0E9EC" mktoModuleScope="true"/>

<meta class="mktoList" id="in_Third3_Align" mktoName="(R) Alignment" default="left" mktoModuleScope="true" values="left,center,right"/>

<meta class="mktoNumber" id="in_Third3_ColWidth" mktoName="(R) Col Width" default="350" min="5" max="635" step="5" mktoModuleScope="false"/>

<meta class="mktoNumber" id="in_Third3_ColWidth_even" mktoName="(R) Col Width" default="200" min="5" max="635" step="5" mktoModuleScope="false"/>

<!-- // inner Spacers TOP, BOTTOM // Left&Right (preset 0/10)-->

<meta class="mktoList" id="in_VSpace-Top" mktoName="(in) Top Padding" default="0" mktoModuleScope="true" values="0,5px,10px,15px,20px,25px,30px,35px,40px,45px,50px,55px,60px,65px,70px,75px,80px,85px,90px,95px,100px" />

<meta class="mktoList" id="in_VSpace-Bottom" mktoName="(in) Bottom Padding" default="0" mktoModuleScope="true" values="0,5px,10px,15px,20px,25px,30px,35px,40px,45px,50px,55px,60px,65px,70px,75px,80px,85px,90px,95px,100px" />

<meta class="mktoList" id="in_HSpace" mktoName="(in) L/R Padding" default="0" mktoModuleScope="true" values="0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100" />

<!-- // inner Spacers TOP, BOTTOM // (preset 10px) -->

<meta class="mktoList" id="in_VSpace-Top10" mktoName="(in) Top Padding" default="10px" mktoModuleScope="true" values="0,5px,10px,15px,20px,25px,30px,35px,40px,45px,50px,55px,60px,65px,70px,75px,80px,85px,90px,95px,100px" />

<meta class="mktoList" id="in_VSpace-Bottom10" mktoName="(in) Bottom Padding" default="10px" mktoModuleScope="true" values="0,5px,10px,15px,20px,25px,30px,35px,40px,45px,50px,55px,60px,65px,70px,75px,80px,85px,90px,95px,100px" />

<!-- // inner Spacers TOP, BOTTOM // (preset 20px) -->

<meta class="mktoList" id="in_VSpace-Top20" mktoName="(in) Top Padding" default="20px" mktoModuleScope="true" values="0,5px,10px,15px,20px,25px,30px,35px,40px,45px,50px,55px,60px,65px,70px,75px,80px,85px,90px,95px,100px" />

<meta class="mktoList" id="in_VSpace-Bottom20" mktoName="(in) Bottom Padding" default="20px" mktoModuleScope="true" values="0,5px,10px,15px,20px,25px,30px,35px,40px,45px,50px,55px,60px,65px,70px,75px,80px,85px,90px,95px,100px" />

<!-- // MODULE Spacers TOP, BOTTOM // Left&Right -->

<meta class="mktoList" id="MOD_VSpace-Top" mktoName="[MOD] Top Margin" default="10px" mktoModuleScope="true" values="0,5px,10px,15px,20px,25px,30px,35px,40px,45px,50px,55px,60px,65px,70px,75px,80px,85px,90px,95px,100px" />

<meta class="mktoList" id="MOD_VSpace-Bottom" mktoName="[MOD] Bottom Margin" default="10px" mktoModuleScope="true" values="0,5px,10px,15px,20px,25px,30px,35px,40px,45px,50px,55px,60px,65px,70px,75px,80px,85px,90px,95px,100px" />

<meta class="mktoList" id="MOD_HSpace" mktoName="[MOD] L/R Margin" default="0" mktoModuleScope="true" values="0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100" />

<!-- // MODULE Spacers TOP, BOTTOM // Left&Right -->

<meta class="mktoList" id="MOD_VSpace-Top0" mktoName="[MOD] Top Margin" default="0" mktoModuleScope="true" values="0,5px,10px,15px,20px,25px,30px,35px,40px,45px,50px,55px,60px,65px,70px,75px,80px,85px,90px,95px,100px" />

<meta class="mktoList" id="MOD_VSpace-Bottom0" mktoName="[MOD] Bottom Margin" default="0" mktoModuleScope="true" values="0,5px,10px,15px,20px,25px,30px,35px,40px,45px,50px,55px,60px,65px,70px,75px,80px,85px,90px,95px,100px" />

<meta class="mktoList" id="MOD_HSpace0" mktoName="[MOD] L/R Margin" default="0" mktoModuleScope="true" values="0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75,80,85,90,95,100" />

<!-- // MODULE Styles -->

<meta class="mktoColor" id="MOD_BgColor" mktoName="[MOD] Bg Color" default="#FFFFFF" mktoModuleScope="true">

<meta class="mktoColor" id="Primary_BgColor" mktoName="[MOD] Bg Color" default="#2FADEE" mktoModuleScope="true"/>

<meta class="mktoColor" id="Secondary_BgColor" mktoName="[MOD] Bg Color" default="#DADADA" mktoModuleScope="true" />

<meta class="mktoColor" id="Dark_BgColor" mktoName="[MOD] Bg Color" default="#000000" mktoModuleScope="true" />

<meta class="mktoColor" id="Speaker_BgColor" mktoName="[MOD] Inner Bg Color" default="#E0E9EC" mktoModuleScope="true" />

<title>BAI</title>

<style type="text/css">

* {

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

html,

body {

margin: 0;

padding: 0;

}

body {

margin: 0 auto!important;

padding: 0;

font-family: Arial, sans-serif;

-webkit-text-size-adjust: 100%!important;

-ms-text-size-adjust: 100%!important;

-webkit-font-smoothing: antialiased!important;

}

a[x-apple-data-detectors] {

color: inherit!important;

text-decoration: none!important;

font-size: inherit!important;

font-family: inherit!important;

font-weight: inherit!important;

line-height: inherit!important;

}

img {

border: 0!important;

outline: none!important;

}

.btn a {

display: block;

}

table {

border-spacing: 0;

mso-table-lspace:0;

mso-table-rspace:0;

border-collapse: collapse;

}

th {

margin: 0;

padding: 0;

}

div,

td,

a,

span {

mso-line-height-rule: exactly;

}

ul {

margin: 0;

padding: 0;

padding-left: 20px;

}

li {

margin: 0;

padding-top: 5px;

}

ul li {

color: #00a1de;

}

ul li span {

color: #505050;

}

.margin-left-30 {

margin-left: 30px;

mso-table-lspace:30px;

}

.margin-right-30 {

margin-right: 30px;

mso-table-rspace:30px;

}

.text-align-left--right {

text-align: left;

}

[owa] .col,

.col {

display: table-cell!important;

}

.container {

width: 600px;

min-width: 600px!important;

}

.w378 {

width: 378px;

min-width: 378px!important;

}

.w374 {

width: 374px;

min-width: 374px!important;

}

.w348 {

width: 348px;

min-width: 348px!important;

}

.w334 {

width: 334px;

min-width: 334px!important;

}

.w326 {

width: 326px;

min-width: 326px!important;

}

.w300 {

width: 300px;

min-width: 300px!important;

}

.w250 {

width: 250px;

min-width: 250px!important;

}

.w240 {

width: 240px;

min-width: 240px!important;

}

.w192 {

width: 192px;

min-width: 192px!important;

}

.w162 {

width: 162px;

min-width: 162px!important;

}

.w144 {

width: 144px;

min-width: 144px!important;

}

.w106 {

width: 106px;

min-width: 106px!important;

}

.w60 {

width: 60px;

min-width: 60px!important;

}

.w40 {

width: 40px;

min-width: 40px!important;

}

.w30 {

width: 30px;

min-width: 30px!important;

}

.w20 {

width: 20px;

min-width: 20px!important;

}

@media only screen and (max-width:599px) {

.mob-center {

text-align: center!important;

}

.mob-centered {

margin: 0px auto;

float: none!important;

}

.mob-full {

min-width: 100%!important;

width: 100%!important;

height: auto!important;

}

.col {

display: block!important;

}

.margin-left-30 {

padding-left: 0!important;

}

.margin-right-30 {

padding-right: 0!important;

}

.text-align-left--right {

text-align: right!important;

}

}

</style>

<style type="text/css">

@media yahoo {

* {

overflow: visible!important;

}

.y-overflow-hidden {

overflow: hidden!important;

}

}

@supports (-webkit-text-size-adjust:none) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {

.iosfont {

font-family: 'Roboto Slab', sans-serif!important;

font-weight: bold;

}

}

</style>

<!--[if gte mso 9]>

<xml>

<o:OfficeDocumentSettings>

<o:AllowPNG/>

<o:PixelsPerInch>96</o:PixelsPerInch>

</o:OfficeDocumentSettings>

</xml>

<![endif]-->

<!--[if (gte mso 9)|(IE)]>

<style type="text/css">

li {text-indent: -1.3em;margin-left: 1.5em !important;}

</style>

<![endif]-->

</head>

<body class="body" style="background-color: ${email-body-bg};">

<div style="background-color:${email-body-bg};table-layout: fixed; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;width:100%; vertical-align:top;">

<div class="mktoText" id="fwd_text" mktoName="Forward Friendly Text">

{{my.ForwardText:default=}}

</div>

<table class="container mob-full mktoContainer" id="mainTable" border="0" cellspacing="0" cellpadding="0" style="min-width:330px!important; overflow:visible;margin:0 auto;vertical-align:top; background-color: #ffffff;" valign="top" align="center">

<!-- /Section 1.2 - Header w/ Title -->

<tr class="mktoModule" id="section1" mktoName="Section 1 - Header" mktoAddByDefault="true">

<td style="background-color: ${section1-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="padding-left: 25px; padding-right: 25px; padding-top: ${padding-top:15}px; padding-bottom:${padding-bottom:20}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td width="60" style="font-weight: normal; direction:ltr; vertical-align:bottom;" valign="bottom">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td valign="bottom" width="60" style="vertical-align:bottom;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<div class="mktoImg" id="section1.logo" mktoName="Section 1 - Header Logo" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_logo-white.png" mktoImgLink="https://www.bai.org/" mktoImgLinkTarget="_blank" mktoLockImgStyle="true" mktoImgWidth="60" mktoImgHeight="57" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_logo-white.png" alt="BAI" border="0" width="" height="" style="display:block;" />

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

<td width="490" style="vertical-align:bottom;" valign="bottom">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="direction:rtl;">

<tr>

<th class="w144 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:bottom; display:block; min-width:100%;" valign="bottom">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="right">

<table align="right" border="0" cellpadding="0" cellspacing="0" style="margin: 0 0 0 auto;">

<tbody>

<tr>

<td height="40" style="vertical-align:bottom; padding-left: 5px;">

<div class="mktoImg" id="section1.social-icon1" mktoName="Section 1 - Social Icon 1" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_social-fb.png" mktoImgLink="https://www.facebook.com/BAI.Info" mktoImgLinkTarget="_blank" mktoLockImgStyle="true" mktoImgWidth="31" mktoImgHeight="31" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_social-fb.png" alt="Facebook" style="display:block;" border="0" width="" height="" />

</div>

</td>

<td height="40" style="vertical-align:bottom; padding-left: 5px;">

<div class="mktoImg" id="section1.social-icon2" mktoName="Section 1 - Social Icon 2" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_social-tw.png" mktoImgLink="https://twitter.com/BAI_Info/" mktoImgLinkTarget="_blank" mktoLockImgStyle="true" mktoImgWidth="31" mktoImgHeight="31" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_social-tw.png" alt="Twitter" style="display:block;" border="0" width="" height="" />

</div>

</td>

<td height="40" style="vertical-align:bottom; padding-left: 5px;">

<div class="mktoImg" id="social-icon3" mktoName="Section 1 - Social Icon 3" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_social-li.png" mktoImgLink="https://www.linkedin.com/company/10766" mktoImgLinkTarget="_blank" mktoLockImgStyle="true" mktoImgWidth="31" mktoImgHeight="31" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_social-li.png" alt="Linked In" style="display:block;" border="0" width="" height="" />

</div>

</td>

<td height="40" style="vertical-align:bottom; padding-left: 5px;">

<div class="mktoImg" id="social-icon4" mktoName="Section 1 - Social Icon 4" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_social-yt.png" mktoImgLink="https://www.youtube.com/user/BAIChannel" mktoImgLinkTarget="_blank" mktoLockImgStyle="true" mktoImgWidth="31" mktoImgHeight="31" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_social-yt.png" alt="Youtube" style="display:block;" border="0" width="" height="" />

</div>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

</table>

</th>

<th class="w326 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:bottom; display:block; min-width:100%;" valign="bottom">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:20px; padding-top:10px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" valign="bottom" style="vertical-align:bottom; font-family: 'Rockwell', Bookman, serif; font-size: ${title-font-size}; line-height: ${title-line-height}; font-weight:${title-font-weight}; color: ${title-font-color}; text-align: right;">

<div class="text-align-left--right mktoText" id="section1.h1" mktoName="Section 1 - Title">

L&amp;D Newsletter

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td>

<div class="mktoImg" id="section1.bar" mktoName="Section 1 - Decorative Bar" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section1-img.jpg" mktoLockImgStyle="true" mktoImgWidth="600" mktoImgHeight="18" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section1-img.jpg" alt="" width="" height="" style="display:block; width: 100%; height: auto;" border="0" />

</div>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- /Section 1.2 - Header w/ Title -->

<!-- /Section 1.2 (b) - Header w/ Title -->

<tr class="mktoModule" id="section1b" mktoName="Section 1 (b) - Header (no icons)" mktoAddByDefault="false">

<td style="background-color: ${section1-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td style="padding-left: 25px; padding-right: 25px; padding-top: ${padding-top:15}px; padding-bottom:${padding-bottom:20}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td width="60" style="font-weight: normal; direction:ltr; vertical-align:bottom;" valign="bottom">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td valign="bottom" width="60" style="vertical-align:bottom;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<div class="mktoImg" id="section1b.logo" mktoName="Section 1 - Header Logo" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_logo-white.png" mktoImgLink="https://www.bai.org/" mktoImgLinkTarget="_blank" mktoLockImgStyle="true" mktoImgWidth="60" mktoImgHeight="57" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_logo-white.png" alt="BAI" border="0" width="" height="" style="display:block;" />

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

<td width="490" style="vertical-align:bottom;" valign="bottom">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="direction:rtl;">

<tr>

<th class="w144 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:bottom; display:block; min-width:100%;" valign="bottom">

</th>

<th class="w326 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:bottom; display:block; min-width:100%;" valign="bottom">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:20px; padding-top:10px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" valign="bottom" style="vertical-align:bottom; font-family: 'Rockwell', Bookman, serif; font-size: ${title-font-size}; line-height: ${title-line-height}; font-weight:${title-font-weight}; color: ${title-font-color}; text-align: right;">

<div class="text-align-left--right mktoText" id="section1b.h1" mktoName="Section 1 - Title">

L&amp;D Newsletter

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</th>

</tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tbody>

<tr>

<td>

<div class="mktoImg" id="section1b.bar" mktoName="Section 1 - Decorative Bar" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section1-img.jpg" mktoLockImgStyle="true" mktoImgWidth="600" mktoImgHeight="18" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section1-img.jpg" alt="" width="" height="" style="display:block; width: 100%; height: auto;" border="0" />

</div>

</td>

</tr>

</tbody>

</table>

</td>

</tr>

<!-- /Section 1.2 (b) - Header w/ Title -->

<!-- Section 2 - Hero Image -->

<tr class="mktoModule" id="section2" mktoName="Section 2 - Banner Image" mktoAddByDefault="true">

<td>

<div class="mktoImg" id="section2.image" mktoName="Section 2 - Banner Image" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section2-img.jpg" mktoImgWidth="600" mktoImgHeight="157" mktoLockImgStyle="true" mktoLockImgSize="true">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section2-img.jpg" alt="" width="" height="" style="display: block; width: 100%; height: auto;" border="0" />

</div>

</td>

</tr>

<!-- /Section 2 - Hero Image -->

<!-- Section (b) - Image (any size - no padding) -->

<tr class="mktoModule" id="section2b" mktoName="Section 2 (b) - Image (any size - no padding)" mktoAddByDefault="false">

<td style="background-color:${section2c-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center" style="padding-top:${padding-top:0}px; padding-bottom:${padding-bottom:0}px;">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<div class="mktoImg" id="section2b.image" mktoName="Section 2 (b) - Image" mktoImgsrc="http://via.placeholder.com/600x250?text=Max width:600px" mktoImgWidth="600" mktoImgHeight="250" mktoLockImgStyle="true" mktoLockImgSize="false">

<img src="http://via.placeholder.com/600x250?text=Max width:600px" alt="" width="" height="" style="display: block; width: 100%; height: auto;" border="0" />

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 2 (b) - Image (any size - no padding) -->

<!-- Section 2 (c) - Image (any size - w/padding) -->

<tr class="mktoModule" id="section2c" mktoName="Section 2 (c) - Image (any size - w/padding)" mktoAddByDefault="false">

<td style="background-color:${section2c-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center" style="padding-left:30px; padding-right:30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<div class="mktoImg" id="section2c.image" mktoName="Section 2 (c) - Image" mktoImgsrc="http://via.placeholder.com/300x200?text=Max width:540px" mktoImgWidth="300" mktoImgHeight="200" mktoLockImgStyle="true" mktoLockImgSize="false">

<img src="http://via.placeholder.com/300x200?text=Max width:540px" alt="" width="" height="" style="display: block; max-width: 100%; height: auto;" border="0" />

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 2 (c) - Image (any size - w/padding) -->

<!-- Section 3 - Content Full-width -->

<tr class="mktoModule" id="section3" mktoName="Section 3 - Intro" mktoAddByDefault="true">

<td style="background-color: ${section3-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:30px; padding-right:30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h1-font-size}; line-height: ${h1-line-height}; font-weight:${h1-font-weight}; color: ${h1-font-color}; text-align: ${h1-text-align};">

<div class="mktoText" id="section3.h1" mktoName="Section 3 - Headline">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="25" style="line-height: 25px; font-size: 0px; height: 25px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section3.p" mktoName="Section 3 - Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

<br /><br />

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

<br /><br />

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

<br /><br />

<ul>

<li><span>This is a bulleted list item #1</span></li>

<li><span>This is a bulleted list item #2</span></li>

<li><span>This is a bulleted list item #3</span></li>

</ul>

</div>

</td>

</tr>

<tr>

<td style="${button-toggle}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle}">

<tr>

<td style="line-height:25px; font-size:0px; height:25px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="center" style="${button-toggle}">

<table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-1}; border-collapse: separate; border-radius: 5px; ${button-toggle}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1}; line-height: ${button-line-height-1}; font-weight:${button-font-weight-1}; text-align: center;">

<div class="mktoText" id="section3.button" mktoName="Section 3 - Button">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-1};">Learn More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="line-height:1px; font-size:1px; height:1px;"> </td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- Section 3 - Content Full-width -->

<!-- Section 4 - Option 1 - 3 features | image -->

<tr class="mktoModule" id="section4-1" mktoName="Section 4 - 3 features | image" mktoAddByDefault="true">

<td style="background-color: ${section4-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:30px; padding-right:30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="direction:${column-swap};">

<tr>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height:${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color};">

<div class="mktoText" id="section4-1.h2" mktoName="Section 4 - Headline 1">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td style="padding-top: 15px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-1.feature1-icon" mktoName="Section 4 - Feature 1 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="59" height="59" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-1.feature1-copy" mktoName="Section 4 - Feature 1 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

<td colspan="2" height="25" style="line-height: 25px; font-size: 0px; height: 25px;"> </td>

</tr>

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-1.feature2-icon" mktoName="Section 4 - Feature 2 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-1.feature2-copy" mktoName="Section 4 - Feature 2 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

<td colspan="2" height="25" style="line-height: 25px; font-size: 0px; height: 25px;"> </td>

</tr>

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-1.feature3-icon" mktoName="Section 4 - Feature 3 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-1.feature3-copy" mktoName="Section 4 - Feature 3 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

<th class="w60 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<div style="line-height:30px; font-size:1px; height:30px;"> </div>

</th>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center">

<div class="mktoImg" id="section4-1.image" mktoName="Section 4 - Image" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" mktoLockImgStyle="true" mktoImgWidth="240" mktoImgHeight="105" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" alt="" width="" height="" style="display: block; width: 100%; height: auto;" border="0" />

</div>

</td>

</tr>

<tr>

<td height="5" style="line-height: 8px; font-size: 0px; height: 8px;"> </td>

</tr>

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-2-font-size}; line-height: ${h2-2-line-height}; font-weight:${h2-2-font-weight}; text-align: ${h2-2-text-align}; color: ${h2-2-font-color};">

<div class="mktoText" id="section4-1.h2-2" mktoName="Section 4 - Headline 2">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="15" style="line-height: 15px; font-size: 0px; height: 15px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-2-font-size}; line-height: ${p-2-line-height}; font-weight:${p-2-font-weight}; color: ${p-2-font-color}; text-align: ${p-2-text-align};">

<div class="mktoText" id="section4-1.p" mktoName="Section 4 - Paragraph">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<td style="${button-toggle}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle}">

<tr>

<td style="line-height:15px; font-size:0px; height:15px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="left" style="${button-toggle}">

<table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-1}; border-collapse: separate; border-radius: 5px; ${button-toggle}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1}; line-height: ${button-line-height-1}; font-weight: ${button-font-weight-1}; text-align: center;">

<div class="mktoText" id="section4-1.button" mktoName="Section 4 - Button">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-1};">Read More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="line-height:1px; font-size:1px; height:1px;"> </td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 4 - Option 1 - 3 features | image -->

<!-- Section 4 - Option 1 - 2 features | image -->

<tr class="mktoModule" id="section4-2" mktoName="Section 4 - 2 features | image" mktoAddByDefault="false">

<td style="background-color: ${section4-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:30px; padding-right:30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="direction:${column-swap};">

<tr>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height:${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color};">

<div class="mktoText" id="section4-2.h2" mktoName="Section 4 - Headline 1">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td style="padding-top: 15px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-2.feature1-icon" mktoName="Section 4 - Feature 1 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="59" height="59" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-2.feature1-copy" mktoName="Section 4 - Feature 1 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

<td colspan="2" height="25" style="line-height: 25px; font-size: 0px; height: 25px;"> </td>

</tr>

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-2.feature2-icon" mktoName="Section 4 - Feature 2 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-2.feature2-copy" mktoName="Section 4 - Feature 2 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

<th class="w60 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<div style="line-height:30px; font-size:1px; height:30px;"> </div>

</th>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center">

<div class="mktoImg" id="section4-2.image" mktoName="Section 4 - Image" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" mktoLockImgStyle="true" mktoImgWidth="240" mktoImgHeight="105" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" alt="" width="" height="" style="display: block; width: 100%; height: auto;" border="0" />

</div>

</td>

</tr>

<tr>

<td height="5" style="line-height: 8px; font-size: 0px; height: 8px;"> </td>

</tr>

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-2-font-size}; line-height: ${h2-2-line-height}; font-weight:${h2-2-font-weight}; text-align: ${h2-2-text-align}; color: ${h2-2-font-color};">

<div class="mktoText" id="section4-2.h2-2" mktoName="Section 4 - Headline 2">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="15" style="line-height: 15px; font-size: 0px; height: 15px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-2-font-size}; line-height: ${p-2-line-height}; font-weight:${p-2-font-weight}; color: ${p-2-font-color}; text-align: ${p-2-text-align};">

<div class="mktoText" id="section4-2.p" mktoName="Section 4 - Paragraph">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<td style="${button-toggle}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle}">

<tr>

<td style="line-height:15px; font-size:0px; height:15px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="left" style="${button-toggle}">

<table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-1}; border-collapse: separate; border-radius: 5px; ${button-toggle}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1}; line-height: ${button-line-height-1}; font-weight: ${button-font-weight-1}; text-align: center;">

<div class="mktoText" id="section4-2.button" mktoName="Section 4 - Button">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-1};">Read More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="line-height:1px; font-size:1px; height:1px;"> </td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 4 - Option 1 - 2 features | image -->

<!-- Section 4 - Option 1 - 1 feature | image -->

<tr class="mktoModule" id="section4-3" mktoName="Section 4 - 1 feature | image" mktoAddByDefault="false">

<td style="background-color: ${section4-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:30px; padding-right:30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="direction:${column-swap};">

<tr>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height:${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color};">

<div class="mktoText" id="section4-3.h2" mktoName="Section 4 - Headline 1">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td style="padding-top: 15px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-3.feature1-icon" mktoName="Section 4 - Feature 1 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="59" height="59" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-3.feature1-copy" mktoName="Section 4 - Feature 1 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

<th class="w60 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<div style="line-height:30px; font-size:1px; height:30px;"> </div>

</th>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center">

<div class="mktoImg" id="section4-3.image" mktoName="Section 4 - Image" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" mktoLockImgStyle="true" mktoImgWidth="240" mktoImgHeight="105" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" alt="" width="" height="" style="display: block; width: 100%; height: auto;" border="0" />

</div>

</td>

</tr>

<tr>

<td height="5" style="line-height: 8px; font-size: 0px; height: 8px;"> </td>

</tr>

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-2-font-size}; line-height: ${h2-2-line-height}; font-weight:${h2-2-font-weight}; text-align: ${h2-2-text-align}; color: ${h2-2-font-color};">

<div class="mktoText" id="section4-3.h2-2" mktoName="Section 4 - Headline 2">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="15" style="line-height: 15px; font-size: 0px; height: 15px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-2-font-size}; line-height: ${p-2-line-height}; font-weight:${p-2-font-weight}; color: ${p-2-font-color}; text-align: ${p-2-text-align};">

<div class="mktoText" id="section4-3.p" mktoName="Section 4 - Paragraph">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<td style="${button-toggle}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle}">

<tr>

<td style="line-height:15px; font-size:0px; height:15px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="left" style="${button-toggle}">

<table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-1}; border-collapse: separate; border-radius: 5px; ${button-toggle}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1}; line-height: ${button-line-height-1}; font-weight: ${button-font-weight-1}; text-align: center;">

<div class="mktoText" id="section4-3.button" mktoName="Section 4 - Button">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-1};">Read More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="line-height:1px; font-size:1px; height:1px;"> </td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 4 - Option 1 - 1 feature | image -->

<!-- Section 4 - Option 1 - image | 3 features -->

<tr class="mktoModule" id="section4-1-swapped" mktoName="Section 4 - image | 3 features" mktoAddByDefault="true">

<td style="background-color: ${section4-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:30px; padding-right:30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="direction:${column-swap};">

<tr>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center">

<div class="mktoImg" id="section4-1-swapped.image" mktoName="Section 4 - Image" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" mktoLockImgStyle="true" mktoImgWidth="240" mktoImgHeight="105" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" alt="" width="" height="" style="display: block; width: 100%; height: auto;" border="0" />

</div>

</td>

</tr>

<tr>

<td height="5" style="line-height: 8px; font-size: 0px; height: 8px;"> </td>

</tr>

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-2-font-size}; line-height: ${h2-2-line-height}; font-weight:${h2-2-font-weight}; text-align: ${h2-2-text-align}; color: ${h2-2-font-color};">

<div class="mktoText" id="section4-1-swapped.h2-2" mktoName="Section 4 - Headline 2">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="15" style="line-height: 15px; font-size: 0px; height: 15px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-2-font-size}; line-height: ${p-2-line-height}; font-weight:${p-2-font-weight}; color: ${p-2-font-color}; text-align: ${p-2-text-align};">

<div class="mktoText" id="section4-1-swapped.p" mktoName="Section 4 - Paragraph">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<td style="${button-toggle}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle}">

<tr>

<td style="line-height:15px; font-size:0px; height:15px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="left" style="${button-toggle}">

<table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-1}; border-collapse: separate; border-radius: 5px; ${button-toggle}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1}; line-height: ${button-line-height-1}; font-weight: ${button-font-weight-1}; text-align: center;">

<div class="mktoText" id="section4-1-swapped.button" mktoName="Section 4 - Button">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-1};">Read More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="line-height:1px; font-size:1px; height:1px;"> </td>

</tr>

</table>

</td>

</tr>

</table>

</th>

<th class="w60 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<div style="line-height:30px; font-size:1px; height:30px;"> </div>

</th>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height:${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color};">

<div class="mktoText" id="section4-1-swapped.h2" mktoName="Section 4 - Headline 1">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td style="padding-top: 15px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-1-swapped.feature1-icon" mktoName="Section 4 - Feature 1 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="59" height="59" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-1-swapped.feature1-copy" mktoName="Section 4 - Feature 1 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

<td colspan="2" height="25" style="line-height: 25px; font-size: 0px; height: 25px;"> </td>

</tr>

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-1-swapped.feature2-icon" mktoName="Section 4 - Feature 2 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-1-swapped.feature2-copy" mktoName="Section 4 - Feature 2 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

<td colspan="2" height="25" style="line-height: 25px; font-size: 0px; height: 25px;"> </td>

</tr>

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-1-swapped.feature3-icon" mktoName="Section 4 - Feature 3 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-1-swapped.feature3-copy" mktoName="Section 4 - Feature 3 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 4 - Option 1 - image | 3 features -->

<!-- Section 4 - Option 1 - image | 2 features -->

<tr class="mktoModule" id="section4-2-swapped" mktoName="Section 4 - image | 2 features" mktoAddByDefault="false">

<td style="background-color: ${section4-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:30px; padding-right:30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="direction:${column-swap};">

<tr>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center">

<div class="mktoImg" id="section4-2-swapped.image" mktoName="Section 4 - Image" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" mktoLockImgStyle="true" mktoImgWidth="240" mktoImgHeight="105" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" alt="" width="" height="" style="display: block; width: 100%; height: auto;" border="0" />

</div>

</td>

</tr>

<tr>

<td height="5" style="line-height: 8px; font-size: 0px; height: 8px;"> </td>

</tr>

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-2-font-size}; line-height: ${h2-2-line-height}; font-weight:${h2-2-font-weight}; text-align: ${h2-2-text-align}; color: ${h2-2-font-color};">

<div class="mktoText" id="section4-2-swapped.h2-2" mktoName="Section 4 - Headline 2">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="15" style="line-height: 15px; font-size: 0px; height: 15px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-2-font-size}; line-height: ${p-2-line-height}; font-weight:${p-2-font-weight}; color: ${p-2-font-color}; text-align: ${p-2-text-align};">

<div class="mktoText" id="section4-2-swapped.p" mktoName="Section 4 - Paragraph">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<td style="${button-toggle}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle}">

<tr>

<td style="line-height:15px; font-size:0px; height:15px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="left" style="${button-toggle}">

<table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-1}; border-collapse: separate; border-radius: 5px; ${button-toggle}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1}; line-height: ${button-line-height-1}; font-weight: ${button-font-weight-1}; text-align: center;">

<div class="mktoText" id="section4-2-swapped.button" mktoName="Section 4 - Button">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-1};">Read More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="line-height:1px; font-size:1px; height:1px;"> </td>

</tr>

</table>

</td>

</tr>

</table>

</th>

<th class="w60 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<div style="line-height:30px; font-size:1px; height:30px;"> </div>

</th>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height:${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color};">

<div class="mktoText" id="section4-2-swapped.h2" mktoName="Section 4 - Headline 1">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td style="padding-top: 15px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-2-swapped.feature1-icon" mktoName="Section 4 - Feature 1 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="59" height="59" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-2-swapped.feature1-copy" mktoName="Section 4 - Feature 1 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

<td colspan="2" height="25" style="line-height: 25px; font-size: 0px; height: 25px;"> </td>

</tr>

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-2-swapped.feature2-icon" mktoName="Section 4 - Feature 2 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-2-swapped.feature2-copy" mktoName="Section 4 - Feature 2 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 4 - Option 1 - image | 2 features -->

<!-- Section 4 - Option 1 - image | 1 feature -->

<tr class="mktoModule" id="section4-3-swapped" mktoName="Section 4 - image | 1 feature" mktoAddByDefault="false">

<td style="background-color: ${section4-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:30px; padding-right:30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="direction:${column-swap};">

<tr>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center">

<div class="mktoImg" id="section4-3-swapped.image" mktoName="Section 4 - Image" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" mktoLockImgStyle="true" mktoImgWidth="240" mktoImgHeight="105" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" alt="" width="" height="" style="display: block; width: 100%; height: auto;" border="0" />

</div>

</td>

</tr>

<tr>

<td height="5" style="line-height: 8px; font-size: 0px; height: 8px;"> </td>

</tr>

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-2-font-size}; line-height: ${h2-2-line-height}; font-weight:${h2-2-font-weight}; text-align: ${h2-2-text-align}; color: ${h2-2-font-color};">

<div class="mktoText" id="section4-3-swapped.h2-2" mktoName="Section 4 - Headline 2">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="15" style="line-height: 15px; font-size: 0px; height: 15px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-2-font-size}; line-height: ${p-2-line-height}; font-weight:${p-2-font-weight}; color: ${p-2-font-color}; text-align: ${p-2-text-align};">

<div class="mktoText" id="section4-3-swapped.p" mktoName="Section 4 - Paragraph">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<td style="${button-toggle}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle}">

<tr>

<td style="line-height:15px; font-size:0px; height:15px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="left" style="${button-toggle}">

<table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-1}; border-collapse: separate; border-radius: 5px; ${button-toggle}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1}; line-height: ${button-line-height-1}; font-weight: ${button-font-weight-1}; text-align: center;">

<div class="mktoText" id="section4-3-swapped.button" mktoName="Section 4 - Button">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-1};">Read More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="line-height:1px; font-size:1px; height:1px;"> </td>

</tr>

</table>

</td>

</tr>

</table>

</th>

<th class="w60 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<div style="line-height:30px; font-size:1px; height:30px;"> </div>

</th>

<th class="w240 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height:${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color};">

<div class="mktoText" id="section4-3-swapped.h2" mktoName="Section 4 - Headline 1">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td style="padding-top: 15px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-3-swapped.feature1-icon" mktoName="Section 4 - Feature 1 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="59" height="59" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-3-swapped.feature1-copy" mktoName="Section 4 - Feature 1 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 4 - Option 1 - image | 1 feature -->

<!-- Section 4 - Option 2 - 3 features -->

<tr class="mktoModule" id="section4-option2-1" mktoName="Section 4 - Option 2 - 3 features" mktoAddByDefault="false">

<td style="background-color: ${section4-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left: 30px; padding-right: 30px; padding-top: ${padding-top:30}px; padding-bottom: ${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height: ${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color};">

<div class="mktoText" id="section4-option2-1.h2" mktoName="Section 4-3 - Headline 1">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td style="padding-top: 15px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-option2-1.feature1-icon" mktoName="Section 4-3 - Feature 1 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-option2-1.feature1-copy" mktoName="Section 4-3 - Feature 1 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

<td colspan="2" height="25" style="line-height: 25px; font-size: 0px; height: 25px;"> </td>

</tr>

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-option2-1.feature2-icon" mktoName="Section 4-3 - Feature 2 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-option2-1.feature2-copy" mktoName="Section 4-3 - Feature 2 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

<td colspan="2" height="25" style="line-height: 25px; font-size: 0px; height: 25px;"> </td>

</tr>

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-option2-1.feature3-icon" mktoName="Section 4-3 - Feature 3 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-option2-1.feature3-copy" mktoName="Section 4-3 - Feature 3 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 4 - Option 2 - 3 features -->

<!-- Section 4 - Option 2 - 2 features -->

<tr class="mktoModule" id="section4-option2-2" mktoName="Section 4 - Option 2 - 2 features" mktoAddByDefault="false">

<td style="background-color: ${section4-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left: 30px; padding-right: 30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height: ${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color};">

<div class="mktoText" id="section4-option2-2.h2" mktoName="Section 4-3 - Headline 1">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td style="padding-top: 15px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-option2-2.feature1-icon" mktoName="Section 4-3 - Feature 1 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-option2-2.feature1-copy" mktoName="Section 4-3 - Feature 1 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

<tr>

<td colspan="2" height="25" style="line-height: 25px; font-size: 0px; height: 25px;"> </td>

</tr>

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-option2-2.feature2-icon" mktoName="Section 4-3 - Feature 2 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-option2-2.feature2-copy" mktoName="Section 4-3 - Feature 2 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 4 - Option 2 - 2 features -->

<!-- Section 4 - Option 2 - 1 feature -->

<tr class="mktoModule" id="section4-option2-3" mktoName="Section 4 - Option 2 - 1 feature" mktoAddByDefault="false">

<td style="background-color: ${section4-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left: 30px; padding-right: 30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height: ${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color};">

<div class="mktoText" id="section4-option2-3.h2" mktoName="Section 4-3 - Headline 1">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td style="padding-top: 15px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="59" valign="middle" style="padding-right: 15px; width: 59px;">

<div class="mktoImg" id="section4-option2-3.feature1-icon" mktoName="Section 4-3 - Feature 1 Icon" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" mktoLockImgStyle="true" mktoImgWidth="59" mktoImgHeight="59" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-icon.png" alt="" border="0" width="" height="" style="display: block;" />

</div>

</td>

<td valign="middle" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section4-option2-3.feature1-copy" mktoName="Section 4-3 - Feature 1 Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 4 - Option 2 - 1 feature -->

<!-- Section 5 - Copy + Image -->

<tr class="mktoModule" id="section5" mktoName="Section 5 - Copy + Image" mktoAddByDefault="true">

<td style="background-color: ${section5-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="direction:${column-swap};">

<tr>

<th class="w300 col mob-full" style="font-weight: normal; direction:ltr; display:block; min-width:100%;" valign="middle">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding: 30px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height: ${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color-white};">

<div class="mktoText" id="section5.h1" mktoName="Section 5 - Headline">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="15" style="line-height: 15px; font-size: 0px; height: 15px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color-white}; text-align: ${p-text-align};">

<div class="mktoText" id="section5.p" mktoName="Section 5 - Paragraph">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<td style="${button-toggle}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle}">

<tr>

<td style="line-height:15px; font-size:0px; height:15px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="left" style="${button-toggle}">

<table border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-2}; border-collapse: separate; border-radius: 5px; ${button-toggle}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1}; line-height: ${button-line-height-1}; font-weight: ${button-font-weight-1}; text-align: center;">

<div class="mktoText" id="section5.button" mktoName="Section 5 - Button">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-3};">Read More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="line-height:1px; font-size:1px; height:1px;"> </td>

</tr>

</table>

</td>

</tr>

</table>

</th>

<th class="w300 col mob-full" style="font-weight: normal; direction:ltr; display:block; min-width:100%;" valign="bottom">

<div class="mktoImg" id="section5.image" mktoName="Section 5 - Image" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section5-img.png" mktoLockImgStyle="true" mktoImgWidth="300" mktoImgHeight="239" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section5-img.png" alt="" width="" height="" style="display: block; min-width: 100%; height: auto;" border="0" />

</div>

</th>

</tr>

</table>

</td>

</tr>

<!-- /Section 5 - Copy + Image -->

<!-- Section 6 - Speaker -->

<tr class="mktoModule" id="section6" mktoName="Section 6 - Speaker" mktoAddByDefault="true">

<td style="background-color: ${section6-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:30px; padding-right:30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="direction: ${column-swap};">

<tr>

<th class="w162 col mob-full" style="font-weight: normal; direction:ltr; display:block; min-width:100%;" valign="middle">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="center">

<div class="mktoImg" id="section6.image" mktoName="Section 6 - Speaker Image" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section6-img.png" mktoLockImgStyle="true" mktoImgWidth="162" mktoImgHeight="161" mktoLockImgSize="False" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section6-img.png" alt="" width="" height="" style="display: block;" border="0" />

</div>

</td>

</tr>

</table>

</th>

<th class="w30 col mob-full" style="font-weight: normal; direction:ltr; display:block; min-width:100%;" valign="middle">

<div style="line-height:30px; font-size:1px; height:30px;"> </div>

</th>

<th class="w348 col mob-full" style="font-weight: normal; direction:ltr; display:block; min-width:100%;" valign="middle">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height: ${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color-white};">

<div class="mktoText" id="section6.h1" mktoName="Section 6 - Headline">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="15" style="line-height: 15px; font-size: 0px; height: 15px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color-white}; text-align: ${p-text-align};">

<div class="mktoText" id="section6.p" mktoName="Section 6 - Paragraph">

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

</div>

</td>

</tr>

<tr>

<td style="${button-toggle-all}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle-all}">

<tr>

<td height="15" style="line-height: 15px; font-size: 0px; height: 15px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="${button-toggle-all}">

<table align="left" border="0" cellpadding="0" cellspacing="0" style="${button-toggle-all}">

<tr>

<td style="${button-toggle-all}">

<table align="left" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-3}; border-collapse: separate; border-radius: 5px; ${button-toggle-all}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1}; line-height: ${button-line-height-1}; font-weight: ${button-font-weight-1}; text-align: center;">

<div class="mktoText" id="section6.button1" mktoName="Section 6 - Button 1">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-3};">  Connect  </a>

</div>

</td>

</tr>

</table>

</td>

<td style="${button-toggle-all}">

<table border="0" cellpadding="0" cellspacing="0" style="${button-toggle-all}">

<tr>

<td width="15" style="line-height: 1px; font-size: 0px; width: 15px;">

 

</td>

</tr>

</table>

</td>

<td style="${button-toggle-all} ${button-toggle-2}">

<table align="left" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-3-2}; border-collapse: separate; border-radius: 5px; ${button-toggle-all} ${button-toggle-2}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-3-2}; line-height: ${button-line-height-3-2}; font-weight: ${button-font-weight-3-2}; text-align: center;">

<div class="mktoText" id="section6.button2" mktoName="Section 6 - Button 2">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-3-2};">Email CTA</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 6 - Speaker -->

<!-- Section 7 - Footer -->

<tr class="mktoModule" id="section7" mktoName="Section 7 - Footer" mktoAddByDefault="true">

<td style="background-color: ${section7-2-bg}; border-top: ${section7-2-border-size} solid ${section7-2-border-color};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding: 10px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<th class="w60 col mob-full" valign="top" style="vertical-align:top; direction: ltr; font-weight: normal; display:block; min-width:100%;">

<table border="0" cellpadding="0" cellspacing="0" valign="top">

<tr>

<td align="left">

<div class="mktoImg" id="section7.logo" mktoName="Section 7 - Footer Logo" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/BAI-logo-footer.png" mktoImgLink="https://www.bai.org/" mktoImgLinkTarget="_blank" mktoLockImgStyle="true" mktoImgWidth="60" mktoImgHeight="57" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/BAI-logo-footer.png" alt="BAI" width="" height="" style="display:block;" border="0" />

</div>

</td>

</tr>

</table>

</th>

<th class="w20 col mob-full" valign="top" style="vertical-align:top; direction: ltr; font-weight: normal; display:block; min-width:100%;">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td height="15" style="line-height:1px; font-size:0px; height:15px;"> </td>

</tr>

</table>

</th>

<th class="w374 col mob-full" valign="top" style="vertical-align:top; direction: ltr; font-weight: normal; display:block; min-width:100%;">

<table width="100%" border="0" cellpadding="0" cellspacing="0" valign="top">

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-footer-font-size}; line-height: ${p-footer-line-height}; font-weight: ${p-footer-font-weight}; color: ${p-footer-font-color}; text-align: ${p-footer-text-align}; direction: ltr;" valign="top">

<div class="mktoText" id="section7.copy2" mktoName="Section 7 - Footer Copy">

115 S. LaSalle, Suite 3300,<br />

Chicago, IL 60603-3801, USA<br />

<a href="tel:18002249889" style="text-decoration:none; color: ${p-footer-font-color};"><strong>800-224-9889</strong></a>

<br />

BAI is Bank Administration Institute and BAI Center

</div>

</td>

</tr>

</table>

</th>

<th class="w20 col mob-full" valign="bottom" style="vertical-align:bottom; direction: ltr; font-weight: normal; display:block; min-width:100%;">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td height="15" style="line-height:1px; font-size:0px; height:15px;"> </td>

</tr>

</table>

</th>

<th class="w106 col mob-full" valign="top" style="vertical-align:top; direction: ltr; font-weight: normal; display:block; min-width:100%;">

<table width="100%" border="0" cellpadding="0" cellspacing="0" valign="top">

<tr>

<td align="right">

<div class="mktoText" id="section7.social" mktoName="Footer - Social Icons">

<table border="0" cellpadding="0" cellspacing="0" align="right">

<tr>

<td>

<a href="https://www.linkedin.com/company/10766" target="_blank" style="text-decoration: none; color:#ffffff;">

<img src="https://info.bai.org/rs/415-RKB-576/images/linkedin-icon.png" alt="LinkedIn" width="19" height="19" style="display:block;" border="0" />

</a>

</td>

<td width="10" style="line-height:1px; font-size:0px; width:10px;"> </td>

<td>

<a href="https://www.youtube.com/user/BAIChannel" target="_blank" style="text-decoration: none; color:#ffffff;">

<img src="https://info.bai.org/rs/415-RKB-576/images/youtube-icon.png" alt="YouTube" width="19" height="19" style="display:block;" border="0" />

</a>

</td>

<td width="10" style="line-height:1px; font-size:0px; width:10px;"> </td>

<td>

<a href="https://www.facebook.com/BAI.Info" target="_blank" style="text-decoration: none; color:#ffffff;">

<img src="https://info.bai.org/rs/415-RKB-576/images/facebook-icon.png" alt="Facebook" width="19" height="19" style="display:block;" border="0" />

</a>

</td>

<td width="10" style="line-height:1px; font-size:0px; width:10px;"> </td>

<td>

<a href="https://twitter.com/BAI_Info/" target="_blank" style="text-decoration: none; color:#ffffff;">

<img src="https://info.bai.org/rs/415-RKB-576/images/twitter-icon.png" alt="Twitter" width="19" height="19" style="display:block;" border="0" />

</a>

</td>

</tr>

</table>

</div>

</td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 7 - Footer -->

<!-- General - H1 -->

<tr class="mktoModule" id="general-h1" mktoName="General - H1" mktoAddByDefault="false">

<td style="background-color: ${section8-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left: 30px; padding-right: 30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<!-- General h1 -->

<div class="mktoText iosfont" id="general-h1.edit" mktoName="General Heading 1" style="font-family: 'Rockwell', Bookman, serif; font-size: ${general-h1-font-size}; line-height: ${general-h1-line-height}; font-weight:${general-h1-font-weight}; color: ${general-h1-font-color}; text-align: ${general-h1-text-align};">

General Headline 1

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /General - H1 -->

<!-- General - H2 -->

<tr class="mktoModule" id="general-h2" mktoName="General - H2" mktoAddByDefault="false">

<td style="background-color: ${section8-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left: 30px; padding-right: 30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<!-- General h2 -->

<div class="mktoText iosfont" id="general-h2.edit" mktoName="General Heading 2" style="font-family: 'Rockwell', Bookman, serif; font-size: ${general-h2-font-size}; line-height: ${general-h2-line-height}; font-weight:${general-h2-font-weight}; color: ${general-h2-font-color}; text-align: ${general-h2-text-align};">

General Headline 2

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /General - H2 -->

<!-- General - H3 -->

<tr class="mktoModule" id="general-h3" mktoName="General - H3" mktoAddByDefault="false">

<td style="background-color: ${section8-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left: 30px; padding-right: 30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<!-- General h3 -->

<div class="mktoText iosfont" id="general-h3.edit" mktoName="General Heading 3" style="font-family: 'Rockwell', Bookman, serif; font-size: ${general-h3-font-size}; line-height: ${general-h3-line-height}; font-weight:${general-h3-font-weight}; color: ${general-h3-font-color}; text-align: ${general-h3-text-align};">

General Headline 3

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /General - H3 -->

<!-- General - H4 -->

<tr class="mktoModule" id="general-h4" mktoName="General - H4" mktoAddByDefault="false">

<td style="background-color: ${section8-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left: 30px; padding-right: 30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<!-- General h4 -->

<div class="mktoText" id="general-h4.edit" mktoName="General Heading 4" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${general-h4-font-size}; line-height: ${general-h4-line-height}; font-weight:${general-h4-font-weight}; color: ${general-h4-font-color}; text-align: ${general-h4-text-align};">

General Headline 4

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /General - H4 -->

<!-- General - H5 -->

<tr class="mktoModule" id="general-h5" mktoName="General - H5" mktoAddByDefault="false">

<td style="background-color: ${section8-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left: 30px; padding-right: 30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<!-- General h5 -->

<div class="mktoText" id="general-h5.edit" mktoName="General Heading 5" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${general-h5-font-size}; line-height: ${general-h5-line-height}; font-weight:${general-h5-font-weight}; color: ${general-h5-font-color}; text-align: ${general-h5-text-align};">

GENERAL HEADING 5

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /General - H5 -->

<!-- General - P -->

<tr class="mktoModule" id="general-p" mktoName="General - Paragraph" mktoAddByDefault="false">

<td style="background-color: ${section8-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left: 30px; padding-right: 30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<!-- General Paragraph -->

<div class="mktoText" id="general-p.edit" mktoName="General Paragraph" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${general-p-font-size}; line-height: ${general-p-line-height}; font-weight:${general-p-font-weight}; color: ${general-p-font-color}; text-align: ${general-p-text-align};">

General Paragraph

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /General - P -->

<!-- Section 9 - Copy | Floated Image -->

<tr class="mktoModule" id="section9" mktoName="Section 9 - Copy | Image" mktoAddByDefault="false">

<td style="background-color: ${section9-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left: 30px; padding-right: 30px; padding-top: ${padding-top:30}px; padding-bottom: ${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table class="margin-left-30 w240 mob-full" align="right" border="0" cellpadding="0" cellspacing="0" style="min-width: 100%;">

<tr>

<td>

<div class="mktoImg" id="section9.image" mktoName="Section 9 - Image" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" mktoLockImgStyle="true" mktoImgWidth="240" mktoImgHeight="105" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" alt="" width="" height="" style="display: block; width: 100%; height: auto;" border="0" />

</div>

<div style="line-height:15px; font-size:1px; height:15px;"> </div>

</td>

</tr>

</table>

<div>

<div class="mktoText iosfont" id="section9.h2" mktoName="Section 9 - Headline 1" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height: ${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color};">

Headline copy placed here

<br /><br />

</div>

<div class="mktoText" id="section9-copy.edit" mktoName="Section 9 - Copy" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut repellendus nam labore non aliquid. Modi, blanditiis accusamus quos placeat laudantium amet, velit ipsa officiis facilis iste ducimus. Possimus, qui culpa?

<br /><br />

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quo aut omnis labore sunt numquam velit, nostrum aliquam assumenda sint perferendis saepe distinctio expedita officia molestiae laborum laudantium autem nulla nesciunt.

</div>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 9 Copy | Floated Image -->

<!-- Section 9 - Floated Image | Copy -->

<tr class="mktoModule" id="section9-2" mktoName="Section 9 - Copy | Image" mktoAddByDefault="false">

<td style="background-color: ${section9-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left: 30px; padding-right: 30px; padding-top: ${padding-top:30}px; padding-bottom: ${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td>

<table class="margin-right-30 w240 mob-full" align="left" border="0" cellpadding="0" cellspacing="0" style="min-width: 100%;">

<tr>

<td>

<div class="mktoImg" id="section9-2.image" mktoName="Section 9 - Image" mktoImgsrc="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" mktoLockImgStyle="true" mktoImgWidth="240" mktoImgHeight="105" mktoLockImgSize="True" mktoLockImgStyle="True">

<img src="https://info.bai.org/rs/415-RKB-576/images/bai_nl_section4-img.jpg" alt="" width="" height="" style="display: block; width: 100%; height: auto;" border="0" />

</div>

<div style="line-height:15px; font-size:1px; height:15px;"> </div>

</td>

</tr>

</table>

<div>

<div class="mktoText iosfont" id="section9-2.h2" mktoName="Section 9 - Headline 1" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height: ${h2-line-height}; font-weight:${h2-font-weight}; text-align: ${h2-text-align}; color: ${h2-font-color};">

Headline copy placed here

<br /><br />

</div>

<div class="mktoText" id="section9-2-copy.edit" mktoName="Section 9 - Copy" style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aut repellendus nam labore non aliquid. Modi, blanditiis accusamus quos placeat laudantium amet, velit ipsa officiis facilis iste ducimus. Possimus, qui culpa?

<br /><br />

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quo aut omnis labore sunt numquam velit, nostrum aliquam assumenda sint perferendis saepe distinctio expedita officia molestiae laborum laudantium autem nulla nesciunt.

</div>

</div>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 9 Floated Image | Copy -->

<!-- Section 10 - Headline | Subhead | Copy | CTA -->

<tr class="mktoModule" id="section10" mktoName="Section 10 - Full-width Content" mktoAddByDefault="false">

<td style="background-color: ${section10-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:30px; padding-right:30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h1-font-size}; line-height: ${h1-line-height}; font-weight:${h1-font-weight}; color: ${h1-font-color}; text-align: ${h1-text-align:left};">

<div class="mktoText" id="section10.h1" mktoName="Section 10 - Headline">

H1 Header

</div>

</td>

</tr>

<tr>

<td height="20" style="line-height: 20px; font-size: 0px; height: 20px;"> </td>

</tr>

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height: ${h2-line-height}; font-weight:${h2-font-weight}; color: ${h2-font-color}; text-align: ${h2-text-align};">

<div class="mktoText" id="section10.h2" mktoName="Section 10 - Subhead">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="10" style="line-height: 10px; font-size: 0px; height: 10px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section10.p" mktoName="Section 10 - Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

</div>

</td>

</tr>

<tr>

<td style="${button-toggle}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle}">

<tr>

<td height="10" style="line-height: 10px; font-size: 0px; height: 10px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="left" style="${button-toggle}">

<table align="left" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-1}; border-collapse: separate; border-radius: 5px; ${button-toggle}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1}; line-height: ${button-line-height-1}; font-weight:${button-font-weight-1}; text-align: center;">

<div class="mktoText" id="section10.button" mktoName="Section 10 - Button">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-1};">Read More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="line-height:1px; font-size:1px; height:1px;"> </td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- Section 10 - Headline | Subhead | Copy | CTA -->

<!-- Section 11 - Headline | Subhead x2| Copy x2| CTA x2 -->

<tr class="mktoModule" id="section11" mktoName="Section 11 - 2 Column Content" mktoAddByDefault="false">

<td style="background-color: ${section11-bg};">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="padding-left:30px; padding-right:30px; padding-top:${padding-top:30}px; padding-bottom:${padding-bottom:30}px;">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h1-font-size}; line-height: ${h1-line-height}; font-weight:${h1-font-weight}; color: ${h1-font-color}; text-align: ${h1-text-align:left};">

<div class="mktoText" id="section11.h1" mktoName="Section 11 - Headline">

H1 Header

</div>

</td>

</tr>

<tr>

<td height="20" style="line-height: 20px; font-size: 0px; height: 20px;"> </td>

</tr>

<tr>

<td>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<th class="w250 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-font-size}; line-height: ${h2-line-height}; font-weight:${h2-font-weight}; color: ${h2-font-color}; text-align: ${h2-text-align};">

<div class="mktoText" id="section11.h2" mktoName="Section 10 - Subhead">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="10" style="line-height: 10px; font-size: 0px; height: 10px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-font-size}; line-height: ${p-line-height}; font-weight:${p-font-weight}; color: ${p-font-color}; text-align: ${p-text-align};">

<div class="mktoText" id="section11.p" mktoName="Section 10 - Copy">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

</div>

</td>

</tr>

<tr>

<td style="${button-toggle}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle}">

<tr>

<td height="10" style="line-height: 10px; font-size: 0px; height: 10px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="left" style="${button-toggle}">

<table align="left" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-1}; border-collapse: separate; border-radius: 5px; ${button-toggle}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1}; line-height: ${button-line-height-1}; font-weight:${button-font-weight-1}; text-align: center;">

<div class="mktoText" id="section11.button" mktoName="Section 11 - Button">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-1};">Read More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="line-height:1px; font-size:1px; height:1px;"> </td>

</tr>

</table>

</th>

<th class="w40 col mob-full" valign="top" style="vertical-align:top; direction: ltr; font-weight: normal; display:block; min-width:100%;">

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td height="20" style="line-height:1px; font-size:0px; height:20px;"> </td>

</tr>

</table>

</th>

<th class="w250 col mob-full" style="font-weight: normal; direction:ltr; vertical-align:top; display:block; min-width:100%;" valign="top">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td class="iosfont" style="font-family: 'Rockwell', Bookman, serif; font-size: ${h2-2-font-size}; line-height: ${h2-2-line-height}; font-weight:${h2-2-font-weight}; color: ${h2-2-font-color}; text-align: ${h2-2-text-align};">

<div class="mktoText" id="section11.h2-2" mktoName="Section 11 - Subhead #2">

Headline copy placed here

</div>

</td>

</tr>

<tr>

<td height="10" style="line-height: 10px; font-size: 0px; height: 10px;"> </td>

</tr>

<tr>

<td style="font-family: Verdana, 'Trebuchet MS', Arial, sans-serif; font-size: ${p-2-font-size}; line-height: ${p-2-line-height}; font-weight:${p-2-font-weight}; color: ${p-2-font-color}; text-align: ${p-2-text-align};">

<div class="mktoText" id="section11.p-2" mktoName="Section 11 - Copy #2">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean malesuada justo finibus tortor aliquam, sit amet ultricies ipsum venenatis. Etiam eleifend nec tellus non rutrum. Aliquam placerat, nisi at lobortis mollis, diam ex malesuada est, consectetur.

</div>

</td>

</tr>

<tr>

<td style="${button-toggle-2}">

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="${button-toggle-2}">

<tr>

<td height="10" style="line-height: 10px; font-size: 0px; height: 10px;"> </td>

</tr>

</table>

</td>

</tr>

<tr>

<td align="left" style="${button-toggle-2}">

<table align="left" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid ${button-border-1-2}; border-collapse: separate; border-radius: 5px; ${button-toggle-2}">

<tr>

<td class="iosfont" style="padding-left:22px; padding-right:22px; padding-top:6px; padding-bottom:6px; font-family: 'Rockwell', Bookman, serif; font-size: ${button-font-size-1-2}; line-height: ${button-line-height-1-2}; font-weight:${button-font-weight-1-2}; text-align: center;">

<div class="mktoText" id="section11.button-2" mktoName="Section 11 - Button #2">

<a href="" target="_blank" style="text-decoration: none; color: ${button-font-color-1-2};">Read More</a>

</div>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td style="line-height:1px; font-size:1px; height:1px;"> </td>

</tr>

</table>

</th>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

<!-- /Section 11 - Headline | Subhead x2| Copy x2| CTA x2 -->

<!-- ::::::::::::::: [Section 12 // 2-Column Speakers] ::::::::::::::: -->

<tr class="mktoModule" id="Row2-speakers" mktoName="Section 12 Col Speakers" mktoAddByDefault="false">

<td colspan="3" valign="top">

<!-- |GHOST TABLE| // Conditional HTML for MSO -->

<!--[if mso]>

<table width="640" style="width:640px;" cellpadding="0" cellspacing="0" border="0" align="center">

<tr>

<td>

<![endif]-->

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;">

<tr>

<td align="center" valign="top" width="100%" >

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;" bgcolor="${MOD_BgColor}" align="left">

<!--....// Row: [MOD] OUTER vSpacer TOP //....-->

<tr>

<td bgcolor="${MOD_BgColor}" style="font-size:${MOD_VSpace-Top0}; mso-line-height-rule:exactly; line-height:${MOD_VSpace-Top0};"> </td>

</tr>

<!--....// Row: [MOD] hSpace + [in] CONTENT TABLE //....-->

<tr>

<td valign="top">

<!-- ::::::::[MOD] FULL-WIDTH TABLE:::::::: -->

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;" bgcolor="${MOD_BgColor}">

<tr>

<!--....// [MOD] OUTER hSpacer LEFT //....-->

<td valign="top" width="${MOD_HSpace}" bgcolor="${MOD_BgColor}" style="font-size:${p-font-size}; mso-line-height-rule:exactly; line-height:${p-line-height};"> </td>

<!--.... ::::::::[in] CONTENT COLUMN:::::::: -->

<td valign="top" bgcolor="${Speaker_BgColor}">

<!-- Speaker - Headline -->

<table width="100%" style="width:100%;" cellpadding="0" cellspacing="0" border="0" bgcolor="${Speaker_BgColor}">

<tr>

<!--....// [in] INNER hSpacer LEFT //....-->

<td valign="top" width="${in_HSpace}" style="font-size:${p-font-size}; mso-line-height-rule:exactly; line-height:${p-line-height};"> </td>

<!-- :::::::::[in] CONTENT BLOCKS::::::: -->

<td>

<!--....// [in] vSpacer TOP //....-->

<div style="font-size:${in_VSpace-Top10}; mso-line-height-rule:exactly; line-height:${in_VSpace-Top10};"> </div>

<!-- * tie PAGE font size to inner/outer hspacer * -->

<div class="mktoText" id="Speakers_Headline" mktoName="Speakers Headline">

<table class="" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">

<tbody>

<tr>

<td valign="top" style="padding:2.25pt 2.25pt 2.25pt 2.25pt">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td style="vertical-align: middle;">

<strong>

<span style="font-size:13px;font-family:Verdana, sans-serif; color:#00a1de;">

PRESENTERS:

</span>

</strong>

</td>

</tr>

</table>

</td>

</tr>

</tbody>

</table>

</div>

</td>

<!--....// [in] INNER hSpacer RIGHT //....-->

<td valign="top" width="${in_HSpace}" style="font-size:${p-font-size}; mso-line-height-rule:exactly; line-height:${p-line-height};"> </td>

</tr>

</table>

<!-- /Speaker - Headline -->

<!-- |GHOST TABLE| // Conditional HTML for MSO -->

<!--[if mso]>

<table width="100%" style="width:100%;" cellpadding="0" cellspacing="0" border="0">

<tr>

<td valign="top" width="${in_Half1_ColWidth_even}" style="width:${in_Half1_ColWidth_even}px;">

<![endif]-->

<!-- ::::::::[in] INNER CONTENT TABLE:::::::: -->

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; vertical-align: top;" bgcolor="${in_Half1_Speaker_BgColor}" class="half1_even mobile-full" align="left">

<tr align="${in_Half1_Align}">

<!--....// [in] INNER hSpacer LEFT //....-->

<td valign="top" width="${in_HSpace}" style="font-size:${p-font-size}; mso-line-height-rule:exactly; line-height:${p-line-height};"> </td>

<!-- :::::::::[in] CONTENT BLOCKS::::::: -->

<td valign="top" align="${in_Half1_Align}">

<!--....// [in] vSpacer TOP //....-->

<div style="font-size:${in_VSpace-Top10}; mso-line-height-rule:exactly; line-height:${in_VSpace-Top10};"> </div>

<!-- * tie PAGE font size to inner/outer hspacer * -->

<!-- mmmmmmm[ Marketo Editable Text ]mmmmmm -->

<div class="mktoText" id="Row2-speakers1" mktoName="Speaker 1 Content">

<table class="" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">

<tbody>

<tr>

<td valign="top" style="padding:2.25pt 2.25pt 2.25pt 2.25pt">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="left" style="vertical-align: middle; width:100px;">

<span style="font-size:${p-font-size};font-family:'Verdana',sans-serif;color:${p-font-color">

<img border="0" width="100" height="100" style="width:1.0416in;height:1.0416in" src="https://info.bai.org/rs/415-RKB-576/images/Byron_Marshall_WebRes.png">

</span>

</td>

<td align="left" style="vertical-align: middle; padding-left:10px;">

<strong>

<span style="font-size:${p-font-size};font-family:'Verdana',sans-serif;color:${p-font-color}">

Byron Marshall

</span>

</strong>

<span style="font-size:${p-font-size};font-family:'Verdana',sans-serif;color:${p-font-color}">

<br>

<em>

<span style="font-family:'Verdana',sans-serif">

Director, Research

</span>

</em>

<br>

BAI

</span>

</td>

</tr>

</table>

</td>

</tr>

</tbody>

</table>

</div>

<!-- mmmmmmm[ end:Marketo Editable Text ]mmmmmm -->

<!--....// [in] vSpacer TOP //....-->

<div style="font-size:${in_VSpace-Bottom10}; mso-line-height-rule:exactly; line-height:${in_VSpace-Bottom10};"> </div>

</td>

<!--....// [in] INNER hSpacer RIGHT //....-->

<td valign="top" width="${in_HSpace}" style="font-size:${p-font-size}; mso-line-height-rule:exactly; line-height:${p-line-height};"> </td>

</tr>

</table>

<!-- |GHOST TABLE| // Conditional HTML for MSO -->

<!--[if mso]>

</td>

<td width="${in_Half2_ColWidth_even}" style="width:${in_Half2_ColWidth_even}px;" valign="top">

<![endif]-->

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; vertical-align: top;" bgcolor="${in_Half2_Speaker_BgColor}" class="half2_even mobile-full" align="left">

<tr align="${in_Half2_Align}">

<!--....// [in] INNER hSpacer LEFT //....-->

<td valign="top" width="${in_HSpace}" style="font-size:p-font-size; mso-line-height-rule:exactly; line-height:${p-line-height};"> </td>

<!-- :::::::::[in] CONTENT BLOCKS::::::: -->

<td valign="top" align="${in_Half2_Align}">

<!--....// [in] vSpacer TOP //....-->

<div style="font-size:${in_VSpace-Top10}; mso-line-height-rule:exactly; line-height:${in_VSpace-Top10};"> </div>

<!-- * tie PAGE font size to inner/outer hspacer * -->

<!-- mmmmmmm[ Marketo Editable Text ]mmmmmm -->

<div class="mktoText" id="Row2-speakers_2" mktoName="Speaker 2 Content">

<table class="" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;border-collapse:collapse">

<tbody>

<tr>

<td valign="top" style="padding:2.25pt 2.25pt 2.25pt 2.25pt">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="left" style="vertical-align: middle; width:100px;">

<span style="font-size:${p-font-size};font-family:'Verdana',sans-serif;color:${p-font-color}">

<img border="0" width="100" height="100" style="width:1.0416in;height:1.0416in" src="https://info.bai.org/rs/415-RKB-576/images/Mark_riddle.png">

</span>

</td>

<td align="left" style="vertical-align: middle; padding-left:10px;">

<strong>

<span style="font-size:${p-font-size};font-family:'Verdana',sans-serif;color:${p-font-color}">

Mark Riddle

</span>

</strong>

<span style="font-size:${p-font-size};font-family:'Verdana',sans-serif;color:${p-font-color}">

<br>

<em>

<span style="font-family:'Verdana',sans-serif">

Director, Research and Content Delivery

</span>

</em>

<br>

BAI

</span>

</td>

</tr>

</table>

</td>

</tr>

</tbody>

</table>

</div>

<!-- mmmmmmm[ end:Marketo Editable Text ]mmmmmm -->

<!--....// [in] vSpacer TOP //....-->

<div style="font-size:${in_VSpace-Bottom10}; mso-line-height-rule:exactly; line-height:${in_VSpace-Bottom10};"> </div>

</td>

<!--....// [in] INNER hSpacer RIGHT //....-->

<td valign="top" width="${in_HSpace}" style="font-size:${p-font-size}; mso-line-height-rule:exactly; line-height:${p-line-height};"> </td>

</tr>

</table>

<!-- |GHOST TABLE| // Conditional HTML for MSO -->

<!--[if mso]>

</td>

</tr>

</table>

<![endif]-->

</td>

<!--....// [MOD] OUTER hSpacer RIGHT //....-->

<td valign="top" width="${MOD_HSpace}" bgcolor="${MOD_BgColor}" style="font-size:${p-font-size}; mso-line-height-rule:exactly; line-height:${p-line-height}

;"> </td>

</tr>

</table>

</td>

</tr>

<!--....// Row: [MOD] OUTER vSpacer BOTTOM //....-->

<tr>

<td bgcolor="${MOD_BgColor}" style="font-size:${MOD_VSpace-Bottom0}; mso-line-height-rule:exactly; line-height:${MOD_VSpace-Bottom0};"> </td>

</tr>

</table>

</td>

</tr>

</table>

<!-- |GHOST TABLE| // Conditional HTML for MSO -->

<!--[if mso]>

</td>

</tr>

</table>

<![endif]-->

</td>

</tr>

<!-- ::::::::::::::: [end: Row 2 // 2-Column Speakers] ::::::::::::::: -->

</table>

</div>

</body>

</html>

4 REPLIES 4
Grace_Brebner3
Level 10

Re: Module code issues- Help anyone?

Hey Angie,

This'll be easier for us to help with if you reply to this comment with the full code for the email, as your snippet includes CSS classes that we can't account for otherwise. Make sure that you click "use advanced editor" in the top right corner of the comment box and then select the "insert raw html" option so that it formats correctly

pastedImage_6.png

If you happen to also have a mock up that shows exactly what you want it to look like comparative to what it looks like now, we'll also be better able to help you find the exact result you're looking for.

Angie_Zarate
Level 2

Re: Module code issues- Help anyone?

@gracebrebner I have updated the post.

Arun_Sharma9
Level 4

Re: Module code issues- Help anyone?

Hi Angie,

The problem lies in the tables where you have used "mobile-full" class, you can see you have used 100% as the width, which means the table will appear full width means different rows. You have to reduce the width to 50% of these tables to make these appear side-by-side as what you want.

Thanks

Arun Sharma
Dave_Roberts
Level 10

Re: Module code issues- Help anyone?

I think it's ok to have the table at 100% - that's probably meant for mobile and ESPs that don't read styles in the head (i.e. classes). I'd guess that you're missing the CSS for half1_even class. It also looks like you're missing the CSS for the "mobile-full" class, but you've got it for the mob-full class.

Here's a look at one of the tables with the 100% width:

<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; vertical-align: top;" bgcolor="${in_Half1_Speaker_BgColor}" class="half1_even mobile-full" align="left">

With the CSS that's currently on your template, you've got a table at 100% (the width="" attribute). This is probably why your tables are acting like rows instead of columns.

I'd imagine the "half1_even" (also saw half2_even) class is supposed to be the class that holds the 50% width rule to override the width attribute inline. After that, the mobile-full class could force 100% (to override the 50% class for ESPs that read styles [and media queries] in the head) with the "mobile-full" class if that was written to mirror the "mob-full" class you've got in there already. It looks like you've got a media query setup for a max of 599px, so that'd be where you wanted to put the CSS for the "mobile-full" class. You might also try replacing the "mobile-full" in the HTML with "mob-full" to leverage what's already setup -- Im guessing one is from one template and the other is from another and that the difference here is that the CSS for parts that got added into this template didn't make their way into the stylesheet in this template. Check out the template that you're using to add the new HTML into this template and see if you can track down the "half1_even" and "half2_even" classes in the stylesheet and maybe bring those over into this template for the easy win.