/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold1, div#hold2 { 
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:100; 
}
div#hold3, div#hold4 { 
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:100; 
}
div#wn1, div#wn2 { 
	position:absolute; 
	left:0px;
	top:0px;
	width:100%;
	height:100%; 
	/*clip:rect(0px, 100%, 100%, 0px); */
	overflow:hidden;	
	z-index:1; 
}
div.content { 
	position:absolute;
	visibility:hidden;
	left:0px;
	top:0px; 
	z-index:1;
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1, div#scrollbar2 {
	position:relative;
	left:0;
	top:0;
	width:11px;
	font-size:1px;
	z-index:1;
}
div#track1, div#track2 {
	position:absolute;
	left:0;
	top:12px;
	width:11px;
	background: #336;
	z-index:1;
}
div#dragBar1,div#dragBar2  {
	position:absolute;
	left:1px;
	top:1px;
	width:9px;
	height:20px;
	background-color:#ccc;
	z-index:1;
}
div#up1, div#up2 {
	position:absolute;
	left:0;
	top:0;
	z-index:2
}  
div#down1, div#down2 {
	position:absolute;
	left:0;
	top:380px;
	z-index:2
}