convert a html table to div css layout ?

Hello I am having hard time converting some of tables to DIV in order to have better SEO score i must do it and i really need help
Here is my Tables and style.css for them:

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" id="table1">
<tr>
	<td class="alt1" width="100%">
        <strong><span style="font-size: 1.2em">Hello, </span> <font color="#9DCC00">
<b><span style="font-size: 1.2em">guest</span></b></font></strong></td>
	<td class="alt2" valign="top" nowrap="nowrap">
	<a href="login"><font style="font-size: 1.2em">Login</font></a></td>
</tr>
</table>
	<table class="tborder" cellpadding="6" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px" id="table2">
	<tr align="center">
	<td class="vbmenu_control"><a href="index.php">Main</a></td>
	<td class="vbmenu_control"><a href="yardim.php?konu=soru-cevap">FAQ</a></td>
	<td class="vbmenu_control"><a href="paylas/">:: Share ::</a></td>
    	<td class="vbmenu_control"><a href="kayitol">Register</a></td>
	</tr>
	</table>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>And my style.css:
 
 
.tborder
{
	background: #D1D1E1;
	color: #000000;
	border: 1px solid #0B198C;
}
.alt1, .alt1Active
{
	background: #F5F5FF;
	color: #000000;
}
.alt2, .alt2Active
{
	background: #E1E4F2;
	color: #000000;
}
.vbmenu_control
{
	background: #738FBF;
	color: #FFFFFF;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control a:link
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:visited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active
{
	color: #FFFFFF;
	text-decoration: underline;

Select allOpen in new window