/* Styles for demo, not necessary for scrolling layers */  
	
a img { border:none;  }


/* Styles for scrolling layers and scrollbars  */
div#holder1 
{ 
	position:			absolute; 
	left:				221px; 
	top:				307px;
	width:				715px; 
	height:				247px; 
	overflow:			hidden; 
	z-index:			100;
	/*background-color:	#FFFFFF;*/
}
div#wn1  
{ 
	position:			absolute; 
	left:				0; 
	top:				0;
	width:				675px; 
	height:				247px; 
	clip:				rect(0, 675px, 247px, 0); 
	overflow:			hidden; 
	z-index:			1;
	/*background-color:	#00CCFF;*/
}
/* op7 needs width set here too (?) */  
div#lyr1 { width:675px }
div.content 
{ 
	position:			absolute; 
	visibility:			hidden; 
	left:				0; 
	top:				0; 
	z-index:			1 
}  

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 
{ 
	position:			absolute; 
	visibility:			hidden;
	right:				2px; 
	top:				0;
	width:				18px; 
	height:				247px; 
	font-size:			1px; 
	z-index:			2;
	/*background-color:	#FA0300;*/
}
div#track1 
{ 
	position:			absolute; 
	left:				0; 
	top:				20px;
	width:				18px; 
	height:				207px;
	/*background: url("/images/track.gif") #336 repeat;*/
	background-color:	#F5F5F5;
	border-left:		1px solid #9A9A66;
	border-right:		1px solid #9A9A66;
	z-index:1
}
div#dragBar1 
{
	position:			absolute; 
	left:				1px; 
	top:				1px;
	width:				14px; 
	height:				20px;
	background-color:	#CCCC9A;
	z-index:			1;
	border:				1px solid #9A9A66;
}  
div#up1 
{ 
	position:			absolute; 
	left:				0; 
	top:				0; 
	z-index:			2;
	width:				18px;
	height:				18px;
	background-color:	#CCCC9A; 
	border:				1px solid #9A9A66;
}  
div#down1 
{ 
	position:			absolute; 
	left:				0; 
	bottom:				0; 
	z-index:			3;
	width:				18px;
	height:				18px;	 
	background-color:	#CCCC9A; 
	border:				1px solid #9A9A66;
}  







/* Styles for scrolling layers and scrollbars  */
div#holder2
{ 
	position:			absolute; 
	left:				221px; 
	top:				141px;
	width:				715px; 
	height:				479px; 
	overflow:			hidden; 
	z-index:			100;
	/*background-color:	#FFFFFF;*/
}
div#wn2
{ 
	position:			absolute; 
	left:				0; 
	top:				0;
	width:				675px; 
	height:				479px; 
	clip:				rect(0, 675px, 479px, 0); 
	overflow:			hidden; 
	z-index:			1;
	/*background-color:	#00CCFF;*/
}
/* op7 needs width set here too (?) */  
div#lyr2 { width:675px }

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar2
{ 
	position:			absolute; 
	visibility:			hidden;
	right:				2px; 
	top:				0;
	width:				18px; 
	height:				479px; 
	font-size:			1px; 
	z-index:			2;
	/*background-color:	#FA0300;*/
}
div#track2
{ 
	position:			absolute; 
	left:				0; 
	top:				20px;
	width:				18px; 
	height:				439px;
	/*background: url("/images/track.gif") #336 repeat;*/
	background-color:	#F5F5F5;
	border-left:		1px solid #9A9A66;
	border-right:		1px solid #9A9A66;
	z-index:1
}
div#dragBar2
{
	position:			absolute; 
	left:				1px; 
	top:				1px;
	width:				14px; 
	height:				20px;
	background-color:	#CCCC9A;
	z-index:			1;
	border:				1px solid #9A9A66;
}  
div#up2
{ 
	position:			absolute; 
	left:				0; 
	top:				0; 
	z-index:			2;
	width:				18px;
	height:				18px;
	background-color:	#CCCC9A; 
	border:				1px solid #9A9A66;
}  
div#down2
{ 
	position:			absolute; 
	left:				0; 
	bottom:				0; 
	z-index:			3;
	width:				18px;
	height:				18px;	 
	background-color:	#CCCC9A; 
	border:				1px solid #9A9A66;
}