/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

body {
	font-family: Arial, Print Clearly, Helvetica, sans-serif;
	font-size: 80%;
	font-color: #736F72;
	}

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #33FF00;
}
a:active {
	color: #DEDFE1;
}

}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.clearfix {
border: 0px solid #DEDFE1;
height: 510px;
width: 800px;

}
			
.holder {
	float: left;
	margin: 0px;
	width: 580px;
	height: 460px;
	overflow: hidden;
	border: 0px none #FFFFFF;
	padding: 0px;
}

.scroll-pane {
	width: 560px;
	height: 350px;
	overflow: hidden;
	background: #FFFFFF;
	float: default;
	}


#news {
height: 400px;
width: 550px;
overflow: scroll;
background-color: #403C3D;
}

#news2 {
height: 400px;
width: 550px;
overflow: scroll;
background-color: #221E1F}

a.button {
  display: block;
  width: 164px;
  height: 100px;
  background-image: url(images/news.jpg);
  background-repeat: no-repeat;
  background-position: 0 0px;
}

a.button:hover {
  background-position; 0 -60px;
}