Оформление строго по шаблону

Код:
<td class="fon">Фндом</td>
    <td class="fon">имя персонажа</td>
    <td class="fon"><a href="ссылка на профиль"> Имя участника </a></td>

[html]
<div style="width: 700px; height: 600px; background-image: url('http://s1.uploads.ru/Hf7s1.jpg'); background-position: bottom center; margin-left: 25px;">

<div style="position: relative; top: 10px; left: 0px; background-image: url('http://s4.uploads.ru/GmjxS.png'); opacity: 0.8; width: 450px; padding: 10px; height: auto; -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5); box-shadow: 2px 2px 5px rgba(0,0,0,0.5);">
<div style="padding-left: 0px;padding-right: 5px;height: 500px;overflow: auto;font-family: arial;font-size: 13px;line-height: 100%;width: 450px;letter-spacing: 1px;text-align: center;">

<table class="table221"><!--<td rowspan="2" class="fonNomer"> - добавление второго имени-->

<tbody><tr>    <td></td>
    <td class="fonNomer">ФАНДОМ</td>
    <td class="fonNomer">ПРОТОТИП</td>
    <td class="fonNomer">УЧАСТНИК</td>
</tr>
<tr>
    <td class="fonNomer">●A●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●B●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●C●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●D●</td>
    <td class="fon">DMC5</td>
    <td class="fon">Dante</td>
    <td class="fon"><a href="http://deviant.rolebb.ru/profile.php?id=50"> Gordon H. Kross </a></td>
</tr>

<tr>
    <td class="fonNomer">●E●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●F●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●G●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●H●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●I●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>
<tr>
    <td class="fonNomer">●J●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

        <tr>
    <td class="fonNomer">●K●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

        <tr>
    <td class="fonNomer">●L●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>
<tr>
    <td class="fonNomer">●M●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>

<tr>
    <td class="fonNomer">●N●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●O●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●P●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●Q●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●R●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●S●</td>
   <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
        </tr>

<tr>
    <td class="fonNomer">●T●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

</tr>
<tr>
    <td class="fonNomer">●U●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●V●</td>
  <td class="fon">Voltron</td>
    <td class="fon">Takashi "Shiro" Shirogane</td>
    <td class="fon"><a href="http://deviant.rolebb.ru/profile.php?id=47"> Дитрих Вайсс </a></td>
      </tr>

<tr>
    <td class="fonNomer">●W●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●X●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

<tr>
    <td class="fonNomer">●Y●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
       </tr>

<tr>
    <td class="fonNomer">●Z●</td>
    <td class="fon"></td>
    <td class="fon"></td>
    <td class="fon"></td>
</tr>

</tbody></table></div><br><br>

</div></div>
<!-- CSS -->
<style>
table.table221{
table-layout: auto !important;
width: auto!important;}

td.fonNomer {color: #736c6c; background:url("http://s4.uploads.ru/GmjxS.png"); font-weight: bold; font-family: Morpheus; font-size: 15px;}

td.fon {background-image: url('http://sa.uploads.ru/uF6BM.png'); font-weight: bold;}

.fon {text-align: center;}
</style></div>[/html]