/*
Formatting for common news content like headlines listings and teasers.
Version: 1.1
*/

@import url(image_frame.css);

/* News listing 
   ------------ */
.newsListing {}

	/* Clear lists in case they follow floated content */
	#mainContent .newsListing ul,
	  #mainContent .newsListing dl,
	  #subContent1 .newsListing ul,
	  #subContent1 .newsListing dl,
	  #subContent2 .newsListing ul,
	  #subContent2 .newsListing dl {
		clear: both;
	}

	/* Story headlines list */
	#mainContent .newsListing ul li {
		clear: both;
	}
	#mainContent .bd .newsListing ul,
	  #subContent1 .newsListing ul,
	  #subContent2 .newsListing ul {
		list-style: none;
		padding: 0;
		margin: 0 0 .78em 0;
		width: 100%;
	}
	#mainContent .bd .newsListing li,
	  #subContent1 .newsListing li,
	  #subContent2 .newsListing li {
		clear: both;
		margin: 0;
		margin: .77em 2px 0 2px;
		padding: 0 0 .84em 0;
		background: url(../../images/lines/horiz_dot_black.png) left bottom repeat-x;
	}

	/* Story teaser. Includes headline, text blurb, and optional image. */
	#mainContent .newsListing .teaser dl,
	  #mainContent .newsListing dl.teaser,
 	  #subContent1 .newsListing .teaser dl,
	  #subContent1 .newsListing dl.teaser,
	  #subContent2 .newsListing .teaser dl,
	  #subContent2 .newsListing dl.teaser { 
		padding: 0 0 .78em 0;
		margin: .4em 0 .78em 0;
		background: url(../../images/lines/horiz_dot_black.png) left bottom repeat-x;
	}
	#mainContent .newsListing li.teaser dl,
	  #mainContent .newsListing li dl.teaser,
 	  #subContent1 .newsListing li.teaser dl,
	  #subContent1 .newsListing li dl.teaser,
	  #subContent2 .newsListing li.teaser dl,
	  #subContent2 .newsListing li dl.teaser { 
		padding: 0;
		margin: .4em 0 0 0;
		background: none;
	}
		#mainContent .newsListing .teaser .storyTitle,
		  #subContent1 .newsListing .teaser .storyTitle,
		  #subContent2 .newsListing .teaser .storyTitle {
			font-size: 1.08em;
			margin: 0 0 .4em 0;
			display: block;
			font-weight: bold;
			font-family: Georgia,"Times New Roman",Times,serif;
		}
		#mainContent .newsListing .teaser .storyTitle {
			font-size: 1.154em;
		}
		#mainContent .newsListing .teaser .storyTitle .subtitle,
		  #mainContent .newsListing .teaser .subtitleLine {
			font-size: 100%;
			margin: 0 0 .4em 0;
			font-weight: normal;
			font-family: Georgia,"Times New Roman",Times,serif;
		}
		#mainContent .newsListing .teaser p,
		  #subContent1 .newsListing .teaser p,
		  #subContent2 .newsListing .teaser p { 
			margin: 0;
			font-size: 100%;
		}
		#mainContent .newsListing .teaser dd,
		  #subContent1 .newsListing .teaser dd,
		  #subContent2 .newsListing .teaser dd {
			margin: 0;
		}
		.newsListing .teaser .moreLink {
			float: right;
			font-weight: bold;
			clear: both;
		}

	.newsNoticeBadge {
		background: yellow;
		display: inline-block;
		width: auto;
		padding: 2px 4px;
		color: #000;
		font-weight: bold;
		font-size: 80%;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: .07em;
		border: 1px solid #A7A39D;
		line-height: 1;
	}

/* Events listing
   -------------- */
.eventsListing {}
#mainContent .eventsListing ul li {
	clear: both;
}
	#mainContent .eventsListing dl,
	  #subContent1 .eventsListing dl,
	  #subContent1 .eventsListing dl {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	#mainContent .eventsListing dl dt,
	  #subContent1 .eventsListing dl dt,
	  #subContent1 .eventsListing dl dt {
		float: left;
		clear: left;
		width: 50px;
		line-height: 1.3em;
	}
	#mainContent .eventsListing dt .day,
	  #mainContent .eventsListing dt .dayRange,
	  #subContent1 .eventsListing dt .day,
	  #subContent1 .eventsListing dt .dayRange,
	  #subContent2 .eventsListing dt .day,
	  #subContent2 .eventsListing dt .dayRange { 
		display: block;
		padding: 0;
		color: #5C6883;
	}
	#mainContent .eventsListing dt .day,
	  #subContent1 .eventsListing dt .day,
	  #subContent2 .eventsListing dt .day {
	  	font-size: 1.3em;
		line-height: 1.2em;
	  }
	#mainContent .eventsListing dt .day,
	  #mainContent .eventsListing dt .dayRange,
	  #subContent1 .eventsListing dt .day,
	  #subContent1 .eventsListing dt .dayRange,
	  #subContent2 .eventsListing dt .day,
	  #subContent2 .eventsListing dt .dayRange {
		text-indent: -.3em;
		border-top: 1px solid #BCC2CF;
		background: #FBFBFB url(../../images/components/eventsListing/date_box_bot.png) right bottom no-repeat;
		padding-bottom: 6px;
		border-left: 1px solid #BCC2CF;
	}
	#mainContent .eventsListing dt .dayRange,
	  #subContent1 .eventsListing dt .dayRange
	  #subContent2 .eventsListing dt .dayRange {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	#mainContent .eventsListing dt .month-year,
	  #subContent1 .eventsListing dt .month-year,
	  #subContent2 .eventsListing dt .month-year {
		display: block;
		padding: .06em 0;
		min-height: 43px;
		line-height: 1.66em;
		text-align: center;
		font-weight: bold;

	}
	.eventsListing .month {
		display: block;
		text-transform: uppercase;
		background: url(../../images/components/eventsListing/date_box_top.png) right top no-repeat;
		border-left: 1px solid #DBC59E;
		font-size: 1em;
		color: #5B4418;
		text-indent: -.23em;
		padding-top: 2px;
	}
	.eventsListing .year {
		position: absolute;
		left: -1000em;
	}
	#mainContent .eventsListing dd,
	  #subContent1 .eventsListing dd,
	  #subContent2 .eventsListing dd {
		margin-left: 50px;
		padding: 0 0 0 10px;
	}
	#mainContent .eventsListing dd.eventName,
	  #subContent1 .eventsListing dd.eventName,
	  #subContent2 .eventsListing dd.eventName {
		min-height: 3.85em;
		height:auto !important;
		height:3.58em;
	}
	#mainContent .eventsListing dd.details,
	  #subContent1 .eventsListing dd.details,
	  #subContent2 .eventsListing dd.details {
		font-size: 95%;
	}