body {
margin:0;
background-color:#ddf3fd;
overflow:hidden;
font-family:Arial}

#donate {
position: absolute;
right:10px;
top:10px}

#shameless {
position:absolute;
top:-200px}

#page {
width:980px;
height:900px;
position:absolute;
left:50%;
margin-left:-490px}

#rainbowBack {
position: absolute;
top: 0px;
left: 50%;
margin-left: -208px;
margin-top: 0px;
width:282px;
height:234px;
z-index:30}

#rainbowBackImg {
background-image:url(images/rainbowBack.png);
width:0;
height:236px}

#rainbowMiddle {
position:absolute;
left:0;
top:240px;
z-index:25}

#rainbowMiddleImg {
background-image:url(images/rainbowMiddle.png);
width:190px;
height:0}

#rainbowFront {
position:absolute;
left:-3px;
top:326px;
z-index:70}

#rainbowFrontImg {
background-image:url(images/rainbowFront.png);
width:0;
height:100px}

#cloud1 {
z-index:20;
display:none}

#cloud2 {
z-index:40;
display:none}

#cloud3 {
z-index:50;
display:none}

#cloud4 {
z-index:60;
display:none}

#ball {
z-index:100;
display:none}

#content {
position:absolute;
width:600px;
height:400px;
z-index:100;
right:0;
top:-1200px;
background-color:#ffedc6;
padding:20px;
overflow-y:scroll}

h1, h2 , h3{
margin:0 0 10px 0}

p {
margin:0 0 10px 0}

#nav a {
margin-right:30px;
font-weight:bold;
text-decoration:none}

#nav {
margin:10px 0}

#downloads {
display:none}

#documentation {
display:none}

#examples {
display:none}

.examp {
position:relative;
border:1px solid #000000;
width:550px;
height:60px;
margin:10px 0}

#ads {
position:absolute;
background-color:#ffffff;
top:-800px;
left:120px;
width:160px;
height:600px;
z-index:200}