help with top & bottom links on page... Options

[kiLLah-kahr0n]

I been trying to make the links on the top and bottom to not be cramped all together. I want them just straight across but it just wont do what i want it to do lol HELP pleaseee =]

heres a screen shot of it

click to enlarge

heres my layout code

CODE

<style>table, tr, td, .userprofileurl div{height:0%; border:0px!important; padding:0px!important; background-color:transparent;}

body{background-color:333333; background-image: url(http://img.photobucket.com/albums/v325/shaz_babii_qrL/ImageA.jpg); background-attachment:fixed; background-repeat:repeat; text-align:center;}

table table{border:1px solid!important; border-color:FF3399; background-color:White; background-image: url(http://img.photobucket.com/albums/v325/shaz_babii_qrL/Image2.jpg); background-repeat:repeat; background-attachment:fixed;}

table, tr, td, body, marquee {cursor:default!important;}

table table table{background-color:000000! important; width:100%; border:1px solid!important; border-color:000000 !important; padding:0px!important; background-image:none;}

tr, td, div, font, strong, li, table, b, u, i{font-family:tahoma!important; font-size:10px!important; font-weight:normal!important; text-decoration:none!important; line-height:10px!important; text-transform:normal!important; color:00CCFF!important;}

.nametext{font-family:century gothic;color:CCFF66;font-size:29px;letter-spacing:-2px;text-align:center;font-weight:normal;display:block; background-color: transparent;border-bottom-width: 2px;border-bottom-color:CC66FF;border-bottom-style:dashed;line-height: 30px;text-transform: lowercase; }

.text {color:CC66FF; font-family:tahoma; font-size: 10pt; text-decoration:none; text-transform: normal;line-height: 12px; letter-spacing:1px}

.lightbluetext8 {font-family:tahoma;font-size:11px; border:1px solid;border-color:CC66FF;font-weight:normal;color:000000;text-transform:uppercase;background-color:CCFF66; display:block;text-align:left;}

.btext, .latestblogentry br, .redtext, div td form, .text .text b,
table table td.text table td.text table table tbody td table, table div div, .whitetext12, .navigationbar span{display:visible;}

.blacktext10{ border:1px solid;border-color:CCFF66;color:000000;font-size: 10pt;font-family:tahoma;line-height: 12px;letter-spacing:1px; font-weight: normal;text-decoration: none;text-transform: lowercase;background-color:FF3399;display:block; }

.orangetext15{ text-transform:normal; border:0px solid;border-color: ;color:000000;font-size: 10pt;font-family:tahoma;line-height: 11px;letter-spacing:1px; font-weight: normal;text-decoration: none; visibility:; background-color:000000;display:block; }

.blacktext12{ border:0px solid;border-color:EF3BA1;background-color:transparent; color:000000;font-size: 11pt;font-family:tahoma;line-height: 11px;letter-spacing:px; font-weight: normal;text-decoration: none;text-transform: lowercase;display:block; }

.navbar{visibility:visible;}
</style>
<style>

.btext{ color: 00CCFF;font-size: 10pt;font-family:tahoma;line-height: 11px;letter-spacing:pxcolor: ;font-weight: bold;text-decoration: none;text-transform: normal; }

table{width:400px;}

td{text-align:center;}

.whitetext12 {font-family:tahoma; color:000000; font-size:10px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.btext {font-family:tahoma; color:FF3399; font-size:11px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.redtext {font-family:tahoma; color:CC66FF; font-size:10px; text-transform:normal; text-decoration:none; font-weight:normal; line-height:10px;}

.redbtext {font-family:tahoma; color:CCFF66; font-size:12px; text-transform:bold; text-decoration:none; font-weight:normal; line-height:10px;}

u {font-family:tahoma;font-size: 10px;line-height: 9px; letter-spacing:1px;font-weight:normal;color:FF3399;text-decoration: none; text-transform:lowercase;border-bottom-color:CCFF66; border-bottom-width: 2px; border-bottom-style: double;}

table table table table, table table table td{border:0px!important; padding:0px!important;}

.blurbs table{width:300px;}

table table td{padding:2px!important;}

table table table td{text-align:center;}

div table{background-color:transparent; border:0px!important; background-image:none!important;}

body, td, li, p, div, p, br{color:00CCFF; font-family:tahoma; font-size: 10pt; font-weight: normal;text-decoration:normal; line-height: 10px; letter-spacing:1px;}

a {color: CCFF66!important;font-family:tahoma!important; font-size:11px!important; font-weight:normal!important;}
a:hover{font-family:tahoma!important; font-size:11px!important; font-weight:normal!important; text-decoration:none!important; line-height:10px!important; text-transform:none!important; letter-spacing:0px!important; color:FF3399!important;}

div td font{visibility:visible;}

a.navbar{font-family:arial; font-size:10pt; color:FF3399; font-weight:none; padding:2px; background-color:00CCFF; border:1px solid white;}
a.navbar:link{font-family:arial; font-size:10pt; color:FF3399; font-weight:none; padding:2px; background-color:00CCFF; border:1px solid white;}
a.navbar:active{font-family:arial; font-size:10pt; color:FF3399; font-weight:none; padding:2px; background-color:00CCFF; border:1px solid white; }
a.navbar:visited{font-family:arial; font-size:10pt; color:FF3399; font-weight:none; padding:2px; background-color:00CCFF; border:1px solid white;}
a.navbar:hover{font-family:arial; font-size:10pt; color:FF3399; font-weight:none; padding:2px; background-color:00CCFF; border:1px solid white; text-transform: uppercase;}

<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url(http://img.photobucket.com/albums/v325/shaz_babii_qrL/Image3.jpg);
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:415px; height:298px; display:block !important; }
span.blacktext12 img {display:none;}
</style>

Reason for edit: Image fixed. - Cristy