div#news {
  margin: 0.2em 0.2em 0.2em 0.2em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFFFFF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
   color: #294B5F; 
   font-size: 1.0em; 
   text-align: left; 
/* some air around the text */
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-bottom: 1px;
/* set borders around header */
   border-bottom: 1px solid #e7ab0b; 
   border-left: 1.1em solid #FDB827; 
   line-height: 1.5em;
/* and some air under the border */
   margin: 0 0 0.5em 0;
}

.NewsSummary {
    padding: 0.1em 0.1em 0.1em; /* padding for the news article summary */
    margin: 0 0.1em 0.1em 0.1em; /* margin to the bottom of the news article summary */
    border-bottom: 2px solid #ccc;
/*    max-height: 200px; */
    overflow-y: hidden;
}

.NewsSummaryPostdate {
  font-weight: bold;
  float: left;
  padding-right: 10px;
 }

.NewsSummaryCategory {
  font-weight: bold;
  float: left;
  padding-right: 10px;
 }

.NewsSummaryLink {
  font-weight: bold;
  float: left;
}

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
  clear: both;
}

.NewsSummaryContent {
  padding: 0 0 6px 0;
  clear: both; 
  max-height: 300px;
/*  overflow: hidden; */
  text-overflow: ellipsis;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/