{{ template "header" . }}

<h2 class="text-center" style="text-decoration: underline;">INTER OFFICE MEMORANDUM</h2>

<table style="border: none; margin-top: 15px; width: 100%;">
    <tr>
        <td style="width: 15%; border: none; font-weight: bold;">To</td>
        <td style="width: 35%; border: none;">: {{ .To }}</td>
        <td style="width: 15%; border: none; font-weight: bold;">Ref</td>
        <td style="width: 35%; border: none;">: {{ .Ref }}</td>
    </tr>
    <tr>
        <td style="border: none; font-weight: bold;">From</td>
        <td style="border: none;">: {{ .From }}</td>
        <td style="border: none; font-weight: bold;">Date</td>
        <td style="border: none;">: {{ .Date }}</td>
    </tr>
    <tr>
        <td style="border: none; font-weight: bold;">Subject</td>
        <td colspan="3" style="border: none; font-weight: bold;">: {{ .Subject }}</td>
    </tr>
</table>

<hr style="border: 0; border-top: 1px solid #ccc; margin-top: 5px; margin-bottom: 20px;">

<div style="font-size: 11px; line-height: 1.5; min-height: 300px;">
    {{ .Body }}
</div>

<div style="margin-top: 60px;">
    <table style="border: none; width: 100%;">
        <tr>
            <td style="border: none; width: 60%;"></td>
            <td style="border: none; width: 40%; text-align: center;">
                <p style="margin-bottom: 60px;">Regards,</p>
                <p style="text-decoration: underline; font-weight: bold; margin-bottom: 2px;">{{ .SignatureName }}</p>
                <p style="margin: 0;">{{ .SignatureTitle }}</p>
            </td>
        </tr>
    </table>
</div>

{{ template "footer" . }}