/* mootools fx.scroll stylesheet */


  
#outer {
  position: relative;
  } 	
	
#simple-pf {
	background: #fff;
	text-align: left;
	overflow: hidden; 
	height: 400px; 
	width: 540px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;	
	display: block;
}
#simple-pf li a {
  display: block;
  margin: 4px 0;
  background: #002d4e;
  color: #fff;  
  width: 200px;
  padding: 4px 10px;
  border-left: 4px solid #ff8a00;   
  }
#simple-pf li a:hover  {
  background: #ddd;
  color: #002d4e;
  border-left: 4px solid #002d4e;
  }  
#bg-wrapper {
	overflow: hidden; 
	height: 50px; 
	width: 540px;
	position: absolute;
	top: 350px;
	left: 0;
	z-index: 300;
	background: url(bg.png) 0 100% repeat-x;
  } 

* html #bg-wrapper {      /* lte IE6 hack */
  background-image: none; /* no png transparency support */
  }  
#demo-wrapper {
	overflow: hidden; 
	height: 400px; 
	width: 540px;
	position: relative;
	z-index: 200;
	visibility: hidden;
}
 
#demo-inner {
	width: 540px;
	height: 5400px;
	position: relative;
}
 
.scrolling-content {
	background: url(loader24.gif) 80% 40% no-repeat;
	width: 540px;
	height: 400px;
	text-align: center;
	position: relative;
	z-index: 900;
  }


.scrolling-content h3 {
  text-align: left;
  padding: 40px 0 10px;
  } 
.scrolling-content img {
  float: right; 
  }
.scrolling-content dl {
  text-align: left;
  font-size: 13px;
  line-height: 1.2em;
  width: 250px
  }
.scrolling-content dt {
  padding: 1px 3px;
  margin-top: 10px;
  color: #999;
  border-left: 3px solid #ff8a00;
  }
.scrolling-content dd {
  margin-left: 7px;
  color: #002d4e
  } 
#content1 {
	right: 0; 
	top: 0px;
}
 
#content2 {
	right: 0; 
	top: 600px;
}
 
#content3 {
	right: 0; 
	top: 1200px;
}
 
#content4 {
	right: 0; 
	top: 1800px;
}
#content5 {
	right: 0; 
	top: 2400px;
}
 
#content6 {
	right: 0; 
	top: 3000px;
}
 
#content7 {
	right: 0; 
	top: 3600px;
}
 
#content8 {
	right: 0; 
	top: 4200px;
}
#content9 {
	right: 0; 
	top: 4800px;
}    

.navi a {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  background: #fff 100% 50% no-repeat;
  overflow: hidden; 
  text-decoration: none;
  color: #ff8a00;
  }
.navi a.up {
  right: 0;
  background-image: url(down.png);
  }
.navi a.down {
  right: 30px;
  background-image: url(up.png);
  }    
.navi a:hover.up {
  background-image: url(down-h.png);
  color: #ffcc00;
  }
.navi a:hover.down {
  color: #ffcc00;
  background-image: url(up-h.png);
  }
.online {
  color: #006600;
  font-weight: bold;
  }