Help! I cannot get the margin right at the top of this page! I need the main column to be nearer to the top of the page, the way it is aligned at the bottom.

The Page is here- http://www.redplanet.cwc.net

Here is the css-

body {
margin:0px auto;
margin-top:-20px;
padding-top:0px;
margin-bottom:17px;
background-image: url(back2.jpg);
background-repeat:repeat;
background-position:center;
background-color:;
color:#;
}
}
.Content {
margin:55px 60px 15px 68px;
padding-top:2px;
padding-left: 20px;
padding-bottom:5px;
color:#000000;
background-color:#fefefc;
border:1px solid #cccccc;
}
p {
font-size:11px;
line-height:18px;
font-family:verdana, arial, helvetica, sans-serif;
text-align:left;
min-width:500px;margin:5px 0px 14px 0px;
padding-right:18px;
width:100%;
voice-family: "\"}\"";
voice-family: inherit;
width:auto;
}
#Content>p {position:absolute;
margin:0px;}
#Content>p+p {position:absolute;
text-indent:30px;}
a {
color:#ff6600;
font-size:11px;
text-decoration:none;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:900;
}
a:link {color:#ff6600;
font-size:11px;font-family:verdana, arial, helvetica, sans-serif;
font-weight:900;}
a:visited {color:#ff8533;}
a:hover {color:#000000;}
h1 {
color:#000000;
font-family: verdana, arial, helvetica, sans-serif;
font-size:11px;
}
h2 {
color:#000000;
font-family: verdana, arial, helvetica, sans-serif;
font-size:12px;
font-weight:700;
margin:18px 0px 3px 0px;
}
h3 {
color:#000000;
font-size:11px;
font-weight:800;
margin:6px 0px 3px 0px;
}
p.footer {



color: #d3d7b0;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 9px;

line-height:12px;



font-weight: normal;

text-align: center;

padding: px 0 0 0;

}

I know the css is wacky, and there is loads of mistakes, but I utilised it from old css. How do I get the main column more flush to the top?


thanks, Paula