/*NewsArticles Default.aspx*/
.newsPaging{
    margin-bottom:20px;
    margin-top:20px;
}
.articles{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
    margin-top: -10px;
    margin-left: -10px;
}

.articleCard{
	position:relative;
	border:1px solid #CCC;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:40px;	
	margin:10px;
    width:400px;    	
}
.articleCard:hover {
    background-color: #EEE;
    cursor:pointer;
}
.articleCard div.articleImage{	
	float:left;
	width:115px;
    margin-right:10px;
}
.articleCard div.articleTitle{
	float:left;
	width:calc(100% - 135px);	
}
.articleCard div.articleTitle h3{
}
.articleCard div.articleSynopsis{
	clear:both;
	padding-top:10px;	
    font-size:0.9em;
}
.articleCard div.articleCardFooter{
	position:absolute;
	bottom:0px;
	left:0px;
	width:400px;
	padding:5px;
	border-top:1px solid #ccc;
	background-color:#EEE;
	font-size:0.8em;
}
.articleCard div.articlePubDate{
	float:left;
	width:50%;
    color:#80808;
    font-weight:bold;
}
.articleCard div.articleCtrls{
	float:left;
	width:50%;
	text-align:right;
}
.articleCard div.articleCtrls::after{
	clear:both;
}

@media (max-width:1150px) {
    .containerMainLeft{
        display:none;
    }
    .containerMainRight {
        width: 100%;
    }   
}