Skip to content

Tenzing / banners-with-skip

Go to a project
Toggle navigation
Toggle navigation pinning
c0eec39f by Dan Rempel
Options

CWL Lindsay office address update

1 parent 0deb9054
Inline Side-by-side
Showing 51 changed files with 2738 additions and 0 deletions
<html>
<head>
<title></title>
<style>
body {
background:#ededed;
margin: 0;
font-size: 12px;
line-height: 16px;
color: black; /*full grey*/
font-family: "Arial", sans-serif;
}
table, tr, td{
border: none;
border-collapse: collapse;
font-size: 12px;
line-height: 16px;
color: black; /*full grey*/
font-family: "Arial", sans-serif;
padding: 0;
margin: 0;
}
img, a img{
border: none;
border-collapse: collapse;
display: block;
}
.container{
border: 1px #717174 solid;
background-color: #ffffff;
}
.address td td{
font-size: 9px;
line-height: 11px;
color:#717174;
}
p {
margin-bottom: 9px;
margin-top: 9px;
}
a {
color: #0397d6; /*full blue*/
}
.content-table{
width: 330px;
}
.content-table th, .content-table td{
padding: 3px 3px 3px 10px;
vertical-align: top;
}
.content-table th{
background-color: #a6a6a8;
color: #FFFFFF;
text-align: left;
}
.odd{
background-color: #e5e5e5;
}
.float-l{
float: left;
margin: 0 10px 10px 0;
}
.float-r{
float: right;
margin: 0 0 10px 10px;
}
img{
border:none;
border-collapse: collapse;
}
a img{
border:none;
border-collapse: collapse;
}
/* specific to CW */
.pullquote td td{
background-color: #dfe9ef;
font-family: "Times", serif;
}
.content td td{
}
.title, h1{
font-size: 23px;
line-height: 26px;
color: #717174;
font-weight: normal;
}
.details{
}
.label{
color: #717174;
font-weight: bold;
}
.logobar td{
}
td td.unsubscribe{
color: black;
font-size: 10px;
}
H1, H2, H3, H4{
color: #717174;
}
H2, H3, H4{
font-size: 14px;
line-height: 16px;
}
H2{
text-transform: uppercase;
}
H3{
}
H4{
font-style: italic;
}
.season{
font-weight: bold;
font-size: 10px;
line-height: 15px;
text-transform: uppercase;
}
.winter{ /*grey*/
color: #6c6d6f;
}
.spring{ /*green*/
color: #76bd1d;
}
.summer{ /*blue*/
color: #1f9bde;
}
.fall{ /*orange*/
color: #f6a704;
}
.divider{
background-color:#d3d1d2;
font-size: 1px;
line-height: 1px;
}
td.winter-box{
background-color: #d2d1d2;
}
td.spring-box{
background-color: #e0eec9;
}
td.summer-box{
background-color: #d2e4f6;
}
td.fall-box{
background-color: #ffe8c4;
}
</style>
</head>
<body LEFTMARGIN="0" TOPMARGIN="0">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
<td id="centering" width="600">
<table class="container" cellspacing="0" cellpadding="0" border="0"><tr><td><!-- this enables a border and/or background colour -->
<!-- this will be different with every email -->
<!-- layoutrows first, then layout tables within each row for further control -->
<table class="layoutrows" cellspacing="0" cellpadding="0" border="0">
<repeater>
<layout label='Winter - Grey'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-grey.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
<td class="season winter" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Winter 2014 - Issue 1</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-grey.gif" alt="Inside Track" width="365" height="72" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
<layout label='Spring - Green'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-green.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
<td class="season spring" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Spring 2014 - Issue 2</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-green.gif" alt="Inside Track" width="365" height="72" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
<layout label='Summer - Blue'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-blue.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
<td class="season summer" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Summer 2014 - Issue 3</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-blue.gif" alt="Inside Track" width="365" height="72" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
<layout label='Fall - Orange'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-orange.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
<td class="season fall" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Fall 2014 - Issue 3</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-orange.gif" alt="Inside Track" width="365" height="72" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
</repeater>
<tr class="mast"><td><img src="images/blank.gif" alt="" width="60" height="10"/></td>
</tr><!-- mast ends -->
<tr class="content">
<td>
<table>
<repeater>
<layout label='2 Column (narrow, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column" width="158" valign="top">
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 158px.</p>
</multiline>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with winter grey, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column winter-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with spring green, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column spring-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with summer blue, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column summer-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with fall orange, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column fall-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
</repeater>
</table>
</td>
</tr><!-- content ends -->
<tr class="logobar">
<td>
<table>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
<td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="" width="528">
<a href="http://thecommonwell.ca/"><img src="images/individuals.gif" alt="individuals" width="528" height="50" /></a>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
<td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
</tr>
</table>
</td>
</tr><!-- logobar ends -->
<tr class="address white">
<td>
<table>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="" width="200">
<strong>Lindsay Office</strong><br>
336 Angeline St S, <br>
Lindsay, ON K9V 0J8
</td>
<td class="" width="180">
<strong>Perth Office</strong><br>
96 South St. / Scotch Line Rd.<br>
Perth, ON K7H 0A2
</td>
<td class="" width="150">
<strong>Alexandria Office</strong><br>
3720 County Rd. 34 P.O. Box 159<br>
Alexandria, ON K0C 1A0
</td>
<td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
</tr>
</table>
<table>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
<td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="10"/></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="unsubscribe" width="528"><em>If you no longer wish to receive this newsletter, click <unsubscribe>unsubscribe</unsubscribe>.</em></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
<td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="30"/></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
</tr>
</table>
</td>
</tr><!-- address ends -->
</table><!-- layoutrows ends -->
</td></tr></table><!-- container ends -->
</td>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
</tr>
<tr>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
<td class="address" width="600"><img src="images/blank.gif" alt="" width="600" height="1"/></td>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
</tr>
</table>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5 Online Ads</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link rel="stylesheet" href="main.css">
<script src="main.js"></script>
</head>
<body>
<h3>
<a href="circular/">Circular</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
<a href="ink/">Ink</a>&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;
<a href="insidetrack">Inside Track</a>
</h3>
</body>
</html>
<html>
<head>
<title></title>
<style>
body {
background:#ededed;
margin: 0;
font-size: 12px;
line-height: 16px;
color: black; /*full grey*/
font-family: "Arial", sans-serif;
}
table, tr, td{
border: none;
border-collapse: collapse;
font-size: 12px;
line-height: 16px;
color: black; /*full grey*/
font-family: "Arial", sans-serif;
padding: 0;
margin: 0;
}
img, a img{
border: none;
border-collapse: collapse;
display: block;
}
.container{
border: 1px #717174 solid;
background-color: #ffffff;
}
.address td td{
font-size: 9px;
line-height: 11px;
color:#717174;
}
p {
margin-bottom: 9px;
margin-top: 9px;
}
a {
color: #0397d6; /*full blue*/
}
.content-table{
width: 330px;
}
.content-table th, .content-table td{
padding: 3px 3px 3px 10px;
vertical-align: top;
}
.content-table th{
background-color: #a6a6a8;
color: #FFFFFF;
text-align: left;
}
.odd{
background-color: #e5e5e5;
}
.float-l{
float: left;
margin: 0 10px 10px 0;
}
.float-r{
float: right;
margin: 0 0 10px 10px;
}
img{
border:none;
border-collapse: collapse;
}
a img{
border:none;
border-collapse: collapse;
}
/* specific to CW */
.pullquote td td{
background-color: #dfe9ef;
font-family: "Times", serif;
}
.content td td{
}
.title, h1{
font-size: 23px;
line-height: 26px;
color: #717174;
font-weight: normal;
}
.details{
}
.label{
color: #717174;
font-weight: bold;
}
.logobar td{
}
td td.unsubscribe{
color: black;
font-size: 10px;
}
H1, H2, H3, H4{
color: #717174;
}
H2, H3, H4{
font-size: 14px;
line-height: 16px;
}
H2{
text-transform: uppercase;
}
H3{
}
H4{
font-style: italic;
}
.season{
font-weight: bold;
font-size: 10px;
line-height: 15px;
text-transform: uppercase;
}
.winter{ /*grey*/
color: #6c6d6f;
}
.spring{ /*green*/
color: #76bd1d;
}
.summer{ /*blue*/
color: #1f9bde;
}
.fall{ /*orange*/
color: #f6a704;
}
.divider{
background-color:#d3d1d2;
font-size: 1px;
line-height: 1px;
}
td.winter-box{
background-color: #d2d1d2;
}
td.spring-box{
background-color: #e0eec9;
}
td.summer-box{
background-color: #d2e4f6;
}
td.fall-box{
background-color: #ffe8c4;
}
</style>
</head>
<body LEFTMARGIN="0" TOPMARGIN="0">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
<td id="centering" width="600">
<table class="container" cellspacing="0" cellpadding="0" border="0"><tr><td><!-- this enables a border and/or background colour -->
<!-- this will be different with every email -->
<!-- layoutrows first, then layout tables within each row for further control -->
<table class="layoutrows" cellspacing="0" cellpadding="0" border="0">
<repeater>
<layout label='Winter - Grey'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-grey.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="59"/></td>
<td class="season winter" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Winter 2014 - Issue 1</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-grey.gif" alt="Ink From The Commonwell" width="365" height="96" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
<layout label='Spring - Green'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-green.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="59"/></td>
<td class="season spring" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Spring 2014 - Issue 2</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-green.gif" alt="Ink From The Commonwell" width="365" height="96" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
<layout label='Summer - Blue'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-blue.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="59"/></td>
<td class="season summer" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Summer 2014 - Issue 3</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-blue.gif" alt="Ink From The Commonwell" width="365" height="96" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
<layout label='Fall - Orange'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-orange.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="59"/></td>
<td class="season fall" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Fall 2014 - Issue 3</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-orange.gif" alt="Ink From The Commonwell" width="365" height="96" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
</repeater>
<tr class="mast"><td><img src="images/blank.gif" alt="" width="60" height="10"/></td>
</tr><!-- mast ends -->
<tr class="content">
<td>
<table>
<repeater>
<layout label='2 Column (narrow, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column" width="158" valign="top">
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 158px.</p>
</multiline>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with winter grey, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column winter-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with spring green, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column spring-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with summer blue, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column summer-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with fall orange, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column fall-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
</repeater>
</table>
</td>
</tr><!-- content ends -->
<tr class="logobar">
<td>
<table>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
<td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="" width="528">
<a href="http://thecommonwell.ca/"><img src="images/individuals.gif" alt="individuals" width="528" height="50" /></a>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
<td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
</tr>
</table>
</td>
</tr><!-- logobar ends -->
<tr class="address white">
<td>
<table>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="" width="200">
<strong>Lindsay Office</strong><br>
336 Angeline St S, <br>
Lindsay, ON K9V 0J8
</td>
<td class="" width="180">
<strong>Perth Office</strong><br>
96 South St. / Scotch Line Rd.<br>
Perth, ON K7H 0A2
</td>
<td class="" width="150">
<strong>Alexandria Office</strong><br>
3720 County Rd. 34 P.O. Box 159<br>
Alexandria, ON K0C 1A0
</td>
<td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
</tr>
</table>
<table>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
<td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="10"/></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="unsubscribe" width="528"><em>If you no longer wish to receive this newsletter, click <unsubscribe>unsubscribe</unsubscribe>.</em></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
<td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="30"/></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
</tr>
</table>
</td>
</tr><!-- address ends -->
</table><!-- layoutrows ends -->
</td></tr></table><!-- container ends -->
</td>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
</tr>
<tr>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
<td class="address" width="600"><img src="images/blank.gif" alt="" width="600" height="1"/></td>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
</tr>
</table>
</body>
</html>
\ No newline at end of file
<html>
<head>
<title></title>
<style>
body {
background:#ededed;
margin: 0;
font-size: 12px;
line-height: 16px;
color: black; /*full grey*/
font-family: "Arial", sans-serif;
}
table, tr, td{
border: none;
border-collapse: collapse;
font-size: 12px;
line-height: 16px;
color: black; /*full grey*/
font-family: "Arial", sans-serif;
padding: 0;
margin: 0;
}
img, a img{
border: none;
border-collapse: collapse;
display: block;
}
.container{
border: 1px #717174 solid;
background-color: #ffffff;
}
.address td td{
font-size: 9px;
line-height: 11px;
color:#717174;
}
p {
margin-bottom: 9px;
margin-top: 9px;
}
a {
color: #0397d6; /*full blue*/
}
.content-table{
width: 330px;
}
.content-table th, .content-table td{
padding: 3px 3px 3px 10px;
vertical-align: top;
}
.content-table th{
background-color: #a6a6a8;
color: #FFFFFF;
text-align: left;
}
.odd{
background-color: #e5e5e5;
}
.float-l{
float: left;
margin: 0 10px 10px 0;
}
.float-r{
float: right;
margin: 0 0 10px 10px;
}
img{
border:none;
border-collapse: collapse;
}
a img{
border:none;
border-collapse: collapse;
}
/* specific to CW */
.pullquote td td{
background-color: #dfe9ef;
font-family: "Times", serif;
}
.content td td{
}
.title, h1{
font-size: 23px;
line-height: 26px;
color: #717174;
font-weight: normal;
}
.details{
}
.label{
color: #717174;
font-weight: bold;
}
.logobar td{
}
td td.unsubscribe{
color: black;
font-size: 10px;
}
H1, H2, H3, H4{
color: #717174;
}
H2, H3, H4{
font-size: 14px;
line-height: 16px;
}
H2{
text-transform: uppercase;
}
H3{
}
H4{
font-style: italic;
}
.season{
font-weight: bold;
font-size: 10px;
line-height: 15px;
text-transform: uppercase;
}
.winter{ /*grey*/
color: #6c6d6f;
}
.spring{ /*green*/
color: #76bd1d;
}
.summer{ /*blue*/
color: #1f9bde;
}
.fall{ /*orange*/
color: #f6a704;
}
.divider{
background-color:#d3d1d2;
font-size: 1px;
line-height: 1px;
}
td.winter-box{
background-color: #d2d1d2;
}
td.spring-box{
background-color: #e0eec9;
}
td.summer-box{
background-color: #d2e4f6;
}
td.fall-box{
background-color: #ffe8c4;
}
</style>
</head>
<body LEFTMARGIN="0" TOPMARGIN="0">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
<td id="centering" width="600">
<table class="container" cellspacing="0" cellpadding="0" border="0"><tr><td><!-- this enables a border and/or background colour -->
<!-- this will be different with every email -->
<!-- layoutrows first, then layout tables within each row for further control -->
<table class="layoutrows" cellspacing="0" cellpadding="0" border="0">
<repeater>
<layout label='Winter - Grey'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-grey.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
<td class="season winter" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Winter 2014 - Issue 1</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-grey.gif" alt="Inside Track" width="365" height="72" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
<layout label='Spring - Green'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-green.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
<td class="season spring" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Spring 2014 - Issue 2</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-green.gif" alt="Inside Track" width="365" height="72" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
<layout label='Summer - Blue'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-blue.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
<td class="season summer" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Summer 2014 - Issue 3</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-blue.gif" alt="Inside Track" width="365" height="72" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
<layout label='Fall - Orange'>
<tr class="mast" >
<td ><a href="http://thecommonwell.ca/" style="display:block;">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="36">
<img src="images/mast2-orange.gif" alt="" width="36" height="176" />
</td>
<td>
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="images/mast1.gif" width="365" height="21" /></td>
</tr>
<tr>
<td><table cellspacing="0" cellpadding="0" border="0"><tr>
<td width="8"><img src="images/mast-outlook.gif" alt="blank" width="8" height="83""/></td>
<td class="season fall" valign="bottom"><singleline label="Date & Issue" repeatertitle='true' >Fall 2014 - Issue 3</singleline></td>
</tr></table>
</td>
</tr>
<tr>
<td><img src="images/mast3-orange.gif" alt="Inside Track" width="365" height="72" /></td>
</tr>
</table>
</td>
<td>
<img src="images/logo.gif" alt="The Commonwell Mutual Insurance Group Logo" width="199" height="176" />
</td>
</tr>
</table></a></td>
</tr>
</layout>
</repeater>
<tr class="mast"><td><img src="images/blank.gif" alt="" width="60" height="10"/></td>
</tr><!-- mast ends -->
<tr class="content">
<td>
<table>
<repeater>
<layout label='2 Column (narrow, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column" width="158" valign="top">
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 158px.</p>
</multiline>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with winter grey, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column winter-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with spring green, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column spring-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with summer blue, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column summer-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
<layout label='2 Column (narrow with fall orange, medium)'>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="narrow-column fall-box" width="158" valign="top">
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
<tr>
<td width="15"></td>
<td>
<multiline label="Left Column Body" >
<h3>Heading 3</h3>
<p>Enter content here. Max width is 143px.</p>
</multiline>
</td>
<td width="19"></td>
</tr>
<tr>
<td width="15"><img src="images/blank.gif" alt="" width="15" height="15"/></td>
<td width="143"></td>
<td width="19"><img src="images/blank.gif" alt="" width="19" height="15"/></td>
</tr>
</table>
</td>
<td class="margin-right-mid" width="19"><img src="images/blank.gif" alt="" width="19" height="20"/></td>
<td class="divider" width="1" style="background-color:#d3d1d2;"><img src="images/blank.gif" alt="" width="1" height="20"/></td>
<td class="margin-right-mid" width="20"><img src="images/blank.gif" alt="" width="20" height="20"/></td>
<td class="mid-column" width="330" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="330">
<tr><td class="divider"><img src="images/blank.gif" alt="" width="20" height="1"/></td></tr>
<tr><td><img src="images/blank.gif" alt="" width="1" height="15"/></td></tr>
</table>
<multiline label="Right Column Body" >
<p>Enter content here. Sample headings and tables are provided below. Feel free to use or delete them. Max width is 330px.</p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<table class="content-table">
<tr>
<th>
Cell one
</th>
<th>
Cell two
</th>
<th>
Cell three
</th>
</tr>
<tr>
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
<tr class="odd">
<td>
Cell one
</td>
<td>
Cell two
</td>
<td>
Cell three
</td>
</tr>
</table>
</multiline>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr style="background-color:white;">
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="12"/></td>
<td class="narrow-column" width="158"></td>
<td class="margin-right-mid" width="19"></td>
<td class="divider" style="background-color:white;" width="1"></td>
<td class="margin-right-mid" width="20"></td>
<td class="mid-column" width="330"></td>
<td class="margin-right" width="36"></td>
</tr>
</layout>
</repeater>
</table>
</td>
</tr><!-- content ends -->
<tr class="logobar">
<td>
<table>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
<td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="" width="528">
<a href="http://thecommonwell.ca/"><img src="images/individuals.gif" alt="individuals" width="528" height="50" /></a>
</td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
<td class="margin-left"><img src="images/blank.gif" alt="" width="60" height="10"/></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
</tr>
</table>
</td>
</tr><!-- logobar ends -->
<tr class="address white">
<td>
<table>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="" width="200">
<strong>Lindsay Office</strong><br>
336 Angeline St S, <br>
Lindsay, ON K9V 0J8
</td>
<td class="" width="180">
<strong>Perth Office</strong><br>
96 South St. / Scotch Line Rd.<br>
Perth, ON K7H 0A2
</td>
<td class="" width="150">
<strong>Alexandria Office</strong><br>
3720 County Rd. 34 P.O. Box 159<br>
Alexandria, ON K0C 1A0
</td>
<td class="margin-right" width="25"><img src="images/blank.gif" alt="" width="60" height="20"/></td>
</tr>
</table>
<table>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
<td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="10"/></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
<td class="unsubscribe" width="528"><em>If you no longer wish to receive this newsletter, click <unsubscribe>unsubscribe</unsubscribe>.</em></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="20"/></td>
</tr>
<tr>
<td class="margin-left" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
<td class="margin-right" width=""><img src="images/blank.gif" alt="" width="60" height="30"/></td>
<td class="margin-right" width="36"><img src="images/blank.gif" alt="" width="36" height="10"/></td>
</tr>
</table>
</td>
</tr><!-- address ends -->
</table><!-- layoutrows ends -->
</td></tr></table><!-- container ends -->
</td>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
</tr>
<tr>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
<td class="address" width="600"><img src="images/blank.gif" alt="" width="600" height="1"/></td>
<td><img src="images/blank.gif" alt="" width="1" height="1"/></td>
</tr>
</table>
</body>
</html>
\ No newline at end of file
html {
background-color: #d4d4d4;
}
body {
margin: 0 auto;
padding: 2em 2em 4em;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #8e8e8e;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
line-height: 1.3em;
margin-left: 10px;
}
a {
color: #8e8e8e;
}
a:hover {
color: #FFFFFF;
}
iframe, img {
margin: 10px;
/* border: 1px #d4d4d4 solid; */
border: 0px fuchsia solid;
overflow: hidden;
iframe::-webkit-scrollbar {
display: none;
};
}
.stacked {
display: flex;
}
.float {
display: inline-flex;
vertical-align: top;
}
.b300x250 {
width: 300px;
height: 250px;
}
.b728x90 {
width: 728px;
height: 90px;
}
.b300x600 {
width: 300px;
height: 600px;
}
.b600x566 {
width: 600px;
height: 566px;
}