/* Carousel */

#news_carousel a { color: #fff; }

#news_carousel {
     width: 360px;
     height: 360px;
     margin: 0;
     padding: 0;
     overflow: hidden;  /* this will make only show 1 li */
     position: relative;
  }

#news_carousel ul.news {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
  }

#news_carousel ul li {
    margin: 0;
    padding: 0;
    position: relative; /* so that we can do absolute positioning of the paragraph inside of it */
    float: left; /* align one next to the other */
    font-size: 10px;
  }

#news_carousel ul.news li p {
    position: absolute;
    top: 228px;
    left: 0;
    margin: 0px;
	width: 360px;
  }

#news_carousel ul.news li p strong {
    display: block;
    padding: 4px;
    margin: 0;
	margin-top: 4px;
    font-size: 14px;
	font-weight:bold;
	width: 354px;
  }
#news_carousel ul.news li p strong a {
    color: #1e5d9b;
}

#news_carousel ul li img {
	width:360px; 
	height:232px; 
	position:relative; 
	float:left;
  }

#news_carousel ul.news li p span {
    display: block;
    padding: 4px;
    margin: 0;
    color: #000;
	height: 70px;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
  }

#news_carousel ul.controls {
    position: absolute;
    top: 195px; right: 5px;
    list-style-type: none;
  }

#news_carousel ul.controls li a {
    float: left;
    font-size: 12px;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
    margin: 5px;
    padding: 2px 7px;
    background: #1e5d9b;
    text-decoration: none;
    outline: none;
  }

#news_carousel ul.controls li a.active {
	background: #8abf29; 
  }

#news_carousel .timer {
    background: #fff;
    border: 2px solid #000;
    height: 1px;
    left: 26px;
    position:absolute;
    top: 215px;
    width: 70px;
  }