How to customize widgets layouts

I have the code

<td width="175" valign="top" style="padding-left: 15px;" id="portalRight">

<div style="padding-bottom: 15px;">
	<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center" class="tborder">
		<thead>
			<tr>
				<td colspan="0" class="tcat">
				<span class="smallfont"><strong>TITLE</strong></span></td>
			</tr>
		</thead>
		<tbody>
              	<tr>
             			<td>
					<div class="box">
						<div class="top">
							<div>
								<div></div>
							</div>
						</div>
						<div class="content">
							<div class="wp-wrapper">
			           				<table width="100%" cellspacing="0" cellpadding="4" border="0" align="center" class="tborder">
       		             					<tbody>
										<tr>
											<td class="alt2">
												<span class="smallfont">
												MIDDLE STUFF
												</span>
											</td>
										</tr>
										<tr>
											<td class="alt1"><span class="smallfont">THIS IS THE BOTTOM</span></td>
										</tr>
                       						</tbody>
                       			 		</table>
							</div>
						</div>

						<div class="bot">
							<div>
								<div></div>
							</div>
						</div>
					</div>
				</td>
			</tr>
		</tbody>
	</table>
</div>

This is the code that I am using for my sidebar. Basically it is setup into three sections, the Title, A grayish colored middle and a clean white bottom area. I am wondering How i can use this with the widgets, as I can’t seem to get how to do it. I though about doing it like this

if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '????',
'after_widget' => '????',
'before_title' => '????',
'after_title' => '????',
));

But I have no idea what I would put there in order for it to come out right.