/* 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.events_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.events {
	border: 0px solid #000000;
	width: 100%;
}

/* Table cell for displaying the summary table title - V table only (H uses div) */
td.events_sum_title {
	border-top: 1.5px solid #CC0000;
	background-image: url('../images/title-background.gif');
}

/* Paragraph for displaying the summary table title */
p.events_sum_title {
	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.events_sum {
	border-top: 2px ridge;
	border-bottom: none;
	padding-left: 0.25em;
	padding-right: 0.25em;
	background: #009900;
}

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

/* Paragraph for summary headline. span used if header and detail are inline */
p.events_sum_headline, span.events_sum_headline {
	font-family: arial, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: white;
	margin-bottom: 0px;
}

/* Paragraph for summary detail. span used if header and detail are inline */
p.events_sum_detail, span.events_sum_detail {
	font-family: arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #FFFFFF;
}

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

/* Hover for above link */
a:hover.events_sum_more {
	color: red;
	font-weight: bold ;
}

/* 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.events_main_box {
	border: 4px ridge;
	padding: 0.4em;
	margin-bottom: 2em;
}

/* 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.events_main_box_title {
	font-size: small;
	font-weight: bold;
	color: gray;
}

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

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

/* paragraph for the article headline in the main list */
p.events_main_headline, span.events_main_headline {
	margin-top: 0.5em;
	font-weight: bold;
	color: blue;
}
span.events_main_headline {
	margin-top: 0.5em;
	font-family: arial, sans-serif;
	font-weight: bold;
	color: #000099;
	margin-bottom: 0px;
}

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



/* 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 solid #000000;
	width: 150px;
}

/* Table cell for displaying the article headline - on H tables summary detail is in this cell too */
td.latest_news_sum {
	border-bottom: 1px solid #000000;
	background: red;
}

/* Table cell for displaying the summary table title - V table only (H uses div) */
td.latest_news_sum_title {
	border-bottom: 1px solid #000000;
	background: #000000;
}

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

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

/* Paragraph for summary headline. span used if header and detail are inline */
p.latest_news_sum_headline, span.latest_news_sum_headline {
	font-family: arial, sans-serif;
	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-family: arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #FFFFFF;
}

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

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


/* 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: 4px ridge;
	padding: 0.4em;
	margin-bottom: 2em;
}

/* 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 {
	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 {
	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;
}