.news-holder {
 background:#fff; 
 margin-top:5px
}
.news-holder * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.news-headlines-wap{float:right; border:1px solid #d8ecfc; width:100%;background:#f3f9fe;}
.news-headlines {
  list-style: none;
  position: relative;
  
}
.news-headlines li {
    height:83px; padding:9px; border-bottom:1px dotted #d8ecfc;
    position:relative;
    z-index: 20;
    color: #000;
	text-align:justify;

}

.news-headlines img{float:left; margin-right:5px; width:78px; height:62px;}
.news-headlines a{color:#000;text-align:justify}
.nh-anim {
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .75s ease-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}  
.news-headlines li:hover, a:hover {
      cursor: pointer;	  
}
.news-headlines li.selected{color:#0449CA; font-weight:bold}
.news-headlines .highlight {
     width: 100%;
     background:#fbe9c5;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 10;
}
.news-headlines .highlight:before {
    display: none;
}

.title-headlines{border:1px solid #fff; width:100%; height:30px; background:#175c95;text-align:center } 
.title-headlines a{font-weight:bold; color:#fff; line-height:30px; text-transform:uppercase; margin-left:10px;text-decoration:none;}
.news-preview {
   float:left; 
   width:100%;

   position: relative;
   
}

  .news-preview img {
	width:100%;
	height:350px;
  } 
  .news-preview .title{ padding:10px 5px;}
  .news-preview .title a{font-weight:bold; color:#0449CA;text-decoration:none}
  .news-preview .content{padding:0px 5px;}
  .news-preview .content p {line-height:150%; text-align:justify;}
.news-content {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
	
}

.top-content {
    display: block;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/*===================CONTACT===========================*/


#contact_info {
	width: 250px;
	line-height: 25px;
	float: left;
	margin: 5px 0px 0px 5px;
}

#contact_form h3, #other_comment h2, #your_comment h2, #news_left h3 {
	font-size: 18px;
	color: #333;
}
#contact_form {
	width: 732px;
	float: right;
	margin: 15px 35px 20px 0px;
}
#listform {
	width: 700px;
	float:right;
	text-align:left;
}
#listform li, div#fix1, div#fix2 {
	list-style: none;
	font-size: 12px;
}
#listform li input, #listform li textarea {
	width: 700px;
	height: 20px;
	border: solid 1px #ccc;
	margin-bottom: 10px;
	padding: 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#listform li input:hover, #listform li textarea:hover, #listform li input:focus, #listform li textarea:focus {
	border: solid 1px red;
}
#listform li textarea {
	height: 150px;
	margin-bottom: 10px;
}
div#fix1, div#fix2 {
	width: 190px;
	float: left;
}
div#fix2, div#email {
	float: right;
}
span#code {
	color: red;
	float: right;
	font-size: 12px;
}
div#fix1 input, div#fix2 input {
	width: 190px;
}
#listform sub {
	color: red;
}
#sumbtns a {
	padding: 8px 10px;
	background-color: #BD2E23;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 15px;
    line-height: 25px;
}
#sumbtns a:hover {
	color: #fff;
	background-color: #6D330F;
}