/* CSS Document */
/************** Body and Wrapper*****************/

body{
background-color:#000000;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
max-width:800px;
margin-top:10px;
margin-left:auto;
margin-right:auto;
}

#wrapper{
width:800px;
margin-left:auto;
margin-right:auto;
}

/************** Header *****************/

#header{
margin-left:auto;
margin-right:auto;
height:25px;
margin-bottom:10px;
}

#header ul{
margin:0px;
float:right;
margin-top:10px;
}

#header li{
display:inline;
font-size:small;
}

#header a:link, a:visited, a:hover{
color:#FFFFFF;
text-decoration:underline;
}


/************** Main Body *****************/

#mainbody{
height:580px; 
font-size:small;
padding:10px;
margin-bottom:10px;
margin-top:10px;
background-image:url(../images/playground.jpg);
background-repeat: no-repeat;
}

#mainbody .content{
margin:0px;
width:auto;
height:auto;
}

#mainbody .content .mainHeader{
margin-left:170px;
margin-right:170px;
margin-bottom:00px;
}

#mainbody .content .hopscotch{
margin-left:50px;
margin-right:50px;
}

#mainbody a:link{
color:#90C84B;
text-decoration:none;
}

#mainbody a:visited{
color:#90C84B;
text-decoration:underline;
}

#mainbody a:hover{
color:#90C84B;
text-decoration:underline;
}

/************** Footer *****************/
.newFooter{display:block;}

.newFooter *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:x-small;
  background:#FFFFF9}
  
.newFooter1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d;
  background:#bfbfbf}
  
.newFooter2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;
  background:#cecece}
  
.newFooter3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cecece;
  border-right:1px solid #cecece;}
  
.newFooter4{
  border-left:1px solid #6d6d6d;
  border-right:1px solid #6d6d6d}
  
.newFooter5{
  border-left:1px solid #bfbfbf;
  border-right:1px solid #bfbfbf;}
  
.newFooterfg{
  background:#FFFFF9;
  padding:10px;
  }
  
  .newFooterfg table{
  float: right;
  }
  
.newFooterfg img{
float:left;
}

.newFooterfg a:link{
color:#333333;
font-size:x-small;
text-decoration:underline;
}

.newFooterfg a:visited{
font-size:x-small;
color:#333333;
text-decoration:underline;
}

#logo{
top:0;
left:0;
float:left;
}

.newFooterfg .htmlLink{
	clear:both;
	font-size:x-small;
	padding:0;
	float:left;
	text-align:left;
}