@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:600px; height:520px;
margin:0px;
padding:0px; 
/* clip:rect(0px,370px,300px,0px); */
overflow:hidden; 
z-index:1;
}
#scrollerContent {
	position:absolute;
	left:1px;
	top:12px;
	width:600px;
}
#scrollerButtons {
	position: relative; /*absolute;*/
	top: -200px; /* -300 works */
	left: 600px;/*changed the dist 450 to 360 then to 380*/
	width: 30px;
	height: 100px;/* was 300px */
	z-index:3;
	}
#scrollerButtons #up {
	position: absolute;
	top: 0px;
	left: 0;
	width: 25px;/* 15px from here down */
	height: 15px;
	background: url(../images/arrowup4.gif) top left no-repeat;
	z-index: 4;
	cursor:pointer;
	}
#scrollerButtons #track {
	position: absolute;
	top: 22px;
	width:25px;
	height:131px;
	background: url(../images/scrollbar_bg4.gif) top left no-repeat;
	z-index: 5;
	}
#scrollerButtons #drag {
	position: absolute;
	top: 22px;
	left: 0;
	width: 25px;
	height: 28px;
	background: url(../images/scrollbar4.gif) top left no-repeat;
	z-index: 6;
	cursor:pointer;
	}
#scrollerButtons #down {
	position: absolute;
	top: 160px;
	left: 0;
	width: 25px;
	height: 15px;
	background: url(../images/arrowdown4.gif) top left no-repeat;
	z-index: 7;
	cursor:pointer;
}