/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold	{
	position:relative;
	overflow:hidden;
	width:140px;
	height:430px;
	z-index:100;
	}


div#wn	{
	position:absolute;
	left:4px;
	top:17px;
	width:160px;
	height:900px;
	clip:rect(0px,580px,560px,0px);
	overflow:hidden;
	z-index:1;
	background-color: #FFFFFF;
	display: block;
	padding: 0px;
	visibility: visible;
	border: 4px solid #FFFFFF;
	}


div.content {
	position:absolute;
	visibility:hidden;
	left:0px;
	top:0px;
	z-index:1;
	width: 178px;
	}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar {
	position:relative;
	left:0px;
	top:0px;
	width:11px;
	height:430px;
	font-size:1px;
	z-index:3;
	bottom: 10px;
  }


div#track {
	position:absolute;
	left:0px;
	top:26px;
	width:11px;
	height:404px;
	z-index:1;
	background-repeat: repeat;
	background-image: url(track.gif);
	visibility: visible;
  }


div#dragBar {
	position:absolute;
	left:1px;
	top:1px;
	width:9px;
	height:430px;
	background-color:#ceced6;
	z-index:1;
  }  


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


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



/* Styles for demo, not necessary for scrolling layers */  
body  {
	overflow:hidden;
	text-align:center;
}


body, td  {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	clip: rect(auto,auto,auto,auto);
	color: #959595;
}  


a img { border:none }


p { margin: 0 0 .6em 0 }


h2 { font-size:1.2em; margin:0 0 .6em 0 }


h3 { font-size:1.1em; margin:0 0 .6em 0 }


div.content { text-align:left }
div.content {
	position:absolute;
	visibility:hidden;
	left:0px;
	top:0px;
	z-index:1;
	width: 150px;
	}
div.content {
	position:absolute;
	visibility:hidden;
	left:16px;
	top:-10px;
	z-index:10;
	width: 132px;
	height: 1475px;
	clip: rect(auto,auto,1585,auto);
	}


table.main {
	background-color:#eee;
	width:440px;
	margin:auto;
	text-align:left;
	border:1px solid #999;
  }


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


td#scrollLinks  { width:12px }


td.navs ul { margin:0; padding:0; list-style:none }


td.navs ul li { margin:0 0 .6em .4em }


td.navs ul li a { text-decoration:none }


td.navs ul li a:hover { text-decoration:underline }