/* hold div contains both scrolling content area and links in this example */
div#hold	{ 
	position:relative; overflow:hidden;
	width:550px; height:355px; z-index:100; 
	left:220px; top:277px; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:523px; height:350px; 
	clip:rect(0px, 523px, 350px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content {
	position:absolute;
	visibility:hidden;
	left:0px;
	top:0px;
	z-index:2;
	width: 523px;
	}
  
div#loading { visibility:visible; z-index:1 }
div#linksLyr { position:absolute; left:109px; top:310px; z-index:3 }
table#imgTbl { width:525px }


/* vertical scrollbar */
div#scrollbar1 { 
  position:absolute; 
  left:529px; top:-1px;
  width:11px; height:349px; 
  font-size:1px; z-index:2
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:328px;
  background: #336 url(../images/track.gif) repeat;
  z-index:1
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1
  }  
div#up1 { position:absolute; left:0px; top:1px; z-index:2 }  
div#down1 {
	position:absolute;
	left:0px;
	bottom:0;
	z-index:3;
	top: 340px;
} 
  
/* Horizontal scrollbar */  
div#scrollbar2 { 
  position:absolute; 
  left:410px; top:2px;
  width:140px; height:11px;
  font-size:1px; z-index:3
  }
div#track2 { 
  position:absolute; left:12px; top:0;
  width:116px; height:11px; 
  background: url("/images/nav/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:20px; height:9px; 
  background-color:#ceced6; z-index:1
  }  
div#left2 { position:absolute; left:0; top:0; z-index:2 }  
div#right2 { position:absolute; right:0; top:0; z-index:3 }  


/* Styles for demo, not necessary for scrolling layers */  
body { overflow:hidden }
	

a img { border:none }
table#lnks th { text-align:left; border-bottom:1px dashed #666 }
table#lnks td { text-align:center }