/*  Begin Content Slider */

.contentslider {
  position:relative;
  display:block;
  width:900px;
  height:400px;
  margin:0 auto;
  overflow:hidden;
}
.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  left: 0;
  width:10000px;
  height:100%;
  margin:0;
  padding: 0 0 0 45px;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:445px;
  height:150px;
  margin:0 auto;
  padding:0px;
}

.cs_article img{
	margin: 8px;
}

.cs_leftBtn, .cs_rightBtn{
  position:absolute;
  top:0;
  padding:10px 0;
  z-index:100;
  background-color: #FFFFFF;
}

.cs_leftHolder, .cs_rightHolder {
	position:absolute;
  top:0;
  padding:10px 0;
  z-index:99;
  background-color: #FFFFFF;
}

.cs_leftBtn, .cs_leftHolder {
  left:0;
  outline:0;
}
.cs_rightBtn, .cs_rightHolder {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  margin:0;
}

/*  editable styles */
.contentslider {
  padding:10px; /* This acts as a border for the content slider */
  background:#FFFFFF; /* This is the color of said border */
}
.cs_wrapper, .cs_article {
  background:#FFF; /* Background color for the entries */
}
.cs_leftBtn, .cs_rightBtn {
  width:55px; /* Should be as wide as the button graphic being used */
  background:#FFFFFF; /* This will probably match the contentslider bg color */
}

.cs_article h2 {
  font-size:200%;
  line-height:1.125em;
}
  .cs_article h2 a {
    color:#333;
    text-decoration:none;
  }
.cs_article p {
  font-size:7pt;
  line-height:1.5em;
  color:#777;
  text-align: left;
  padding: 0px;
}

.cs_article:hover{
	background-color: #F47D53;
}

.cs_article:hover p{
	color: #FFFFFF;
}

.cs_article:hover a{
	color: #FFFFFF;
}
 
.cs_article .readmore {
  font-size:80%;
}

.cs_article img{
	display: inline;
	float: left;
}

.cs_article ul{
	list-style: none;
	display: block;
	text-align: left;
	padding: 0px;
	margin-left: 37%;
}


/*  for demo purposes.  Will need to remove this later */
.cs_leftBtn {
	height: 123px;
	background: url('images/spotlight_button_left.gif') no-repeat center center;
}

.cs_leftHolder {
	width: 60px;
	height: 123px;
	background: url('images/spotlight_button_title.gif') no-repeat center center;
}

.cs_rightBtn {
	width: 60px;
	height: 123px;
	background: url('images/spotlight_button_right.gif') no-repeat center center;
}

.cs_rightHolder {
	width: 60px;
	height: 123px;
	background: url('images/spotlight_button_title.gif') no-repeat center center;
}

.cs_leftBtn:hover{
	background: url('images/spotlight_button_left_hover.gif') no-repeat center center;
}

.cs_rightBtn:hover{
	background: url('images/spotlight_button_right_hover.gif') no-repeat center center;
}

/* end content slider */