Editing Sidebar

I am trying to add a new header to the sidebar of the theme I am using but have having trouble getting it formatted correctly.

I would like to look similar to this picture using the following code.

<h3 class="catbg3 tp_rightblock_title" style="margin: 0pt; padding: 5px; font-size: 1em;">

<span class="header">Recruitment Status</span>

</h3>

<div id="block27" class="windowbg tp_rightblock_body" style="padding: 4px;">

<table cellpadding="0" cellspacing="0" style="width:220px;">

<tr><td><img style="vertical-align: middle;" src="/images/class/dk.gif" /></td><td>Death Knight</td><td>Closed</td></tr>

<tr><td><img style="vertical-align: middle;" src="/images/class/druid.gif" /></td><td>Druid</td><td>Open - Resto</td></tr>

<tr><td><img style="vertical-align: middle;" src="/images/class/hunter.gif" /></td><td>Hunter</td><td>Open</td></tr>

<tr><td><img style="vertical-align: middle;" src="/images/class/mage.gif" /></td><td>Mage</td><td>Open</td></tr>

<tr><td><img style="vertical-align: middle;" src="/images/class/paladin.gif" /></td><td>Paladin</td><td>Closed</td></tr>

<tr><td><img style="vertical-align: middle;" src="/images/class/priest.gif" /></td><td>Priest</td><td>Closed</td></tr>

<tr><td><img style="vertical-align: middle;" src="/images/class/rogue.gif" /></td><td>Rogue</td><td>Open</td></tr>

<tr><td><img style="vertical-align: middle;" src="/images/class/shaman.gif" /></td><td>Shaman</td><td>Closed</td></tr>

<tr><td><img style="vertical-align: middle;" src="/images/class/warlock.gif" /></td><td>Warlock</td><td>Open</td></tr>

<tr><td><img style="vertical-align: middle;" src="/images/class/warrior.gif" /></td><td>Warrior</td><td>Closed</td></tr>

</table>

<p>We will always accept applications for closed classes.</p>

<p align="right"><small><i>Last Updated: 01.15.09</i></small></p>

</div>

I want it to go the length of the sidebar but stay below the right and left bars. Any help would be greatly appreciated