/*
  Slideshow
*/

#slides {
position:relative;

}

/*
  Slides container
  Important:
  Set the width of your slides container
  Set to display none, prevents content flash
*/

.slides_container {
  width:630px;
 overflow:hidden;
  position:relative;
  display:none;
   margin:0 auto; 
   text-align:left;
	background: #FFFFFF;
}
@media only screen and (max-width: 767px) {
  /* -------------------------------------------- */
  /* ------------------Header-------------------- */
  #slide {margin-top: 0px;height:300px;}
  #slide{top:0px; left: 0px;}
  .slides_container {
  width:90%;
 overflow:hidden;
  position:relative;
  display:none;
   margin:0 auto; 
   text-align:left;
	background: #FFFFFF;
}
.slides_container div.slide {
  width:90%;
  height:300px;
  display:block;
  text-align:left;
}
.slides_container div.slide img{
  width:90%;
  height:300px;
  display:block;
  text-align:left;


}
  /* -------------------------------------------- */
  /* ------------------Featured------------------ */
  
  /* -------------------------------------------- */
  /* ------------------Content------------------- */
  
  /* -------------------------------------------- */
  /* ------------------Footer-------------------- */
  
  /* -------------------------------------------- */
  /* ------------------Other----------------*---- */
}
@media only screen and (max-width: 479px){
.slides_container {
  width:90%;
 overflow:hidden;
  position:relative;
  display:none;
   margin:0 auto; 
   text-align:left;
	background: #FFFFFF;
}
.slides_container div.slide {
  width:90%;
  height:300px;
  display:block;
  text-align:left;
}
.slides_container div.slide img{
  width:90%;
  height:300px;
  display:block;
  text-align:left;


}
.captionparent {
vertical-align:middle;
  display: table-cell;

}


.caption {
text-align:center;
  z-index: 101;
  position:absolute;
  top: 10px;
  right:0px;  
  height:300px;
  width:90%;
  padding:5px;
  
   overflow: hidden;
  text-shadow:none;
  opacity:0.8; /* transparency */
  filter:alpha(opacity=80); /* IE transparency */
  font: 16px/27px 'IstokWebBold',Geneva, Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: normal;
  background:#333333;

  line-height:20px;
  vertical-align:middle;
  display: table;

  border-top-radius:         7px;
  -moz-border-radius:    7px;
  -webkit-border-top-radius: 7px;
  -khtml-border-radius:    7px;


background-image: -webkit-gradient(linear,left top, left bottom,from(#333333), color-stop(1, #666666));
  background-image: -moz-linear-gradient(#333333 0%,  #666666 100%);
  background-image: -o-linear-gradient(#333333 0%, #666666 100%);
  background-image: -ms-linear-gradient(#333333 0%,  #666666 100%);
  background-image: linear-gradient(#333333 0%, #666666 100%);
  box-shadow:-1px #a3a3a3,-2px #fff;
  -moz-box-shadow:-1px #a3a3a3,-2px #fff;
  -webkit-box-shadow:-1px #a3a3a3,-2px #fff;


  
}
.pagination {
  position:absolute;
  top:0px;
  left:0px;
  display:block;
  z-index:101;
  
  
  
  
}
}
/*
  Each slide
  Important:
  Set the width of your slides
  If height not specified height will be set by the slide content
  Set to display block
*/

.slides_container div.slide {
  width:600px;
  height:300px;
  display:block;
  text-align:left;
}

.slides_container div.slide img{
  width:600px;
  height:300px;
  display:block;
  text-align:left;


}
img
{width:auto;}
/*
  Next/prev buttons
*/

#slides .next,#slides .prev {
position:absolute;
  top:270px;
  left:20px;
  display:block;
  z-index:101;
  margin:0px auto;

  
}

#slides .next {
  left:1050px;
}
#slides .prev {
  left:200px;
}

/*
  Pagination  margin:26px auto 0;
*/

.pagination {
  position:absolute;
  top:260px;
  right:10px;
  display:block;
  z-index:101;
  
  
  
  
}

.pagination li {
  float:left;
  margin:0 1px;
  list-style:none;
}

.pagination li a {
  display:block;
  width:12px;
  height:0;
  margin:10px;
  padding-top:12px;
  background-image:url(../images/pagination.png);
  background-position:0 0;
  float:left;
  overflow:hidden;
}

.pagination li.current a {
  background-position:0 -12px;
}





.captionparent {
vertical-align:middle;
  display: table-cell;

}


.caption {
text-align:center;
  z-index: 101;
  position:absolute;
  bottom: 0px;
  right:0px;  
  height:100px;
  width:100%;
  padding:5px 10px;
  
 overflow: hidden;
  text-shadow:none;
  opacity:0.8; /* transparency */
  filter:alpha(opacity=80); /* IE transparency */
  font: 16px/27px 'IstokWebBold',Geneva, Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-weight: normal;
  background:#333333;

  line-height:15px;
  vertical-align:middle;
  display: table;

  border-top-radius:         7px;
  -moz-border-radius:    7px;
  -webkit-border-top-radius: 7px;
  -khtml-border-radius:    7px;


background-image: -webkit-gradient(linear,left top, left bottom,from(#333333), color-stop(1, #666666));
  background-image: -moz-linear-gradient(#333333 0%,  #666666 100%);
  background-image: -o-linear-gradient(#333333 0%, #666666 100%);
  background-image: -ms-linear-gradient(#333333 0%,  #666666 100%);
  background-image: linear-gradient(#333333 0%, #666666 100%);
  box-shadow:-1px #a3a3a3,-2px #fff;
  -moz-box-shadow:-1px #a3a3a3,-2px #fff;
  -webkit-box-shadow:-1px #a3a3a3,-2px #fff;


  
}

/*
  Anchors
*/
	

		
		.captionparent h3 a {
   
  line-height:10px;
    font-size: 15px;
			font-family: 'Open Sans', sans-serif;
			font-weight: bold;
		text-decoration: none;
		padding:5px 10px;
		
}
.captionparent h3 a:hover{text-decoration: underline;
color:#FFF;line-height:10px; font-size: 15px;font-weight: bold;font-family: 'Open Sans', sans-serif;padding:5px 10px;}
.captionparent  a {
    color: #fff;
  line-height:10px;
    font: 10px 'Open Sans', sans-serif;
	text-decoration: none;
}


.captionparent a:hover {
    color: #FFF;
  line-height:20px;
    font: 14px 'Open Sans', sans-serif;
  text-decoration:underline;
}
.captionparent p {
    color: #FFF;
  line-height:12px;
    font: 12px 'Open Sans', sans-serif;padding:5px 10px;
}
	.news-latest-morelink a
		{font-family: 'Open Sans', sans-serif;
		font-size: 12px;
		font-weight: bold;}	
.topics h2{
      background-image: url("../images/srvbg.png");
    background-position: center top;
    background-repeat: repeat-x;
    color: #333333;
    height: 30px;
    text-transform: uppercase;
    vertical-align: middle;
    font-family: 'IstokWebBold';
    font-weight: normal;
  line-height: 29px;
   font-size: 12px;
}