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

#pane{
	height: 680px;
	padding-left: 90px;
	width: 440px;
	font-family: calibri;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-align: justify;
}

#pane h1{
	font-family: calibri;
	font-size: 20px;
	font-weight: bold;
	color: #cc0000;	
}
.jScrollPaneContainer {
overflow:hidden;
position:relative;
z-index:1;
}
.jScrollPaneTrack {
background: url(../images/scroll.png) repeat-y;
cursor:pointer;
height:100%;
position:absolute;
right:0;
top:0;
}
.jScrollPaneDrag {
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	background-image: url(../images/bar.png);
	background-repeat: no-repeat;
}
.jScrollPaneDragTop {
left:0;
overflow:hidden;
position:absolute;
top:0;
}
.jScrollPaneDragBottom {
bottom:0;
left:0;
overflow:hidden;
position:absolute;
}
a.jScrollArrowUp {
display:block;
height:55px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;
top:0;
z-index:1;
}
a.jScrollArrowUp:hover {
}
a.jScrollArrowDown {
bottom:0;
display:block;
height:55px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-2000px;
z-index:1;
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}
a.jScrollArrowUp {
	background-image: url(../images/up.png);
	background-repeat: no-repeat;
}
a.jScrollArrowDown {
	background-image: url(../images/down.png);
	background-repeat: no-repeat;
}
.subpage .holder{
	position: absolute;
	top: 130px;
	left: 260px;
	text-align: left;
}
p{
	padding: 0px 0px 10px;
	color: #483212;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}
ul li{
	padding: 0px 0px 10px;
	color: #663;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	list-style-position: inside;
	list-style-type: square;
}
.scroll_pane{
	float:left;
	height:200px;
	overflow:auto;
	width:500px;
}