/*
 * Color, Border, and Button Rules
 */
.contentslider {
  padding:15px; /* This acts as a border for the content slider */
  background:#fff8e9; /* This is the color of said border */
}

.contentslider-2 {
  padding:5px; /* This acts as a border for the content slider */
  background:#fff8e9; /* This is the color of said border */
}

.cs_wrapper, .cs_article {
  background:#FFF; /* Background color for the entries */
}
.cs_leftBtn {
  width:25px; /* Should be as wide as the button graphic being used */
  background-image: url(images/slider-button-back.gif); /* This will probably match the contentslider bg color */
margin-left: -9px;
margin-top: -40px;
  }

  .cs_leftBtn-2 {
  width:25px; /* Should be as wide as the button graphic being used */
  background-image: url(images/slider-button-back.gif); /* This will probably match the contentslider bg color */
margin-left: -9px;
margin-top: -40px;
  }
  
  .cs_rightBtn {
  width:25px; /* Should be as wide as the button graphic being used */
  background-image: url(images/slider-button-back.gif); /* This will probably match the contentslider bg color */
margin-right: -9px;
margin-top: -40px;
  }
  
   .cs_rightBtn-2 {
  width:25px; /* Should be as wide as the button graphic being used */
  background-image: url(images/slider-button-back.gif); /* This will probably match the contentslider bg color */
margin-right: -9px;
margin-top: -40px;
  }
  
/*
 * Article styles (font, color, etc.)
 *
 * If textResize is set to TRUE, sizing shouldn't need to be touched. However,
 * depending on the sizes you have defined, additional tweaking may be
 * required in order to get the text to display properly.
 */

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  top:13px;
  display:block;
  width:608px;
  height:274px;
}

.contentslider-2{
  position:relative;
  top:13px;
  display:block;
  width:608px;
  height:274px;
}

.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:578px;
  height:275px;
  margin:0 auto;
  padding:0;
}


.cs_article h2 {
  display:block;
  width:240px;
  margin-left: 360px;
  text-align:left;
  margin-top: 2px;
  text-decoration: none;
  font-family: arial;
  color: #ad2930;
}

.cs_article h4 {
  display:block;
  font-size: 13px;
  width:240px;
  margin-left: 360px;
  text-align:left;
  margin-top: 10px;
}

.cs_article img {
  position:absolute;
  top:0;
  left:0;
  width: 343px;
  border:0;
  -ms-interpolation-mode:bicubic;
}
.cs_article p {
  display:block;
  width:240px;
  margin-left: 360px;
margin-top: 10px;
  padding: 0;
  border:0;
}
.cs_article .readmore {
  display:block;
  width:240px;
  margin-left: 360px;
margin-top: 10px;
  text-align:right;
  color: #e2be72;
font-size: 16px;
}
.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:0;
  outline:0;
}
.cs_rightBtn {
  right:0;
  outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}