/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{ 
	position:relative; overflow:hidden;
	width:150px; height:210px; z-index:100;
	
    }

div#wn	{ 
	position:relative; 
	left:0px;
	width:90px; height:210px; 
	clip:rect(200px, 184px, 52px, 200px); 
	overflow:hidden;	
	z-index:1;
}

div#lyr1	{ 
    padding-left:18px;
	position:relative; 
	left:0px; 
	z-index:1;
    }
  
/* Styles for demo, not necessary for scrolling layers */  
body { 
  overflow:hidden; text-align:center;
  font: 12px verdana, arial, helvetica, sans-serif;
  }
h1 { 
  font-size:1.4em; 
  margin:1.5em 0 2em 0; 
  }
 
a:active { color:#FF33FF }  	
a img { border:none }

table.main { 
  width:300px; margin:auto;
  background-color:#eee; border:1px dashed #666 
  }
td.arrows a { padding:0 1em }
td.spacer { width:38px }
td.footer { text-align:center; margin:.8em 0 .6em }