
/* Outer most container div */
.miniNewsFeedContainer {
font-family: Arial;
}

/* DIV containing the mini news feed title. By default this is above the miniNewsContainter class */
.miniNewsTitle { 
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #CCCCCC;
	padding: 5px;
}

/* DIV containing the view all link. This is by default outputted below the repeating miniNewsContainer class */
.miniNewsViewAll {
	font-size: 12px;
	padding-top: 5px;
	text-align: right;
}
.miniNewsViewAll a:link { text-decoration: underline; color: #666666; }
.miniNewsViewAll a:visited {text-decoration: underline; color: #666666; }
.miniNewsViewAll a:hover { text-decoration: underline; color: #666666; }
.miniNewsViewAll a:active { text-decoration: underline; color: #666666; }
/*************
	The following classes repeat on the page. The miniNewsContainer is the class on the <table> tag per each news item that displays
*************/

/* table container for each news item */
.miniNewsContainer { 
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #CCCCCC dotted;
}

/* This is an old style kept around for grand fathering purposes. Use the miniNewsContainer class instead */
.miniNewsItemBox { }

/* table cell containing the news item Title */
.miniNewsItemTitle { 
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px #CCCCCC dotted;
	padding-bottom: 3px;
}
.miniNewsItemTitle a:link { text-decoration: none; color: #000000; }
.miniNewsItemTitle a:visited {text-decoration: none; color: #000000; }
.miniNewsItemTitle a:hover { text-decoration: none; color: #000000; }
.miniNewsItemTitle a:active { text-decoration: none; color: #000000; }

/* the table cell containing the news item blurb and full story/read more link. */
.miniNewsItem { 
	color: #666666;
	font-size: 10px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: justify;
}
.miniNewsItem a:link { text-decoration: none; color: #666666; }
.miniNewsItem a:visited {text-decoration: none; color: #666666; }
.miniNewsItem a:hover { text-decoration: none; color: #000000; }
.miniNewsItem a:active { text-decoration: none; color: #666666; }

/* table cell containing the news item Date */
.miniNewsDate { 
	color: #666666;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	
}

