Unhide Friends + Less Clutter Help Options

[Cougar]

I been making my profile, I like it the way it is now but I want to unhide my top friends. I read another thread about this in this forum but I couldn't find the code he was told to take out in mine.

Here is my code:

CODE

<style type="text/css">
textarea.skem9box {width:300px;
height:40px;color:black;background-color:white;border-color:000000;
border-style:solid; border-width:1px;}
input.skem9sub {width:400px;
color:black; text-transform:none; font-family:verdana; font-weight:normal;
background-color:white;border-color:000000; border-style:solid;
border-width:0px;}
.r{}
a:link { text-decoration: none; color: 000000; font size: 8pt; cursor: default;}
a:visited { text-decoration: none; color: 000000; font size: 8pt; cursor: default;}
a:active { text-decoration: none; color: 000000; font size: 8pt; cursor: default;}
a:hover { text-decoration: none; color: 000000; font size: 8pt;}
body, td, font, div, p {
font-family: verdana;
letter-spacing: 1pt;
text-transform: lowercase;
line-height: auto;
}
b. {color: 000000;}
td.caption {
font-size: 8pt;
}
.index {
font-size: 8pt;
}
td div {
font-size: 8pt;
}
table table table table td.meta {
font-size: 8pt;
}
p .index {
font-size: 8pt;
}
p table table td.caption {
font-size: 8pt;
}
td {
font-size: 8pt;
}
table table table td.meta {
font-size: 8pt;
}
table, td {}
body {background-color:;
background-image:url();
background-repeat:repeat;
background-position: center;
background-attachment: fixed;
background-color:;
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:ffffff; }
font, td, a, body, input, textarea, table{font-family:verdana;}
body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:verdana; font-size: 10px; }
.btext {display:none }
.blacktext10 {font-family:verdana; font-size:10px;letter-spacing: 0px; text-transform:lowercase }
.blacktext12 {font-family:verdana; font-size: 10px; letter-spacing: 0px; text-transform:lowercase}
.lightbluetext8 {font-family:verdana; font-size: 10px;letter-spacing: 0px; text-transform:lowercase }
.nametext {font-family:verdana; font-size: 40pt; letter-spacing:-3pt; font-weight:normal; }
.orangetext15 {display:none}
.redbtext {font-family:verdana; font-size: 10px;letter-spacing: 0px; text-transform:lowercase }
.text {font-family:verdana; font-size:10px;letter-spacing:0px; text-transform:lowercase }
.whitetext12 {font-family:verdana; font-size: 8pt;letter-spacing: 1px; text-transform:lowercase }
a:link {font-family:verdana; font-size:10px; letter-spacing: 0px; text-transform:lowercase}
a:hover {font-family:verdana; font-size: 10px;letter-spacing: 0px; text-transform:lowercase }
a:visited {font-family:verdana; font-size: 10px;letter-spacing: 0px; text-transform:lowercase }
.hidethem {visibility:hidden; display:none;}
.contacttable {display:visible;}
tr {background:transparent;}
..
body table table div font a, body table table div div {visibility:visible;}
.blacktext12 {visibility:hidden; display:none;}
table table table[height="75"]{visibility:visible; display:none;}
div td font {visibility:visible;}
.navbar {visibility:visible;}
.a { hide friends and comments }
.friendsandcomments {display:visible;}
.a { unhide edit link and submit button }
table table table table table div {display:block !important;}
a .text
{
font-weight: bold;
font-family: verdana;
}
body, html {visibility:visible !important; display:block !important}
.nametext {  color:000000; font-size:25px;     }
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
.orangetext15{visibility:visible; display:none;}
.lightbluetext8{visibility:visible; display:none;}
a .text
{
font-weight: bold;
font-family: verdana;
}
body, html {visibility:visible !important; display:block !important}
</style>

<style type="text/css">a.text, table div font a, table div div {visibility:hidden;}</style>


<style type="text/css">div table td font {display: none;}</style>



<style type="text/css">div td font {visibility:hidden;}.navbar {visibility:visible;}</style



<style> table, td {background-color:transparent; border:none; border-width:;} body{background-image:

url(http://www.users.on.net/~busterau/Random%20Shit/jessica-alba-1600x1200-21076.jpg); background-attachment: fixed; background-position: top center; background-repeat: no-repeat; background-color:000000; scrollbar-arrow-color: D4D4FB; scrollbar-track-color: FFFFFF; scrollbar-shadow-color: FFFFFF; scrollbar-face-color: FFFFFF; scrollbar-highlight-color: ffffff; scrollbar-darkshadow-color: FFFFFF; scrollbar-3dlight-color: FFFFFF; } table table table {border: 1px solid; border-color: 000000; padding:0; background-color:99CC00; background-image:url(); background-attachment: fixed; background-position: bottom left; background-repeat: repeat;} table tbody td table tbody tr td.text table{background-color:0066CC; background-image:url(); background-attachment: fixed; background-position: bottom left; background-repeat: repeat;} table table{border:0px;} table table table table{border:1px;} font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family: verdana; color: 000000; line-height: 10px; font-size:10px; text-transform:lowercase; letter- spacing:0px;} textarea, input {font-family: verdana; font-size: 10px; color: 000000; text-transform: uppercase; letter-spacing:0px; background-color: transparent; border:0px solid black;cursor:crosshair;} .btext {font-family: verdana; font-size: 10px; color: 000000; line-height: 10px; letter- spacing: 0px; font-weight: normal; text-transform: lowercase; display:none;} .blacktext10 {font-verdana: verdana; font-size: 10px;color: 000000; line-height: 10px; letter- spacing: 0px; font-weight: normal; text-transform: lowercase; display:none;} .blacktext12 {font-family: verdana; font-size: 10px; color: 000000; line-height: 10px; letter -spacing: 0px; font-weight: normal; text-transform: lowercase;} .lightbluetext8 {font-family: verdana; font-size: 10px; color: 000000; line-height: 10px; font-weight: normal;text-transform:lowercase;letter-spacing:0px;} .nametext {font-family: Trebuchet MS; color: 000000; line-height: 17px; font-size:16px; text- transform:lowercase; text-align:center; letter-spacing:0px;} .orangetext15 {display:none;} .redbtext, .redtext {font-family: verdana; font-size: 10px; color: 000000; line-height: 10px; font-weight: normal;text-transform:lowercase;letter-spacing:0px;} .text {font-family: verdana; font-size: 10px; color: 000000; line-height: 10px; font-weight: normal;text-transform:lowercase;letter-spacing:0px;} .whitetext12 {font-family: verdana; font-size: 10px; color: 000000; line-height: 10px; letter -spacing: 0px; font-weight: normal; text-transform: lowercase;} a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 7px; color:FFFFFF; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; line-height: 10px; background-color: transparent;} a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family: verdana; font-size: 10px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: lowercase; line-height: 10px; background-color: transparent;} a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family: verdana; font-size: 10px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing: -1px; text-transform: lowercase; line-height: 10px; background-color: transparent;} a:hover img { filter: progid:DXImageTransform.Microsoft.Pixelate (maxsquare=4); } b, stong {font-weight:bold;font-size:10px;line-height:10px;text-transform:lowercase; background- color: none; color: ffffff;letter-spacing:0px;font-family:verdana;} img { filter:none; border:0px;} a:link img { filter: none; border:0px solid black;} body {cursor:;} a:hover {cursor: crosshair;} TD TD {text-align: center;} TD TD TD {text-align: center;} TD TD TD TD {border-top: 0px solid; width: 1%; text-align:center;} TD TD TD TD TD {border-top: 0px solid black; text-align:center;} TD TD TD TD TD TD {border: 0px solid;} TABLE, TD {padding: 0px; text-transform: lowercase; width:350px;} TABLE TABLE {padding: 0px; text-transform: lowercase;} TABLE TABLE TABLE {padding: 1px; text-transform: lowercase;height: .01%; width: 100%;} TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;} TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;} TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;} table td div div font {visibility:hidden;display:none;} table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} table table td.text table td.text table table tbody td table, span.btext {display: none ! important} p {align=justify} BODY{cursor: url(http://content.cometsystems.com/czcontent/cursors/tinyh.cur);} a {cursor: url(http://content.cometsystems.com/czcontent/cursors/tinyh.cur);} .lightbluetext8 {display:none;} table table table table td {width:0px;} .contactTable td, table table td.text table td, table table table table table td {width:auto;}</style>


<style type="text/css">
C{ This contact table code was generated at http://r4wr.com/ct }
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url(http://c.myspace.com/Groups/00010/34/84/10214843_l.gif);
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:105px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {display:none;}C{ Original Coding by Mrk - BBZ - www.myspace.com/contacttables }
</style>

It's bloody huge and cluttered.
Can someone go through and remove the crap in there that is doing nothing but wasting loading time please.
Also I want to make the nav bar at the top of the page visible.

Thanks in advance!