.news-headlines {
      list-style: none;
      position: relative;
    }

      .news-headlines li {
        padding: 5px 20px 5px 24px;
        margin-bottom: 15px;
        position: relative;
        z-index: 20;
        -webkit-transition: all .75s ease-out;
        -moz-transition: all .75s ease-out;
        -o-transition: all .75s ease-out;
        transition: all .75s ease-out;
        color: #336699;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
      }
      
      .news-headlines li:before {
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        background: red;
        vertical-align: middle;
        margin-left: -12px;
        margin-right: 7px;
      }

      .news-headlines li:hover {
          cursor: pointer;
      }
      
      .news-headlines .highlight {
         width: 100%;
         background: #f1f1f1;
		 border-radius: 10px 0 0 10px;
         border-top: solid 1px #3e4095;
         border-left: solid 1px #3e4095;
         border-bottom: solid 1px #3e4095;
         position: absolute;
         top: 0;
         left: 0;
         z-index: 10;
      }

      .news-headlines .highlight:before {
        display: none;
      }

    .news-headlines {
       float: left;
       width: 25%;
    }

    .news-preview {
       float: left;
       border: solid 1px #3e4095;
       width: 75%;
       background: #f1f1f1;
       position: relative;
       z-index: 5;
       margin-left: -1px;
	   min-height: 300px;
       position: relative;
    }

      .news-preview img {
		padding:10px;
      } 

    .news-content {
        position: absolute;
        background: #f1f1f1;
        z-index: 10;
		height:100%;
        top: 0;
        left: 0;
    }

    .top-content {
        z-index: 50; 
    }