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 (http://www.christislife.weebly.com)

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 (http://www.filetolink.com/2c5034ce)

css stylesheet click here (http://www.filetolink.com/410f482e)