If there are any problem errors in the coding you are using just let us know.

</td></tr></table></div>

#main{width:1000px;position:relative;top:-130px}
#info{width:258px;height:132px;left:452px;top:165px;position:absolute;overflow:auto;z-index:2; font:8pt verdana; color:black;}
#nav{position:absolute;top:145px;left:750px;background:none;z-index:2} 
#nav a,#nav a:visited{
font:8pt verdana;color:
#CC99FF;background-color:white;
border: 1px solid #99CCFF;
display:block;
width:120px;
text-align:center;
margin-bottom:2px} 
#nav a:hover{font:8pt verdana;color:#99CCFF}

.contentModule{width:auto;}
 BODY { background-image:url(http://i26.tinypic.com/143euxg.png); background-repeat:no-repeat; background-position:bottom right; background-attachment:fixed; background-color:#FFF }
#bg{position:absolute;top:130px;z-index:1}
#userinfo table{border-top:0px !important} 
#main{border:none;} 
#footer,#header,#content{display:none}

#userinfo .contentModuleContent{background-image:url(http://i30.tinypic.com/206beb7.png);background-repeat:no-repeat;background-position:top right;}
#userinfo .medText img {visibility:hidden;}
#userinfo .medText table table img {visibility:visible;}

div {
filter: chroma(color=YELLOW);
scrollbar-arrow-color: BLACK;
scrollbar-face-color: YELLOW;
scrollbar-track-color: YELLOW;
scrollbar-shadow-color: YELLOW;
scrollbar-highlight-color: YELLOW;
scrollbar-3dlight-color: YELLOW;
scrollbar-darkshadow-color: YELLOW;
}
a{color: #6a8bc1;
font:7pt Micro;}
a:hover{font:7.5pt Arial;
background: #abc3df;
border: 1px dashed #6a8bc1;
color: #6a8bc1;}
b {color:#000;
   letter-spacing: 2px;}
h1{color:#CC99FF;
font:10pt "Century Gothic";
background-color:#FFF;
margin:0; border: 1px dashed #CC99FF}
</style>
<img src="http://i32.tinypic.com/1z494qw.png">
<div id="info">
<h1>Title Here</h1>
Put stuff about you here! Say as much as you can fit!
</div>

<div id="nav">
<a href=/addpet.phtml>Create a Neopet</a>
<a href=/petcentral.phtml>Pet Central</a>
<a href=/explore.phtml>Explore</a>
<a href=/gameroom.phtml>Games</a>
<a href=/neomessages.phtml>Neomail</a>
<a href=/objects.phtml>Shops</a>
<a href=/neoboards/index.phtml>Boards</a>
<a href=/nf.phtml>News</a>
<a href=/stuff.phtml>Stuff</a>
<a href=/help.phtml>Help</a>
<a href=/loginpage.phtml>Login</a>
</div>

Cyan colored.Taylor Swift

.contentModuleContent {background-color: cyan;}

.contentModuleTable {border: 2px solid cyan;}

.contentModuleHeader, .contentModuleHeaderAlt {background-color: cyan; color: grey;}
#footer, #header {display:none;}
#main {background:none; border: 0px;}

.content div a img, .content div b {visibility:hidden;}
.contentModule div a img, .contentModule div b {visibility:visible;}
<style>#header,#footer{display:center;}#main{border:none; background:none;position:center;center:0px;center:0px;}#content{width:1,500px;}
body{background:url(http://i65.photobucket.com/albums/h237/mamajambu/cyan.gif)}</style>
<div style="text-align: left; width: px"><div style="overflow: auto; z-index: 99; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; top: 459px; left: 362px; width: 340px; height: 297px; margin-right: -340px; margin-bottom: -297px">
Here is your taxt.Keep typing here to get your results.div>
<img src="http://i208.photobucket.com/albums/bb317/tristen225/lookie.jpg" /></div>
</style>