/* --------------------------------------------------------------------------------------------------  */
/* --------------------- THIS FILE SPANS BOTH EVENTS, ARTICLES AND ARTICLE LISTINGS -----------------  */
/* --------------------------------------------------------------------------------------------------  */


/* *************************************************************************************************** */
/* *******   NEWS, ARTICLE & EVENT ******************************************************************* */
/* *************************************************************************************************** */

@media screen {

div#newsArticle h1,
div#article h1,
div#event h1
{
	color: #6c726a;
	font-size:13px;
	margin-top:4px;
}

div#newsArticle div#articleDate,
div#article div.articleDate,
div#event div.eventDate
{
	color: #01abc5;
}

div#newsArticle div#imageCaption,
div#article div.imageCaption,
div#event div.imageCaption
{
	color: #717578;
	text-align: center;
	line-height:1.4em;	
}

div#newsArticle div#articleShortDescription,
div#article div.articleShortDescription,
div#event div.eventShortDescription
{
	font-style: italic;
	margin-top: 20px;
}


/*  -------  Related content  ---------------------------------------------------  */

div#newsArticleRelatedContent ul li a,
div#articleRelatedContent ul li a,
div#eventRelatedContent ul li a
{
	text-transform: uppercase;
	color: #006495;
}

div#newsArticleRelatedContent hr,
div#articleRelatedContent hr,
div#eventRelatedContent hr
{
	color: #006495;
	background-color: #006495;
	height: 1px;
}


/* *************************************************************************************************** */
/* *******   EVENT/ARTICLE LISTINGS ****************************************************************** */
/* *************************************************************************************************** */

div#newsListingContainer div.separatorLine,
div#articleListingContainer div.separatorLine,
div#eventListingContainer div.separatorLine
{
	height: 0px;
	margin: 5px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
}

div#eventListingContainer div.separatorLine
{
	border-bottom: 0px solid #ccc;
}

div#newsListingContainer ul#newsListing li#firstNewsItem span,
div#articleListingContainer ul#newsListing li#firstNewsItem span,
div#eventListingContainer ul#eventListing li#firstEventItem span
{
	font-size: 24px;
	color: #525f6a;
	line-height:1.2em;
}

div#newsListingContainer ul#newsListing li#secondNewsItem span,
div#articleListingContainer ul#newsListing li#secondNewsItem span,
div#eventListingContainer ul#eventListing li#secondEventItem span
{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

div#eventListingContainer ul#eventListing li#secondEventItem span
{
	font-size:17px;
	color: #525f6a;
}

div#newsListingContainer ul#newsListing li#firstNewsItem  span.articlePublishDate, 
div#newsListingContainer ul#newsListing li#secondNewsItem span.articlePublishDate, 
div#articleListingContainer ul#newsListing li#firstNewsItem  span.articlePublishDate, 
div#articleListingContainer ul#newsListing li#secondNewsItem span.articlePublishDate,
div#eventListingContainer ul#eventListing li#eventNewsItem  span.eventPublishDate, 
div#eventListingContainer ul#eventListing li#eventNewsItem span.eventPublishDate
{
	font-size: 12px;      /*  inherit doesn't work properly in IE6  */
	font-weight: normal;
}

div#newsListingContainer a.readMoreUrl,
div#articleListingContainer a.readMoreUrl,
div#eventListingContainer a.readMoreUrl
{
	font-size: 10px;      /*  inherit doesn't work properly in IE6  */
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	color: #01abc5;
}

div#eventListingContainer a.readMoreUrl
{
	color:#10779e;	
}

div#newsListingContainer a.newsListingLink,
div#articleListingContainer a.newsListingLink,
div#eventListingContainer a.eventListingLink
{
	font-size: 10px;      /*  inherit doesn't work properly in IE6  */
	text-decoration: underline;
	color: #015c88;
}

div#eventListingContainer a.eventListingLink
{
	color:#000;
	text-decoration:none;
}



/*  ****** Event-proprietary CSS only ********************************************  */

/* Style for the date string from-to: */
div#eventListingContainer ul#eventListing li#firstEventItem div.eventDates,
div#eventListingContainer ul#eventListing li#secondEventItem div.eventDates,
div#main div#event div.eventDates
{
	padding-left: 0px;
	font-size: 11px;
	font-weight:bold;
	color: #000;
	border-top: 1px solid #ccc;

}


div#eventListingContainer ul#eventListing li#firstEventItem div.eventLocation span, 
div#eventListingContainer ul#eventListing li#secondEventItem div.eventLocation span
{
	color:#004165;
}
}