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

#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/anim/rainbowBack.png);
width:0;
height:236px}

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

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

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

#rainbowFrontImg {
background-image:url(../images/anim/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: 0 15px 0 15px;
font-weight:bold;
text-decoration:none;
}
#nav a:hover{
  color:#f00;
}
#nav {
  clear:both;
  margin:10px 0;
  width:200px;
  margin:0 auto;
}
#footer {
	position: absolute;
	bottom: 0;
    left:0;
	width: 100%;
    height:30px;
    padding-top: 10px;
    text-align:center;
    clear:both;
    color:#808080;
    font-size: 11px;
}