.news-holder p {font-family: "calibri",Helvetica, sans-serif;
    margin-bottom: 12px;
}

.news-holder {
    max-width: 417px; height:100px;
    margin: 0 auto;
    font-family: "calibri",Helvetica, sans-serif;
    font-size: 14px; font-weight:bold;
}

.news-holder * { font-family: "calibri",Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
  color: #336699;
  text-decoration: none;
}

.news-headlines { font-size:14px;font-family: "calibri",Helvetica, sans-serif;
  list-style: none; color: #145183;
  position: relative;
}

  .news-headlines li {
    padding: 5px 10px 5px 10px;font-size:14px; font-family: "calibri",Helvetica, sans-serif;color: #145183;
    margin-bottom: 5px;
    position: relative;
    z-index: 20;
    color: #333; text-decoration: none;
  }

  .nh-anim { font-family: Arial, Helvetica, sans-serif;
    -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:before {font-size:14px;font-family: "calibri",Helvetica, sans-serif;
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #fff;
    vertical-align: middle;
    margin-left: -12px;
    margin-right: 7px; text-decoration: none;
  }

  .news-headlines li:hover, a:hover {font-size:14px; font-family: "calibri",Helvetica, sans-serif;
      cursor: pointer;
      text-decoration: underline; color:#006A9C;
  }
  
  .news-headlines .highlight { font-family: "calibri",Helvetica, sans-serif;
     width: 100%;
background: #ededed;
     position: absolute;
     top: 0;
     left: 0;
     z-index: 10;
  }

  .news-headlines .highlight:before {font-family: "calibri",Helvetica, sans-serif;
    display: none;
  }

.news-headlines {font-family: "calibri",Helvetica, sans-serif;
   float: left;
   width: 49%;
}

.news-preview {font-family: "calibri",Helvetica, sans-serif;
   float: left;
   
   width: 51%;
   
   position: relative;
   z-index: 5;
   margin-left: -1px;
   min-height: 304px;
   position: relative;
}

  .news-preview img {font-family: "calibri",Helvetica, sans-serif;
    display: block;
     width: 100%;
    height: auto;
    max-width: 214px;
    max-height: none; 
    margin: 0 auto 0px auto;
  } 

.news-content { width:214px; height:322px; font-family: "calibri",Helvetica, sans-serif;
    position: absolute;
    background: #fff;
    z-index: 10;
    top: 0;
    left: 0;
    display: none;
}

.top-content {font-family: "calibri",Helvetica, sans-serif;
    display: block;
}


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}


.cf {
    *zoom: 1;
}