#slider {
width: 705px;
position: relative;
background:url(../images/bg_slider.jpg) no-repeat;

}

.slider-navigation {
list-style: none;
margin: 0;
padding: 0;
background:url(/images/nav_slider.jpg) top;
}

.slider-navigation li {
float: left;
display: inline;
width: 235px;
margin: 0;
padding: 0;
}

.slider-navigation li.middle {
width: 235px;
}

.slider-navigation li a {
display: block;
width: 100%;
line-height: 85px;
text-indent:-1000em;
}

.scroll {
height: 249px;
overflow: auto;
position: relative; /* fix for IE to respect overflow */
clear: left;
width:100%;
/*background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;*/
}

.scrollContainer div.panel {
padding: 40px;
height: 210px;
width: 620px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollContainer div.panel h2 {
margin-top: 0;
color:#0e81c7;
display:inline;
font-size:24px;
}

.scrollButtons {
position: absolute;
top: 150px;
cursor: pointer;
}

.scrollButtons.left {
left: -20px;
}

.scrollButtons.right {
right: -20px;
}

/*nav image styles--------------------------------*/
#achapter7{background:url(../images/nav_slider_7.jpg);}
	#achapter7:hover{ background-position:0px -85px;}
	a#achapter7.selected, a#achapter7.selected:hover {background-position:0px 85px;}

#achapter13{background:url(../images/nav_slider_13.jpg);}
	#achapter13:hover{ background-position:0px -85px;}
	a#achapter13.selected, a#achapter13.selected:hover {background-position:0px 85px;}
#achapter128{background:url(../images/nav_slider_128.jpg);}
	#achapter128:hover{ background-position:0px -85px;}
	a#achapter128.selected, a#achapter128.selected:hover {background-position:0px 85px;}