table alignment off, help! Options

[WowYoureCute]

my left table covers up part of my background picture and so i would like both tables to be centered on the page.
how can i do this?

my myspace is: http://www.myspace.com/whitney_brooke08
and the code i'm using is:
<style type="text/css">

table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:FFFFFF;
background-image:url(http://images.cbimg5.com/myspace/24/5792.jpg);
background-attachment: fixed;
background-position:top left;
background-repeat:no-repeat;
border-top:20px;
border-bottom:20px;
border-color:21cfb9;
border-style:solid;
scrollbar-face-color:22EECC;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:ffffff;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:ffffff;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:ffffff;

</style>


<style type="text/css">
.r{}
table table { border: 10x }
table table table table{border:10px}
table table table {
border-style:solid;
border-width:5px;
border-color:21cfb9;
background-color:FFFFFF;
align:justify;
}


.r{}
table, tr, td, li, p, div { font-family:helvetica; color:FF0099; }
.btext { font-family:helvetica; color:00CC00; }
.blacktext10 { font-family:helvetica; color:FF0099; }
.blacktext12 { font-family:helvetica; color:00CC00; }
.lightbluetext8 { font-family:helvetica; color:FF0099; }
.orangetext15 { font-family:helvetica; color:00CC00; }
.redtext { font-family:helvetica; color:FF0099; }

.redbtext { font-family:helvetica; color:00CC00; }
.text { font-family:helvetica; color:FF0099; }
.whitetext12 { font-family:helvetica; color:00CC00; }
a:active, a:visited, a:link { font-family:helvetica; color:00CC00; }
a:hover { font-family:helvetica; color:FF0099; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:helvetica; color:00CC00; }
a.navbar:hover { font-family:helvetica; color:FF0099; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:helvetica; color:00CC00; }
a.redlink:hover { font-family:helvetica; color:FF0099; }
.nametext { font-family:helvetica; color:FF0099; font-size:16px; font-weight:bold; }

</style>

please help me, i've tryed everything!

thank you!!!!

whitney.

[WowYoureCute]

thanks for doing all that work, but all it did was erase my borders, change my links to white, and push both table further to the left. i dont know what it is about this code, it just doesnt seem to want to center...
but thanks anyways, lol. i appreciate it.

whitney.