Coding Problems Options

[skyerawr]

Okay i made this DIV Layout for myself...
I know its not worthy of acceptance on here but its the coding i need help with so could someone please tell me how i can make the background be this colour [02124c]

I keep trying but it always comes up white.


Click to see screenshot

This is my About Me coding:

CODE

<style>
table table div form {display:inline !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
table div div{visibility:hidden;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
body div div form {display:none !important;}td td embed, td td embed, td td object{position:absolute;top:0px;right:0px;width:45px;}div div div select {position:absolute !important; margin-left:-1000px !important; left:0px !important; display:none !important; }div div table div {display:none;} div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:http://i38.tinypic.com/3023ofc.png!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i,
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}</style>
<style>body, html, * {
font-family: verdana;
color: ffffff;
}</style>

<style>a, a:link, a:active {
font-family: verdana;
color: ffffff;
}</style>
<style>

.div{
position: absolute;
left: 0%;
margin-left: 214px;
top: 0px;
z-index: 0;}

.one{
position: absolute;
left: 0%;
margin-left:243px;
top: 215px;
z-index:5;
width: 217px;
height: 350px;
overflow: auto;}

.two{
position: absolute;
left: 0%;
margin-left:505px;
top: 415px;
z-index:5;
width: 223px;
height: 136px;
overflow: auto;}

.three{
position: absolute;
left: 0%;
margin-left:773px;
top: 215px;
z-index:5;
width: 217px;
height: 350px;
overflow: auto;}

</style>

And my I'd Like To Meet coding is just my content...can be posted if needed.

Please help?


If you read this pre-last edit...im sorry! im still getting the hang of this