Can Someone Edit This Div Layout For Me?

I’m not sure how to edit this correctly, the only part i know how to do is the friend id part.If someone could edit this for me, I would be really grateful! Here is the CSS code:

tr, td table table, table table table table, table, { height:0px; border:0px;}
table table table table, table table table table td.text, td.text td.text table { display:none;}
td.text table table { display:inline; visibility:visible;}
table td table tr td.text table { visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text { visibility:visible;}
table, tr, td { background-color: transparent; border: 0px; }
td td td td { border:0px; width:0px; text-align:left;}
a.text { visibility:hidden; height:0px; }
table div font a { visibility:hidden; height:0px; }
table div div { visibility:hidden; height:0px; }
.navbar font { visibility:hidden; height:0px; }
tr td font { visibility:hidden; height:0px; }
body {
scrollbar-face-color:2e2e2e;
scrollbar-shadow-color:060606;
scrollbar-highlight-color:060606;
scrollbar-3dlight-color:060606;
scrollbar-darkshadow-color:060606;
scrollbar-track-color:060606;
scrollbar-arrow-color:ffffff;
background-image: url(http://i128.photobucket.com/albums/p165/charmroyal/layouts/div/14/bg.png); background-attachment: fixed; background-position: bottom left; background-repeat:repeat; background-color:C6B987;}
table table table {width:100%; padding:0; background-color:transparent;}
b { font-size:11; color: E31563; }
i { font-family:georgia; color: 4F1865; }
u { color: A12921; }
strong
{ font-family:georgia; color: 5EA7B0; text-transform:none; font-weight: normal; letter-spacing:-2pt; font-size:24; line-height:15px; }
table, tr, td, li, p, div, .text
{ font-family:arial; font-size:11; letter-spacing: 0pt; color:ffffff; text-transform: none; font-weight: normal; line-height: 12px;}
.whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext, .contacttable
{display:none;height:0px;visibility:hi…
a:active, a:visited, a:link
{ font-family:tahoma; color:ffffff; text-decoration:none;}
a:hover
{ font-family:tahoma; color:273A57; text-decoration:none; }
a.navbar:active, a.navbar:visited, a.navbar:link
{ font-family:century gothic; font-size:9; color:ffffff; font-weight:normal; text-decoration:none; }
a.navbar:hover
{ font-family:century gothic; font-size:9; color:000000; font-weight:normal; text-decoration:none; }
a.toplinks:active, a.toplinks:visited, a.toplinks:link
{text-transform: lowercase; font-weight: bold; font-family: arial; font-size: 11px; color:ffffff; line-height:16px; text-align: left; padding-left: 5px; }
a.toplinks:hover
{text-transform: lowercase; font-weight: bold; font-family: arial; font-size: 11px; color:F5F8F7; line-height:16px; text-align: left; padding-left: 5px; }
input, textarea
{ color:000000; background:ffffff; font-family:tahoma; font-size:9; text-align:left; border: 1px solid; border-color:919191; }
.layout
{ position: absolute; left: 50%; margin-left: -320px; top: 220px; z-index:1;
}
.main
{ position: absolute; left: 27.7%; top: 507px; z-index:1; width: 642px; height:319; overflow:auto;
color:ffffff; background-color:transparent; font-family:tahoma; font-size:11; text-align:justify;
scrollbar-face-color:481162;
scrollbar-shadow-color:060606;
scrollbar-highlight-color:060606;
scrollbar-3dlight-color:060606;
scrollbar-darkshadow-color:060606;
scrollbar-track-color:060606;
scrollbar-arrow-color:ffffff;
}
.top
{ position: absolute; left: 50%; margin-left: -105px; top: 483px; z-index:1; width: 640px; height:17; overflow:auto; margin-bottom: 30px;
color:000000; background-color:transparent; font-family:tahoma; font-size:11; text-align:justify;
}

.navigationBar{margin-top:-10px…