oh my goodness. i am having such trouble with my table alignments. i've tried so many different things and asked so many different people, lol. my left table is too far to the left and i want both tables to be centered on my page.
thank you so much for looking, please help me!

the code i am 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: 0px}
table table table table{border:0px}
table table table {
border-style:solid;
border-width:7px;
border-color:21cfb9;
background-color:FFFFFF;
align:center;
}


.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>

it is essentially two codes merged together i think. nothing i've tried has centered it, i really need help!
whitney.

i just opened my page in internet explorer (i prefer to use firefox) and my page was exactly how i wanted it. now i'm just wondering why the centering worked in IE but not in firefox... anyone know?