<html>
<head>
<title><$title$></title>
</head>
<style type="text/css">
body {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 18px;
margin: 0;
padding: 0;
color: #142831;
background-color: #FFFFFF;
text-align: left;
}
td {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 18px;
margin: 0;
padding: 0;
color: #142831;
}
h1 {
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: bold;
line-height: 50px;
}
h2 {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 30px;
}
h3 {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 25px;
}
a {
font-family: Arial, sans-serif;
font-size: 12px;
text-decoration: none;
color: #741258;
}
</style>
<body bgcolor="#FFFFFF">
<table class="body" bgcolor="#FFFFFF" width="100%" cellpadding="0" cellspacing="0" border="0" align="center" id="top">
<tr>
<td class="spacer" width="570" height="10"> </td>
</tr>
<tr>
<td class="content" bgcolor="#FFFFFF" width="570" align="center" valign="top">
<table class="header" bgcolor="#FFFFFF" width="560" cellpadding="0" cellspacing="0" border="0" align="center">
<!-- banner -->
<tr>
<td class="banner" bgcolor="#333333" width="560" align="center" valign="top">
<img src="banner.png" width="560" height="" alt="" />
</td>
</tr>
<!-- spacer - topstrap - spacer -->
<tr>
<td class="spacer" width="560" height="10"> </td>
</tr>
<tr>
<td class="topstrap" bgcolor="#000000" width="560" align="center" valign="top">
<h1><a href="#" target="_blank"></a></h1>
</td>
</tr>
<tr>
<td class="spacer" height="10"> </td>
</tr>
</table>
<table class="middle" bgcolor="#FFFFFF" width="480" cellpadding="0" cellspacing="0" border="0" align="center">
<!-- main and sidebar spacer -->
<tr>
<td class="spacer" width=320" height="10" bgcolor="" colspan="2"> </td>
<td class="spacer" width="180" height="10" bgcolor=""> </td>
<!-- convert to single colspan=3 if sidebar same colour as maincol -->
<!-- <td class="spacer" width="480" height="10" bgcolor="" colspan="3"> </td> -->
</tr>
<tr>
<!-- maincol -->
<td class="maincol" bgcolor="#333333" width="280" align="left" valign="top">
<h2>...</h2>
<p>...</p>
</td>
<!-- gutter between columns -->
<td class="spacer" width="20" bgcolor=""> </td>
<!-- sidebar -->
<td class="sidebar" bgcolor="#123456" width="180" align="left" valign="top">
<h2>...</h2>
<p>...</p>
<!-- OR
<table class="sidebar_layout" bgcolor="#FFFFFF" width="180" cellpadding="0" cellspacing="0" border="0" align="left">
<tr>
<td class="sidebar_top" bgcolor="#123456" width="180" align="left" valign="top">
<h3>...</h3>
<p>...</p>
</td>
</tr>
<tr>
<td class="sidebar_bottom" bgcolor="#654987" width="180" align="left" valign="top">
<h3>...</h3>
<p>...</p>
</td>
</tr>
</table> -->
</td>
</tr>
<!-- main and sidebar spacer -->
<tr>
<td class="spacer" width=300" height="10" bgcolor="" colspan="2"> </td>
<td class="spacer" width="180" height="10" bgcolor=""> </td>
<!-- convert to single colspan=3 if sidebar same colour as maincol -->
<!-- <td class="spacer" width="480" height="10" bgcolor="" colspan="3"> </td> -->
</tr>
</table>
<table class="footer" bgcolor="#FFFFFF" width="570" cellpadding="0" cellspacing="0" border="0" align="center">
<!-- spacer -->
<tr>
<td class="spacer" width="570" height="10" bgcolor="#000000" colspan="4"> </td>
</tr>
<tr>
<td class="spacer" width="20" bgcolor="#000000"> </td>
<td class="logo" bgcolor="#000000" width="280" align="left" valign="top">
...
</td>
<td class="url" bgcolor="#000000" width="250" align="right" valign="middle">
<p><a href="#" target="_blank">www.</a></p>
</td>
<td class="spacer" width="20" bgcolor="#000000"> </td>
</tr>
<!-- spacer -->
<tr>
<td class="spacer" width="570" height="10" bgcolor="#000000" colspan="4"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="spacer" width="570" height="10"> </td>
</tr>
</table>
</body>
</html>