/* ---------->>> news teaser styles: <<<----------------------------------------------------------------------------------*/
/* ------------  the following styles set the appearance and positioning of news teasers on index page -------------------*/	

/* *** DMS - moved out to separate, common file so we can use also to display/preview banners on admin page */

#newsStories {
	/* width: 445px; */
	position:relative;
	top:15px;
	border:0px #ffcccc solid;
	margin-bottom:15px;
}

/* teaser in left column - use moreLeft style */
#news1 {
	position:relative;
	width:285px;
	height:75px;
	padding-right: 10px;
}

/* teaser in center column - use moreLeft style */
#news2 {
	position:relative;
	width:285px;
	height:75px;
	border-right:1px solid #296DC0;
	border-left:1px solid #296DC0;
	padding-right: 10px;	
}

/* teaser in right column - use moreRight style */
#news3 {
	position:relative;
	width:285px;
	height:75px;
}

.newstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding-left: 10px;
	/* *** DMS 11-26-07 - added this since banner divs are all clickable now */
	cursor:pointer;
}

.moreLeft {
	clear:both;
	position:absolute;
	right:10px;
	bottom:0px;
}

.moreRight {
	clear:both;
	position:absolute;
	right:110px;
	bottom:0px;
}

.moreLeft, moreRight a {
	text-decoration: none;
}

.newsheader {
	font-size: 12px;
	font-weight: bold;
	color: #296DC0;
}