.article-container {
	margin: 5px 0 0 0;
}

.article-container .col {
	width: 200px;
	float: left;
	margin: 0 5px;
}

.article-container .col h3 {
	color: #006A71;
	background-color: #FFFFFF;
	border-left: 3px solid #006A71;
	font-size: 18pt;
	padding: 1px 0 1px 5px;
	margin: 0 0 5px 0;
}

.article-container .col h4 {
	color: #FFFFFF;
	background-color: #909090;
	border-left: 3px solid #FFFFFF;
	font-size: 13pt;
	padding: 1px 0 1px 5px;
	height: 35px;
	margin: 0 0 3px 0;
	overflow: hidden;
}



.article-container .col .details {
	color: #FFFFFF;
	padding: 3px;
	margin: 0 0 6px 0;
}

.article-container .col .details .date {
	color: 	#D0D0D0;
	font-size: 11px;
}

.article-container .col .details .article-text {
	height: 100px;
	overflow: hidden;
}

.article-container .col .details a,
.article-container .col .details a:hover {
	color: #FFFFFF;
}

.article-container .col-a h4 {
	border-color: #19BECA;
}
.article-container .col-a .details {
	background-color: #19BECA;
}

.article-container .col-b h4 {
	border-color: #006A71;
}
.article-container .col-b .details {
	background-color: #006A71;
}

.article-container .col-c h4 {
	border-color: #EB6700;
}
.article-container .col-c .details {
	background-color: #EB6700;
}