/***** News on index *****/
#newsHome { padding-top:40px;min-height:400px;padding-bottom:40px; }

a.newsContainer { 
	color: var(--black);
    width: 96%;
    margin-bottom: 10px;
    background: var(--lightGray);
    display: block;
    border-radius: 0;
    box-shadow: 2px 2px 3px var(--lightGray);
    padding-bottom: 10px;
}

/* Clear floats after the columns */
a.newsContainer:after {
  content: "";
  display: table;
  clear: both;
}

.newsHLBox {
    width: auto;
    display: table-cell;
    height: 42px;
	padding: 10px 20px;
    vertical-align: middle;
}


/***** News Menu *****/
.newsCats ul {display:block;overflow:hidden;background:transparent;}
.newsCats li {float:left;display:block;font-family:var(--baseFont),sans-serif;padding:2px 25px;margin:20px 0;border-right:1px solid var(--black);}
.newsCats li a:link, .newsCats li a:visited {color:var(--black);}
.newsCats li a:hover, .newsCats li.active {color:var(--lightGray);}
.newsCats li:last-child {border:0;} 
.newsCats li:first-child {border:0;padding-right:0;padding-left:0;}
span.newsDate { 
    margin-bottom: 20px;
    display: block;
}
.listDate {
    display: block;
    font-style: italic;
    color:var(--gray);
}

/*** new ***/
#newsHome h2 { font-size:30px;font-size:3.0rem; }
.newsHLBox h3 { margin-bottom:10px; font-size: 16px; font-size: 1.6rem; }
.storyBlurb { font-size: 13px; font-size: 1.3rem; }
.readMore { 
	color: var(--buttonColor);
    font-size: 14px;
    font-size: 1.4rem;
    border-bottom: 2px solid var(--buttonBgColor);
	background: var(--buttonBgColor);
    float: right;
    padding: 4% 5px 2px 5px;
    margin-right: 4%;
}

a.newsContainer:hover .newsHLBox h3 { color:var(--black) }
a.newsContainer:hover .readMore { color:var(--buttonBgColor);background:var(--buttonColor;) }