BODY {
	FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 80%
}
A.jScrollArrowUp {
	BACKGROUND: url(../images/basic_arrow_up.gif) repeat-x 0px 0px
}
A.jScrollArrowUp:hover {
	BACKGROUND-POSITION: 0px -15px
}
A.jScrollArrowDown {
	BACKGROUND: url(../images/basic_arrow_down.gif) repeat-x 0px 0px
}
A.jScrollArrowDown:hover {
	BACKGROUND-POSITION: 0px -15px
}
A.jScrollActiveArrowButton {
	BACKGROUND-POSITION: 0px -30px
}
A.jScrollActiveArrowButton:hover {
	BACKGROUND-POSITION: 0px -30px
}
.orange-bar .jScrollPaneTrack {
	BACKGROUND: #f60
}
.orange-bar .jScrollPaneDrag {
	BACKGROUND: url(../images/drag_grab.gif) #00f no-repeat 50% 50%
}
.orange-bar .scroll-pane {
	BACKGROUND: #69f
}
.holder {
	margin:4px 0 0 15px; 
	FLOAT: left
}
.scroll-pane {
	WIDTH: 200px; FLOAT: left; HEIGHT: 200px; OVERFLOW: auto
}

.scroll-pane h2
{
	font: normal 26px "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #b47825;text-decoration: none;
  margin-bottom: 18px;
	}
	
.scroll-pane h2 span
{
	color: #2f2f2f;
	}
	
	
.wide {
	WIDTH: 400px
}
.super-wide {
	WIDTH: 700px
}
.tall {
	HEIGHT: 400px
}