errors with page margins

[new2css]

Hi. I have an account with weebly.com an online webpage editor similar to wordpress. When I was editing something went terribly wrong with the page margins click here

It appears to have messed all my pages so I'm thinking it's an error in the css stylesheet.

Here's the style sheet text

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,bl ockquote,fieldset,input{
margin:0;
padding:0;
}
ul{
list-style:none;
}
fieldset{
border:0;
}
a img{
border:0;
}
.clear{
clear:both;
}

body {
background: #0c2335;
font-family: arial, sans-serif;
font-size:12px;
color:#666666;
margin:0;
padding:0;
}
a{
color: #4fc1e1;
text-decoration: none;
}
p {
line-height: 170%;
color: #fff;
font-size: 13px;
padding: 5px 0px 5px 0px;
}
h1 {
font-size:15px;
font-weight:bold;
color:#fff;
line-height:1.5;
padding: 5px 0px 5px 0px;
}
h2 {
font-family: arial, sans-serif;
font-size:15px;
color:#cecece;
line-height:1.5;
padding: 5px 0px 5px 0px;
}
#wrapper {
width:860px;
margin:0pt auto;
}

#navigation{
width: 960px;
height: 110px;
text-align: right;
}

.title{
font-family: Helvetica;
padding: 35px 0px 0px 0px;
font-size: 30px;
color: #fff;
float: left;
margin-right:20px;
}

#navigation ul{
display: inline;
position: relative;
top: 55px;
}

#navigation li{
display: inline;
}

#navigation li a{
display: inline-block;
white-space: nowrap;
height: 46px;
color: #fff;
padding: 9px 16px 0px 16px;
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

#navigation li a:hover{
color: #fff;
padding: 9px 15px 0px 16px;
border-right: 1px solid #11324d;
background: #00b6e4;
text-decoration: none;
}

#navigation li#active a{
padding: 9px 15px 0px 16px;
border-right: 1px solid #11324d;
background: #00b6e4;
}

#header{
width: 960px;
height: 290px;
border-top: 4px solid #4fc1e1;
}

.weebly_header{
background: url(%%HEADERIMG%%) no-repeat;
}


#weebly-menus .weebly-menu-wrap { z-index: 5000; margin: 4px 0px 0px 0px;}
#weebly-menus .weebly-menu { padding: 0; margin: 0; list-style: none; }
#weebly-menus .weebly-menu li { float: left; clear: left; width: 163px; text-align: left; }
#weebly-menus .weebly-menu li a { position: relative; display: block; width: 100%; background: #9fe8fa; border-top: none; border-bottom: 1px solid #59D7F7; border-right: none; border-left: none; text-decoration: none; font-size: 12px; font-weight: normal; line-height:1; padding: 8px 6px 8px 12px; color: #333333; }
#weebly-menus .weebly-menu li a:hover { background: #4fc1e1; color: #fff; font-weight: bold; }

#content{
width: 890px;
height:auto !important;
min-height:400px;
padding: 25px 35px 35px 35px;
margin: 0px 0px 17px 0px;
background-image: url(http://www.fileden.com/files/2011/8/5/3178431//bg3.jpg

); background-repeat: repeat;}


#content a{
color: #fff;
font-weight: bold;
text-decoration: none;
}

#footercontainer{
width: 950px;
clear: both;
background: #11324d;
padding: 5px;
margin: 0px 0px 20px 0px;
}

#footer{
width: 898px;
color: #ffffff;
font-size: 14px;
font-weight: bold;
text-align: right;
border: 1px solid #16456b;
padding: 25px;
}


Does anyone know where the error is?

I really need to get this fixed and I don't want to have to redo the entire website

Thanks for your time.

Mark

[chrishirst]

Please use [code] or [html] delimiters for code blocks NOT bold so it is readable.

[new2css]

My apologies for the cross posting and bold font.

Here's the code for my home page.

html click here

css stylesheet click here