my table alignments are off Options

[babirhythm]

for some reason my tables aren't aligned in the center and my top navigation won't hide(that's why its long) .. am i leaving something out?

here's my myspace
and the code

<!-- begin code provided by createblog.com --><br /><br /><style>div div table tr td a.navbar, div div table tr td font {display: none;}</style><br /><style type="text/css"><br />table td div div font {visibility:hidden;}<br /></style><br /><style type="text/css">.lastlogin {visibility:hidden;}<style><style><br />.r{}<br />body{<br />padding-left: 200px;<br />background-image: url("BACKGROUND HERE");<br />    background-attachment:fixed;<br />    background-repeat: repeat;<br />    background-position:bottom left;<br />    background-color:7D7D7D; }<br /></style><style type="text/css"><br />body {<br />  background: 7D7D7D;<br />  scrollbar-arrow-color: FFF9C5;<br />  scrollbar-track-color: 7d7d7d;<br />  scrollbar-shadow-color: 7D7D7D;<br />  scrollbar-face-color: 7D7D7D;<br />  scrollbar-highlight-color: 7D7D7D;<br />  scrollbar-darkshadow-color: 7D7D7D;<br />  scrollbar-3dlight-color: 7D7D7D;<br />  border: none;<br />  font-family: terminal;<br />  font-size: 8pt;<br />  color: black;<br />  line-height: 5px;<br />  padding-left: 3px;<br />  padding-right: 3px;<br />  cursor: crosshair;<br />  text-transform: uppercase;<br />  text-align: none;<br />  }<br /><br />table, tr, td {<br />  background-color: 7D7D7D;<br />  border: 0px;<br />  }<br />  <br />table table table {<br />  background-color: B7C3D0;<br />  }<br /><br />table table table td {<br />  background-color: B7C3D0;<br />  }<br />  <br />table table table table {<br />  border: 0px;<br />  }<br /><br />table table table table td {<br />  filter: none;<br />  }<br /><br />input, select, textarea, .textfield, .button {<br />  font-family: terminal;<br />  font-size: 8pt;<br />  color: black;<br />  border: 41342C 1px solid;<br />  background-color: transparent;<br />  text-align: center;<br />  padding-left: 3px;<br />  padding-right: 3px;<br />  }<br /><br /><!-- end code provided by createblog.com -->

[Jane Doe.]

okay, well first of all, you only need one set of style tags..
I took out some codes I suspect might have caused the problems, I also cleaned up your codes..

CODE

<style type="text/css">
div div table tr td a.navbar, div div table tr td font {display: none;}

table td div div font {visibility:hidden;}

.lastlogin {visibility:hidden;}

body {
 background-color: 7D7D7D;
 scrollbar-arrow-color: FFF9C5;
 scrollbar-track-color: 7d7d7d;
 scrollbar-shadow-color: 7D7D7D;
 scrollbar-face-color: 7D7D7D;
 scrollbar-highlight-color: 7D7D7D;
 scrollbar-darkshadow-color: 7D7D7D;
 scrollbar-3dlight-color: 7D7D7D;
 border: none;
 font-family: terminal;
 font-size: 8pt;
 color: black;
 line-height: 5px;
 cursor: crosshair;
 text-transform: uppercase;
 text-align: none;
 }

table, tr, td {
 background-color: 7D7D7D;
 border: 0px;
 }
 
table table table {
 background-color: B7C3D0;
 }

table table table td {
 background-color: B7C3D0;
 }
 
table table table table {
 border: 0px;
 }

table table table table td {
 filter: none;
 }

input, select, textarea, .textfield, .button {
 font-family: terminal;
 font-size: 8pt;
 color: black;
 border: 41342C 1px solid;
 background-color: transparent;
 text-align: center;
 }
</style>