/* Styles for demo, not necessary for scrolling layers */  
body { font: 12px verdana, arial, helvetica, sans-serif; overflow:hidden }
h1 { font-size:1.4em }
h2 { font-size:1.2em }
h1, h2, p { margin:0 0 .5em 0 }
a:link { color:#33c }	
a:visited { color:#339 }	
a img { border:none;  }
div#footer { position:absolute; left:100px; top:600px; z-index:103 }

/* Styles for scrolling layers and scrollbars  */
div#holder1 { 
  position:absolute; left:88px; top:235px;
  width:250px; height:230px; 
  overflow:hidden; z-index:100 }
div#wn1  { 
  position:absolute; left:0; top:0;
  width:220px; height:178px; 
  clip:rect(0, 220px, 178px, 0); 
  overflow:hidden; z-index:1
  }
/* op7 needs width set here too (?) */  
div#lyr1 { width:220px }
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;
  left:220px; top:1;
  width:12px; height:178px; 
  font-size:1px; z-index:2
  }
div#track1 { 
  position:absolute; left:2; top:26px;
  width:21px; height:125px;
  z-index:1
  }
div#dragBar1 {
  position:absolute; left:3px; top:1px;
  width:19px; height:11px;
/*background-color:#C3D3BA;
  border-color: #679576;
  border-left: dashed;
  border-left-width: thin;
  border-right:dashed;
  border-right-width:thin;
  border-top:dashed;
  border-top-width:thin;
  border-bottom:dashed;
  border-bottom-width:thin;*/
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }