/*
 * Color, Border, and Button Rules
 */
.contentslider {
	/*add background info HERE to make the info slide within the shape */
 /* padding:10px; /* This acts as a border for the content slider */
 /* background:#234123;  This is the color of said border */
 background-image:url(../images/slider_back_dk.jpg);
  background-repeat:no-repeat;
  background-position:top center;

/* Background color for the entries */
 
}
.cs_wrapper, .cs_article {
 /* add background info HERE to make the whole shape slide. */
}
.cs_leftBtn, .cs_rightBtn {
  width:18px; /* Should be as wide as the button graphic being used */
 /* This will probably match the contentslider bg color */
}

/*
 * 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.
 */
.cs_article h2 {
font-family: Georgia;
	font-size: 26px;
	color: #017a9b;
	font-weight:100;
	margin-bottom:0px;
	margin-top:0px;
	text-align:center;
}


  .cs_article h2 a {
  color:#017a9b;
    text-decoration:none;
	text-align:center;
  }
  
    .cs_article h2 a:hover {
    text-decoration:underline;
  }
  
  
  
.cs_article p {
  font-size:11px;
  line-height:14px;
  color:#555;
  font-family:Arial, Helvetica, sans-serif;
}
.cs_article .readmore {
  font-size:80%;
}

/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
  position:relative;
  display:block;
  width:196px;
  height:428px;
  margin:0 auto;
  overflow:hidden;
}


/*wrapper sets the width of the bits that slide */
.cs_wrapper {
  position:relative;
  left:0px;
  display:block;
  width:179px;
  height:350px;;
  margin:0;
  padding:0px;
  margin-left:23px;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}
.cs_article {
  float:left;
  position:relative;
  top:0;
  left:10px;
  display:block;
  width:196px;
  height:350px;
  margin:0 auto;
  padding:0;

}
.cs_article h2 {
  display:block;
  width:140px;
  margin:10px 5px 5px 5px;
}
.cs_article img {
text-align:center;
margin-top:0px;
margin-left:0px;
}
.cs_article p {
  display:block;
  width:156px;
  margin:0 5px 5px 5px;
  padding:0;
  border:0;

}

.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:428px;
  padding:5px 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;
  left:0;
  margin:0;
}


a.cs_leftBtn:hover img {
filter:alpha(opacity=100);
-moz-opacity: 0.4;
opacity: 0.5;
-khtml-opacity: 0.4;}

a.cs_leftBtn img {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }


a.cs_rightBtn:hover img {
filter:alpha(opacity=100);
-moz-opacity: 0.4;
opacity: 0.5;
-khtml-opacity: 0.4;}

a.cs_rightBtn img {
filter:alpha(opacity=50);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }


.slider_quote {
font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 12px;
	margin-bottom: 5px;
	margin-top:9px;
	text-indent: -0.4em;
	text-align:left;
}
.slider_quote_last {
font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 28px;
	margin-bottom: 5px;
	margin-top:39px;
	text-align:left;
}