Background Color Won’t Change Please Help!!

I have looked all over and I found what should work but it is not can someone please take a look and tell me what I am doing wrong..I wont to change the background White to blue..I am using the magicblue 1.2 template and here is the style sheet and the link to the site..
Thanks for any help you can provide..

http://sapphirestimulussystem.com/

/*
Theme Name: magicblue
Theme URI: http://www.blogchemistry.com/2008/09/13/free-wordpress-theme-magicblue/
Description: 2 column, with RHS widget sidebar
Version: 1.2
Tags: fixed width, two columns, widget ready, white, blue
Author: BlogChemistry
Author URI: http://www.blogchemistry.com/
*/

body {
margin: 0;
padding: 0;
color: #333;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.1%;
background: #777;
}

#wrapper{
width: 760px;
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 78%;
line-height:18px;
background: #fff;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}

#wrapper2{
background: #fff;

}

#superheader{
padding: 0;
margin: 0;
height: 13px;
}

#header{
padding: 0 0 0px 0;
height: 205px;
margin: 0 0 0px 0;
border-bottom:2px solid #fff;
}

#content{
clear:both;
padding: 0;
margin: 15px 10px;
}

#main {
width: 530px;
float:left;
margin: 0;
padding: 0 0 10px 0px;
overflow:hidden;
}

#sidebar {
padding: 0;
margin: 0px 0px 0px 540px;
}

#footer {
clear: both;
margin: 0;
padding: 10px 16px 0 16px;
text-align: center;
font-size: 85%;
background: #fff;
}

#footer-inner{
background: #F0F9FF;
height: 45px;
border-top: 1px solid #8CD1FD;
border-bottom: 1px solid #8CD1FD;
}

#footer-inner p{
padding:15px 0 20px 0;
margin:0;
}

#navigation{
padding: 5px 15px;

}

#navigation div.fleft{
float:left;
}

#navigation div.fright{
float:right;
}

#credit{
text-align:right;
font-size: 80%;
}

#credit p{
margin: 0px 10px;
padding: 3px;
}
#credit p a{
color: #777;
font-weight:100;
}
#credit p a:hover{
color: #777;
}

#subscribe{
text-align:center;
}

#subscribe p{
margin: 5px 0;
}

/* ********** default styles *********** */

p, h1, h2, h3, h4, h5, h6{
margin: 10px 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: ‘Lucida Sans Unicode’, ‘Lucida Sans’, sans-serif;
}

h1{
font-size: 190%;
}
h2{
font-size: 160%;
}
h3{
font-size: 120%;
}
h4{
font-size: 110%;
}
h5{
font-size: 100%;
}
h6{
font-size: 90%;
}

a{
color:#00538A;
font-weight:800;
text-decoration:none;
}
a:hover{
color:#00538A;
text-decoration:underline;
}

a img{
border:0px;
}

hr{
height:2px;
margin:5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

blockquote{
background: #EBF7FF;
padding: 5px 15px;
margin: 3px 30px;
border-left: 4px solid #8CD1FD;
border-top: 1px solid #EBF7FF;
border-right: 1px solid #EBF7FF;
border-bottom: 1px solid #EBF7FF;

}

form{
margin: 0;
padding:0;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

code{
font-size: 90%;
font-family: “Courier New”, Courier, monospace;
white-space: pre;
}

td{
vertical-align:top;
}

#tabs{
padding: 0;
background:black;
}

#tabs ul{
margin: 0;
padding:3px 0;
list-style-type:none;

}

#tabs ul li{
margin: 10px 0 3px 15px;
padding: 6px 15px 6px 0px;
display:inline;
border-right: 2px solid #fff;
font-size: 90%;
font-family: Tahoma, Arial, sans-serif;
}

#tabs ul li a{
color: white;
}

#tabs ul li a:hover{
color:#A1E7FD;
text-decoration:none;
}

/* Headings */

form#searchform2{
display: block;
margin: 3px 0px;
}

#header h3{
margin: 0;
padding: 15px 0 0 15px;
font-weight:800;
font-size: 200%;
}

#header h3 a{
font-weight:100;
color: white;
text-decoration: none;
}

#header h2{
margin: 0;
font-family: Tahoma, Arial, Verdana, sans-serif;
letter-spacing:1px;
padding: 10px 0 5px 17px;
font-weight:800;
color: white;
font-size: 90%;
}

h2#sectiontitle{
font-size:150%;
font-weight: 100;
padding:6px 6px 6px 10px;
margin:8px 10px 5px 0px;
color: #444;
border-top: 1px solid #8CD1FD;
background:#EBF7FF;
}

/* post styles */

.post{
margin: 0 0 10px 0;
padding: 5px;
}

.entry{
margin: 0;
padding: 5px 10px 8px 10px;
}

.post h2 {
color: black;
font-size: 150%;
font-weight:100;
padding: 2px 0 4px 2px;
margin: 0 0 15px 0;
}

.post h2 a{
color: black;
text-decoration:none;
font-weight:100;
}

.post h2 a:hover{
text-decoration:none;
color: black;
}

.postmetadata{
font-size:80%;
border-top: 1px solid #8CD1FD;
background:#EBF7FF;
padding: 1px 0 1px 5px;
margin: 0 5px;
}

.postmetadata p{
line-height: 15px;
padding: 0;
margin: 3px 0;
}

/* Comments */

h3#comments, h3#postcomment{
font-size: 100%;
font-family:verdana, sans-serif;
}

ol#commentlist{
padding: 0 0 0 20px;
font-size: 90%;
list-style-type:none;
}

ol#commentlist li{
padding: 2px 10px;
margin: 0;
}

ol#commentlist li p.commentheader{
margin: 3px 0 0px 0;
padding: 1px 5px;
}

ul#commentlist{
padding: 0;
margin:0;
list-style-type:none;
}

ul#commentlist li{
display: block;
padding: 0;
margin: 0 15px;
font-size:90%;
border: 4px solid white;
}

ul#commentlist li div.gravatar {
width:40px;
float:left;
text-align: center;
padding: 5px 0 0 5px;
}

ul#commentlist li div.gravatar img{
border: 2px solid #ddd;
}

ul#commentlist li p.commentauthor {
padding: 0;
margin: 0 0 2px 0;
overflow:hidden;
}

ul#commentlist li p.commentheader{
margin: 0 0 10px 0;
padding: 0px;
}

ul#commentlist li div.commenttext{
padding: 0 0 0 0px;
margin:5px 10px 5px 60px;
}

ul#commentlist li div.commenttext div.commentwrapper{
background: #F0F9FF;
margin:0 0 0 5px;
padding: 3px 8px;
border-top: 1px solid #8CD1FD;
}

/* sidebar styles */

.menu{
padding:0;
font-size:90%;
}

.menu a{
font-weight: 100;
}

.menu a:hover{
text-decoration:none;
}

.menu ul{
margin:0;
padding:0 0 0 0px;
list-style-type:none;
}

.menu ul li.widget{
padding:2px;
margin:0 0 7px 0px;
}

.menu ul li.widget ul{
margin: 0;
padding:0;
}

.menu ul li.widget ul li{
padding: 2px 0 2px 12px;
margin:0;
border-bottom: 1px solid #eee;
}

.menu ul li.widget ul li ul{
}

.menu ul li.widget ul li ul li{
border-top: 1px solid #eee;
border-bottom: none !important;
padding: 0 0 0 11px;
}

.menu ul li.widget h3{
font-size:120%;
padding:2px 0 3px 5px;
margin:0;
color: #222;
font-weight: 800;
font-family: arial, verdana, sans-serif;
font-variant:small-caps;
border-bottom: 1px solid #8CD1FD;
border-top: 3px solid #8CD1FD;
letter-spacing:2px;
}

.menu ul li h3 a{
color: #023A5E;
font-weight: 800;
}
.menu ul li h3 a:hover{
color: #023A5E;
text-decoration: none;
}

.menu form{
display:block;
margin:0px;
padding:4px;
}

.menu input{
margin:3px 0;
font-size:90%;
}

li.widget .textwidget, li.widget #search {
padding: 2px 5px;
}

/* Calendar styles */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#footer a{
font-weight: 100;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

Thanks Again for any help anybody can provide I have changed it at the top and then went down the list changing all the white to blue still couldn’t get it to change..