* { margin: 0; padding: 0; }

html {
overflow: auto;
}

body {
 background-color: white;
 font-family: tahoma, arial, sans-serif;
 overflow: auto;
}

#container {
  margin: 0 auto;
  width: 800px;
  height: 595px;
  text-align: left;
  position: relative;
  background-image: url(background.jpg);
  border: 10px solid #000;
}

#scroll {
 width: 485px;
 height: 595px;
 position: absolute;
 right: 0px;
 z-index: 4;
 overflow: auto;
}

#scroller {
 display: block;
 width: 405px;
 background-image: url(scrollerbackground.png);
 text-align: center;  
 border: 4px solid #000;
 position: relative;
 left: 35px;
 top: 220px;
}

#scroller2 {
 display: block;
 width: 405px;
 background-image: url(scrollerbackground.png);
 text-align: center;
 border: 4px solid #000;
 position: relative;
 left: 35px;
 top: 240px;
}

p {
 font-size: 20px;
 font: arial;
 padding: 20px;
}

#flashcontent {
 display: block;
 height: 401px;
 width: 355px;
 position: absolute;
 left: 8px;
 top: 203px;
} 

span {
 font-weight: bold;
 font-size: 20px;
 text-decoration: none;
 color: black; 
}

a:link {
 font-weight: bold;
 font-size: 20px;
 text-decoration: none;
 color: black;
}

a:visited {
 font-weight: bold;
 font-size: 20px;
 color: #666666;
 text-decoration: none;
}

a:hover {
 color: #999999;
}

.three a:link {
 font-weight: bold;
 font-size: 20px;
 text-decoration: none;
 color: #669966;
 }

.three a:visited {
 text-decoration: none;
 color: #669966;
 }

.three a:hover {
 text-decoration: none;
 color: #99CC99;
 }

span.one {
 font-size: 100px;
}

span.two {
 font-size: 60px;
}

div.grass {
 display:block;
 height: 38px;
 width: 780px;
 background-image: url(grass.png);
 position: absolute;
 bottom: 0px;
 left: 0px;
 z-index: 5;
}

div.grass12 {
 display:block;
 height: 38px;
 width: 800px;
 background-image: url(grass.png);
 position: absolute;
 bottom: 0px;
 left: 0px;
 z-index: 1;
}

div.grass2 {
 display:block;
 height: 38px;
 width: 780px;
 background-image: url(grass2.png);
 position: absolute;
 bottom: 15px;
 left: 0px;
 z-index: 2;
}

div.grass22 {
 display:block;
 height: 38px;
 width: 800px;
 background-image: url(grass2.png);
 position: absolute;
 bottom: 15px;
 left: 0px;
 z-index: 0;
}

div.clouds {
 display: block;		   
 height: 200px;
 width: 780px;
 background-image: url(clouds.png);
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 6;
}

div.clouds12 {
 display: block;		   
 height: 200px;
 width: 800px;
 background-image: url(clouds.png);
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 0;
}

 div.clouds2 {
 display: block;
 height: 153px;
 width: 780px;
 background-image: url(clouds2.jpg);
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 5;
} 

div.clouds3 {
 display: block;
 height: 45px;
 width: 800px;
 background-image: url(clouds3.png);
 position: absolute;
 top: 163px;
 left: 0px;
 z-index: 0;
}

div.sun {
 display: block;
 height: 196px;
 width:	200px;
 background-image: url(sun.png);
 position: absolute;
 top: 0px;
 right: 20px;
 z-index: 7;
}

div.sun2 {
 display: block;
 height: 196px;
 width:	220px;
 background-image: url(sun.png);
 position: absolute;
 top: 0px;
 right: 0px;
 z-index: 1;
}

img.top {
 position: absolute;
 top: 177px;
 left: 0px;
 z-index: 3;
}

img.left {
 position: absolute;
 bottom: 17px;
 left: 0px;
 z-index: 3;
}

img.right {
 position: absolute;
 top: 202px;
 left: 317px;
 z-index: 3;
}

img.bottom {
 position: absolute;
 bottom: 18px;
 left: 0px;
 z-index: 3;
}

img.name {
 position: absolute;
 top: 5px;
 left: 25px;
 z-index: 6;
}

div.back {
 display: block;
 position: absolute;
 background-image: url(backbutton.png);
 height: 44px;
 width: 79px;
 bottom: 5px;
 right: 17px;
 z-index: 6;
}


div.back:hover {
 background-position: -79px;
}