помогите сверстать блок

Понимаю, что не очень по теме но подходящего раздела не нашел.. Помогите сверстать блок!

Буду очень благодарен за помощь!

<table width="100%">

	<tr>

		<td width="5"><img src="{ THEME}/images/ltdt.png" width="5" height="50" border="0"></td>

		<td background="{ THEME}/images/bgtdt.png" class="ltitle" valign="top">Навигация по сайту</td>

		<td width="5"><img src="{ THEME}/images/rtdt.png" width="5" height="50" border="0"></td>

	</tr>

	<tr>

		<td background="{ THEME}/images/ltd.gif"><img src="{ THEME}/images/ltd.gif" width="5" border="0"></td>

		<td class="stext"><div align="justify">КОНТЕНТ</div><div style="padding-left:30px;"><br /><br /><br /></div></td>

		<td background="{ THEME}/images/rtd.gif"><img src="{ THEME}/images/rtd.gif" width="5" border="0"></td>

	</tr>

	<tr>

		<td><img src="{ THEME}/images/ltdb.png" width="5" height="10" border="0"></td>

		<td background="{ THEME}/images/tdbbg.png"><img src="{THEME}/images/tdbbg.png" width="1" height="10" border="0"></td>

		<td><img src="{ THEME}/images/rtdb.png" width="5" height="10" border="0"></td>

	</tr>

</table>

Ну, прошу, я css не понимаю вообще.