@charset "UTF-8";
/* CSS Document */

/* scroller */
/* width for both strollerContainer, clip width, and scrollerContent all have to match*/
#scrollerContainer {
position:relative; top: 0px; left: 0px; width:380px; height:680px; /* actual width is 385 */
/* clip:rect(0px,370px,300px,0px); */
overflow:hidden; 
z-index:2;
}
#scrollerContent {
position:absolute; left:0px; top:5px; width:350px;
}
#scrollerButtons {
	position: relative; /*absolute;*/
	top: -200px; /* -300 works */
	left: 370px;/*changed the dist 450 to 360 then to 380*/
	width: 30px;
	height: 100px;/* was 300px */
	}
#scrollerButtons #up {
	position: absolute;
	top: 0px;
	left: 0;
	width: 25px;/* 15px all widths from here down */
	height: 15px;
	background: url(../images/arrowup4.gif) top left no-repeat;
	z-index: 5;
	cursor:pointer;
	}
#scrollerButtons #track {
	position: absolute;
	top: 22px;
	width:25px;
	height:131px;
	background: url(../images/scrollbar_bg4.gif) top left no-repeat;
	z-index: 6;
	}
#scrollerButtons #drag {
	position: absolute;
	top: 22px;
	left: 0;
	width: 25px;
	height: 28px;
	background: url(../images/scrollbar4.gif) top left no-repeat;
	z-index: 7;
	cursor:pointer;
	}
#scrollerButtons #down {
	position: absolute;
	top: 160px;
	left: 0;
	width: 15px;
	height: 25px;
	background: url(../images/arrowdown4.gif) top left no-repeat;
	z-index: 8;
	cursor:pointer;
}