body  { font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px; margin:10px; overflow:hidden }
td  { font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px; }	
h1	{ font-size: 18px }
a:link { color:#33c }	
a:visited { color:#339 }		

@media all {
  h1, p { margin:0 0 .6em 0 }
}
	
/* for scrolling layers and up/down links 
	 wn1-3 for the 3 scrolling "windows" */
#wn1	{
	position:absolute;
	left:29%;
	top:27%;
	width:470;
	height:280;
	overflow:hidden;
	z-index:1;
	visibility: hidden;





	}
#wn2	{ 
	position:absolute; 
	left:260px; top:60px; 
	width:200px; height:140px; 
	clip:rect(0px, 200px, 140px, 0px); 
	overflow:hidden;
	z-index:2;
	}
#wn3	{ 
	position:absolute; 
	left:10px; top:240px; 
	width:200px; height:64px;
	clip:rect(0px, 200px, 64px, 0px); 
	overflow:hidden;
	z-index:3;
	}	
/* for scrolling content */	
.content	{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	width: 100%;
	height: 100%;
	visibility: hidden;





	}	
/* for scroll links */	
#controls1  {
	position:absolute;
	left:92%;
	top:134px;
	width:12px;
	z-index:4;
	height: 86px;

	}	
#controls2  { 
	position:absolute; 
	left:260px; top:210px;
	width:200px; z-index:5; 
	}	
#controls3  { 
	position:absolute; 
	left:10px; top:300px;	 
	width:200px; z-index:6; 
	}	
#controls4 { 
  position:absolute; 
  left:10px; top:350px; 
  }