/* CSS Document */

#slideshow {
	margin:0 auto;
	width:515px;
	height:600px;
	position:relative;
	background-color: transparent;
	background-image: url(../images/apr10/charts/bg_slideshow.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#slideshow #slidesContainer {
 margin:0 auto;
 padding-left: 70px;
  width:415px;
  height:600px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:415px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:600px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:30px;
  height:600px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/apr10/charts/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/apr10/charts/control_right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */
#head {padding: 10px 0 0 0; font-size: 140%; font-weight: bold; color: #eeeeee; text-align: center; background-color: #000000;}

#pageContainer {width:515px;}
#pageContainer h1 {
	display:block;
	width:115px;
	height:114px;
	text-indent: -10000px;
	background-color: transparent;
	background-image: url(../images/apr10/charts/bg_pagecontainer_h1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.slide h2, .slide p {
  margin:15px auto;
}
.slide  { width: 345px; font-size: 90%; color: #eeeeee}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  padding: 0 0 4px 0;
}