/* 

   Styles for scrolling layers  

	 Specify width and height in hold and wn, and in clip for wn 

*/

div#hold	{ 

	position:relative; overflow:hidden;

	width:285px; height:380px; 

  z-index:100; 

  vertical-align: middle;

	}

div#wn	{

	position:absolute;

	left:0px;

	top: 0px;

	width:280px;

	height:375px;

	clip:rect(0px, 280px, 375px, 0px);

	z-index:1;

	vertical-align: middle;

	}

div.content {

	position:absolute;

	visibility:hidden;

	left:0px;

	top:0px;

	z-index:1;

	vertical-align: middle;

	}



/* Set small font-size or size/position of div's will be off in some browsers  */

div#scrollbar { 

  position:relative; left:0; top:0;

  width:11px; height:390px; 

  font-size:1px; z-index:1;

  }

div#track {

	position:absolute;

	left:0px;

	top:11px;

	width:11px;

	height:368px;

	z-index:1;

	background: url("track.gif") #000 repeat;

  }

div#dragBar {

	position:absolute;

	left:1px;

	top:1px;

	width:9px;

	height:20px;

	background: url("track2.gif") #000 repeat;

	z-index:1;

  }

div#up { position:absolute; left:0; top:0; z-index:2 }  

div#down { position:absolute; left:0; bottom:0; z-index:3 }  



/* Styles for demo, not necessary for scrolling layers */  

body  { overflow:hidden; text-align:center; vertical-align:middle; }

th	{ font-size:1.4em; text-align:left }	

div.content { vertical-align:middle; text-align:left; }

table.main td.text, table.main td.navs { vertical-align:middle; text-align:left }

td#scrollLinks  { width:12px }