/*
 * News Styles - List
 */

div#news {
  list-style: none;
}
div#news ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
div#news li {
  overflow: hidden;
  margin: 0 0 1.8em 0;
  height: 100%;
}
div#news li.with-image {
  padding-left: 92px;
}
div#news li p {
  margin: 0;
}
div#news li p.date {
  margin: 0 0 0.3em 0;
  font-style: italic;
}
div#news li img {
  float: left;
  border: 1px solid #000;
  margin-left: -92px;
}
div#news li h3 {
  font-size: 1.2em;
  margin: 0 0 2px 0;
}
div#news li h3 a {
  text-decoration: none;
}
div#news li h3 a:hover {
  text-decoration: underline;
}


/*
 * News Styles - Item
 */


div#news-item p.main-image {
  float: right;
  border: 1px solid #000;
  margin: 0 0 12px 12px;
}
div#news-item p.main-image img {
  display: block;
}
div#news-item h2 {
  padding: 0;
  line-height: 1.4em !important;
  background: #fff;
  margin: 0 0 0.2em 0;
}
div#news-item h3.date {
  font-size: 1em;
  margin: 0 0 1em 0;
}
div#news-item p.summary {
  font-style: italic;
}



/*
 * News Styles - Item
 */


ul#gallery{
  display:inline-block;
  overflow:hidden;
  list-style:none;
  margin:0;
  padding:0 0 0 20px;
}

ul#gallery{
  display:block;
 }

ul#gallery li {
  position:relative;
  overflow:hidden;
  float:left;
  padding:5px;
  border:1px solid #8c8b89;
  margin:0 10px 10px 0;
  height:180px;
  width:150px;  
}

ul#gallery li img{
display:block;
}

ul#gallery li h3{
  display:block;
  position:absolute;
  top:160px;
  margin:0;
  padding:0;
}


ul#gallery li a{
  display:block;
  width:150px;
  text-decoration:none;
  color:#20448a;
}

ul#gallery li a span.caption{
  display:block;
  margin-top:5px;
  height:28px;
  color:#20448a;
}

a#viewgallery{
  color:#ffffff;
  background-color:#20448a;
  text-decoration:none;
  text-align:right;
  clear:both;
  margin-top:5px;
  padding:0 5px 5px 5px;
  font-weight:bold;
  display:block;
  
}