Ok, I have *some* questions for people out there who are better at making layouts than me.
1) How can I get my content to look as neat as this:
http://img512.imageshack.us/img512/3441/laysfy9.png
Having both sides nice and straight? Is it something I need to alter in my table or this there simply a code I need to add?
2) I know my coding is not the prettiest thing around, but here is my style sheet (I have a snaky feeling most of it serves no purpose):
body {
background-color : #000000;
background-position : center 0%;
background-attachment : scroll;
font-family: arial;
color: #3dac8b;
font-size: 12pt;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
padding-right : 0;
}
h3 {font-family: YouMurderer BB; color: #8c1b1d; }
A:link
{ text-decoration: none; color: #906CB4;
}
A:active
{ text-decoration: none; color: #906CB4;
}
A:visited
{ text-decoration: none; color: #906CB4;
}
A:hover
{ text-decoration: none; color: #8c1b1d;
}
A:active
{ text-decoration: none; color: #906CB4;
}
#header {
margin : 0;
padding-left : 0;
height : 0;
}
#left {
position : absolute;
left : 30px;
top : 559px;
width : 200px;
}
#center {
top : 0;
margin-left : 230px;
margin-right : 15px;
}
#sidehead {
display : block;
background-color : #8c1b1d;
color : #000000;
font-size : 12pt;
font-weight : bold;
text-align : center;
line-height : 18px;
margin-bottom : 5px;
margin-top : 5px;
}
table, tr, td {
background-color : #000000;
color : #3dac8b;
font-size : 8pt;
font-family : arial;
text-align : center;
letter-spacing : 0;
}
I'm having trouble with my <h3></h3> text. The text is appearing but there is no line underneath it and I don't know how to fix that.
That's about it for now, but I'm sure there will be plenty more.
To say I don't really know what I'm doing, is probably being kind. 
I'm not sure really what part of my coding as made <h3> not work.
