
<!DOCTYPE html>
<html>
<head>
    {CSS}
</head>
<body>
<table style="background: transparent url({IMG_DIR}faded_blue_horizontal.png ) repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; text-align: left; width: 720px; height: 400px;"
       border="0" cellpadding="15" cellspacing="6">
    <tbody>
    <tr>
        <td style="width: 66%;"></td>
        <td style="vertical-align: bottom; width: 33%;" colspan="1" rowspan="4">&nbsp;<img
                style="width: 180px; height: 248px;" alt="trainer"
                src="{COURSE_DIR}images/trainer/trainer_reads.png "><br>
        </td>
    </tr>
    <tr align="right">
        <td style="background: transparent url({IMG_DIR}faded_grey.png ) repeat scroll center top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; vertical-align: top; width: 66%;">
            Lorem
            ipsum dolor sit amet.
        </td>
    </tr>
    <tr align="right">
        <td style="background: transparent url({IMG_DIR}faded_grey.png ) repeat scroll center top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; vertical-align: top; width: 66%;">
            Vivamus
            a quam.&nbsp;<br>
        </td>
    </tr>
    <tr align="right">
        <td style="background: transparent url({IMG_DIR}faded_grey.png ) repeat scroll center top; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; vertical-align: top; width: 66%;">
            Proin
            a est stibulum ante ipsum.
        </td>
    </tr>
    </tbody>
</table>
<p><br>
    <br>
</p>
</body>
</html>
