@charset "UTF-8";
/* CSS Document */
#Example-3 {
	position: relative;
	top: 10px;
	width: 500px;
	height: 300px;
	align: left;
	background-color: #FFF;
}

.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
.Scrollbar-Up {
  position: absolute;
  width: 10px; height: 10px;
  background-color: #CCC;
  font-size: 0px;
}
.Scrollbar-Track {
  width: 10px; height: 250px;
  position: absolute;
  top: 20px;
  background-color: #EEE;
}
.Scrollbar-Handle {
  position: absolute;
  width: 10px; height: 30px;
  background-color: #CCC;
}
.Scrollbar-Down {
  position: absolute;
  top: 270px;
  width: 10px; height: 10px;
  background-color: #CCC;
  font-size: 0px;
}
#Example-3 .Scrollbar-Up,
 .Scrollbar-Up-Pressed {
	position: absolute;
	width: 10px; 
	height: 10px;
	background-color: #CCC;
	font-size: 0px;
}

#Example-3 .Scrollbar-Down,
 .Scrollbar-Down-Pressed {
	position: absolute;
	top: 290px;
	width: 10px; height: 10px;
	background-color: #CCC;
	font-size: 0px;
}

#Example-3 .Scrollbar-Track,
 .Scrollbar-Track-Pressed {
	width: 10px; 
	height: 260px;
	position: absolute;
	top: 20px;
	background-color: #EEE;
}

#Example-3 .Scrollbar-Track-Pressed {
	background-color: #DDD;
}

#Example-3 .Scrollbar-Handle,
 .Scrollbar-Handle-Pressed {
	position: absolute;
	width: 10px; height: 30px;
	background-color: #CCC;
}
.Scrollbar-Handle-Pressed, 
 .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed {
	background-color: #cc0000;
}


#Scrollbar-Container {
  position: absolute;
  top: 20px; left: 510px;
}
#thingy {
	position: absolute;
	top: 12px;
	left: 16px;
	width: 2px;
	height: 10px;
	font-size: 1px;
	background-color: #FFFFFF;
}

#Container {
  position: absolute;
  top: 20px; left: 0px;
  width: 500px;
  height: 300px;
  background-color: #EEE;
}
#News, #About, #Extra { 
  position: absolute;
  top: 10px; 
  overflow: hidden;
  width: 500px;
  height: 280px;
  display: none;
}
#News {display: block;}
p {
  margin: 0; padding: 0px 20px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 0px;
  color: #666;
}
#Navigation {
  position: absolute; 
  top: 0px;
  left: 0px;
}
#Navigation a {
  margin: 5px 2px 0 0;
  padding: 0 5px;
  height: 20px;
  background-color: #E4E4E4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #AAA;
  text-decoration: none;
  display: block;
  float: left;
  letter-spacing: 1px;
}
#Navigation a:hover {
  margin-top: 0px;
  height: 25px;
}
#Navigation a.current {
  margin-top: 0px;
  height: 25px;
  background-color: #EEE;
  color: #777;
}
#Tween {
	position: absolute;
	top: -10px;
	left: 0px;
	width: 50px;
}
#Steps {
  position: absolute;
  top: 275px;
  left: 50px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #AAA;
}
#Tween a, #Steps a {
  padding: 5px 10px;
  display: block;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #AAA;
  text-decoration: none;
}
#Tween a:hover, #Steps a:hover {
  color: #777;
}

.Scrollbar-Handle-Pressed, 
 .Scrollbar-Down-Pressed, .Scrollbar-Up-Pressed {
	background-color: #cc0000;
}
a.listing {
	color: #777777;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}
a.listing:hover {
	color: #990000;
	text-decoration: underline;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}