html, body {
  height: 100%;
  min-height: 100%;
}

body {
  padding: 0px;
  margin: 0px;
  background-image: url('/images/bg.gif');
  background-position: bottom;
  background-repeat: repeat-x;
  background-color: #f2fdfe;
  font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  color: #333333;
  line-height: 1.3em;
}

#layout {
  width: 848px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.text {
  background-image: url('images/middle.jpg');
  background-repeat: no-repeat;
  padding: 55px 25px 10px 20px;
  text-align: justify;
}

a:link, a:visited, a:active {
  color: #666666;
  text-decoration: underline;
}

a:hover {
  color: #999999;
  text-decoration: underline;
}

img {
  border: 0px;
}

p {
  margin-top: 0px;
  margin-bottom: 7px;
}

form {
  margin: 0px;
}

input, textarea {
  font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  color: #4b6c4f;
  padding: 2px;
  border: 1px solid #9eb183;
  background-color: #d6e2b7;
}

div#hold { 
  position:relative; overflow:hidden;
  width:340px; height:325px; 
  z-index:100; 
  }
div#wn{ 
  position:absolute; 
  left:0px; top:0px; 
  width:340px; height:325px; 
  clip:rect(0px, 340px, 325px, 0px); 
  overflow:hidden;  
  z-index:1; 
  }
div.content { 
  position:absolute; visibility:hidden;
  width: 340px;
  left:0px; top:0px; 
  z-index:1; 
}

div#scrollbar { 
  position:relative; left:0; top:0;
  width:11px; height:318px; 
  font-size:1px; z-index:1;
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:294px;
  background: url("images/track.gif") #6cc2d1 repeat;
  z-index:1;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#87e3ee;
  z-index:1;
  }  
div#up { position:absolute; left:0; top:0; z-index:2 }
div#down { position:absolute; left:0; bottom:0; z-index:3 }