/* articles.css, resides in folder /home/css. Automatically calls by std-head when articles.php is requested. */

/* THIS SECTION IS FOR THE ARTICLES SUMMARY BOX WHICH USUALLY APPEARS ON THE HOME PAGE */
/* This is used on a horizontal layout to enclose the summary block title, sits about the horizontal table */
div.latest_news_sum_title {
}

/* Table for the events summary list, can be either vertical table or horizontal i.e. 3rd param = "Vn" or "Hn" where n refers to paragraphs */
table.latest_news {
	border: 2px ridge;
	width: 150px;
}

/* Table cell for displaying the summary title - V table only (H uses div) */
td.latest_news_sum_title {
	border: 2px ridge;
	background: red;
}

/* Paragraph for displaying the summary title */
p.latest_news_sum_title {
	font-size: small;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 0px; 
}

/* Table cell for displaying the article headline - on H tables summary detail is in this cell too */
td.latest_news_sum {
	background: #FFFFFF;
}

/* Table cell for displaying the article summary detail - V table only */
td.latest_news_sum_detail {
	border-bottom: 2px ridge;
	padding: 0.25em;
	background: #FFFFFF;
}

/* Paragraph for summary headline. span used if header and detail are inline */
p.latest_news_sum_headline, span.latest_news_sum_headline {
	font-size: x-small;
	font-weight: bold;
	color: #000000;
}

/* Paragraph for summary detail. span used if header and detail are inline */
p.latest_news_sum_detail, span.latest_news_sum_detail {
	font-size: xx-small;
	font-weight: normal;
	margin-bottom: 0px;
	color: #000000;
}

/* When link is used to access more */
a.latest_news_sum_more {
	font-size: xx-small;
	font-weight: normal;
	color: #000066;
	margin-top: 0px; 
	margin-bottom: 0px;
}

/* Hover for above link */
a:hover.latest_news_sum_more {
	color: red;
}


/* THIS SECTION IS FOR THE ARTICLES DETAILS WHICH USUALLY APPEARS ON A SPECIFIC PAGE */
/* This div appears around an article if it has been selected from a link in the summary table */
div.latest_news_main_box {
	border: 2px ridge;
	padding: 0.2em;
	margin-bottom: 1em;
}

/* Paragraph for the title text appearing in the div around an article if it has been selected from a link in the summary table */
p.latest_news_main_box_title, span.latest_news_main_box_title {
	margin-top: 0px;
	margin-bottom: 0em;
	font-size: small;
	font-weight: bold;
	color: gray;
}

/* paragraph for the article headline when it appears in the box at the top */
p.latest_news_main_box_headline, span.latest_news_main_box_headline {
	margin-top: 0px;
	margin-bottom: 0em;
	font-size: small;
	font-weight: bold;
	color: blue;
}


/* paragraph for the article detail when it appears in the box at the top */
p.latest_news_main_box_detail, span.latest_news_main_box_detail {
	margin-top: 0px;
	margin-bottom: 0.5em;
	color: #000099;
}

/* paragraph for the article headline in the main list */
p.latest_news_main_headline, span.latest_news_main_headline {
	font-size: small;
	font-weight: bold;
	color: blue;
}

/* paragraph for the article detail in the main list */
p.latest_news_main_detail, span.latest_news_main_detail {
	margin-top: 0px;
	margin-bottom: 0.5em;
	color: #000099;
}