/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold {
	position: relative; overflow: hidden;
	width: 623px; height: 408px;
	z-index: 100;
}
div#wn {
	position: absolute;
	left: 0px; top: 0px;
	width: 623px; height: 408px;
	clip: rect(0px, 623px, 408px, 0px);
	overflow: hidden;
	z-index: 1;
}

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

/* Set small font-size or size/position of div's will be off in some browsers */
div#scrollbar {
	position: relative; left: 5; top: 30;
	width: 23px; height: 408px;
	font-size: 1px; z-index: 1;
}
div#track {
	position: absolute; left: 0; top: 24px;
	width: 23px; height: 360px;
	z-index: 1;
}
div#dragBar {
	position: absolute; left: 1px; top: 1px;
	width: 0px; height: 0px;
	background-color: #FFFFFF;
	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 */


a img {
	border: none;
}

table.main td.text, table.main td.navs {
	vertical-align: top; text-align: left;
}
td#scrollLinks {
	width: 12px;
}

div.content {
	position: absolute; visibility: visible;
	left: 0px; top: 0px; right: 0px;
	z-index: 1;
}