tables and div hidden >:o, i wanrt them visible Options

[xsnowx]

okay so i notice that i have tables on my page that i want to be shown and they hidden. all the ones on the interests section are visible but the ones on my about me are not.. how can i change this so that i am able to view these tables and not affect the hidden components that i am trying to hide like the school, info, and all the bottom links/ comments/friends.

[xsnowx]

What i have on the bottom of Whom Id Like to Meet:

CODE

<style type="text/css">
body {
  background-color:036e79;
}

.bbzs2 {content:"Table and Section Properties";}
table, tr, td {background:transparent; border:0px;}
table table table {background-color:ffffff;}
table table table {width:200px;}
td.text table, td.text table td {width:400px; padding:0px;}
td.text table table table table,
td.text table table table table td {width:20px;}

.bbzs3 {content:"Text and Link Properties";}
input {background-color:transparent !important;}
td, span, div, input, textarea, a, table td div div font,
div table tr td font {font-family:georgia !important;}
td, span, div, input, textarea, table td div div font,div table tr td font {color:000000 !important; font-size:7pt !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {color:000000 !important; font-size:7pt !important;}
a {color:000000 !important; font-size:7pt !important;text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}
a:hover {color:00000 !important; text-decoration:none !important; text-transform:none !important; font-weight:normal !important; font-style:normal !important;}

.bbzs4 {content:"Other Properties";}

.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
. {hiding the copyright}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}</style>
<style>
body, textarea, div {
scrollbar-face-color:ffffff;
scrollbar-highlight-color:ffffff;
scrollbar-3dlight-color:000000;
scrollbar-shadow-color:ffffff;
scrollbar-darkshadow-color:000000;
scrollbar-arrow-color:000000;
scrollbar-track-color:036e79;}


</style>
<style type="text/css">
.navbardiv {
padding-top:4px;
position:absolute;
z-index:8;
width:400px;
height:22px;
left:50%;
top:17px;
margin-left:-400px;
margin-top:127px;
text-align:center;
background-color:transparent;
color:transparent;}

a.navbar:link, a.navbar:visited,
a.navbar:active, a.navbar:hover {
color:000000;
text-decoration:none;
filter:none;
}
* html .navbardiv { height:25px; }
div table table tr td font {visibility:visible;}
div table table table tr td font {visibility:hidden;}
a.navbar span { display:none; }
a.navbar:hover span {
position:absolute;
top: 25px;
left:0px;
width: 800px;
height:10px;
z-index:8;
color:ffffff;
background-color:transparent;
filter:none;
text-align:;
text-decoration:none;
display: block; }

i{
text-decoration:none;
color:C0D4DF;
font-size:13pt
}

b{
font-family:arial;
font-size:12pt;
letter-spacing:none;
font-weight:bold;
text-transform:lowercase;
color:036e79;

}

u{
font-family:georgia;
font-size:12px;
font-weight:normal;
border-bottom:2px solid;
color:036e79;
text-transform:lowercase;
}

h2{font-family:arial; font-size:14pt; letter-spacing:-.5px; text-transform:lowercase;}
</style>


<style type=text/css>

.bbzc1 {content:"remove and hide things";}
table table table table td.text {
font-size:0px; letter-spacing:-5px; text-align:center;}
table table table,
table table table table td,
table table table td.text {width:0px; padding:0px;}
td.text div, td.text img {display:none;}

.bbzc2 {content:"align and recover other tables";}
td.text td img, td.text a img,
.contactTable img {display:inline;}
.nametext {display:block; text-align:center;}
table table table table td {text-align:center;}
.bbzc3 {content:"fixed width of left and right columns";}
.contacttable, .contacttable table,
table table table table {width:300px !important;}
table table td.text table {width:400px !important;}
table table td.text table td {width:400px !important;}
table table td.text table table table {width:200px !important; padding:5px !important}
table table td.text table table table td {width:100% !important;}
</style>

</td></tr></table>
</td></tr></table>
</td></tr></table>
</div>
<table><tr><td>


<style>
.a { hide friends and comments }
.friendsAndComments {display:none;}
.a { unhide edit link and submit button }
table table table table table div {display:block !important;}
</style>
</td></tr></table>
</td></tr></table>
<div class="friendsAndComments">
<table><tr><td>
<table><tr><td>



</div> <style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>

[/u]What i have at the end of the heroes section

CODE

</td></tr>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td>
<div class="hidethem"><table><tr><td><table><tr><td>