body {
	background: #D9DAE1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

table {
	padding: 0;
	margin: 0;
	border: none;
}

p {
	text-align: justify;
}

p.siteLinks, p.centredText {
	text-align: center;
}

.imageLegend {
	font-size: 8pt;
	color: #000000;
	line-height: 100%;
	text-align: center;
}

.thumbnailLegend {
	font-size: 8pt;
	color: #000000;
	line-height: 100%;
	text-align: center;
	margin-top: 8pt;
	margin-bottom: 8pt;
}

.caption {
	font-size: 8pt;
	color: #000000;
	line-height: 100%;
	text-align: justified;
}

.thumbnailDate {
	font-size: 8pt;
	color: #000000;
	line-height: 100%;
	text-align: center;
	margin-bottom: 15px;
}

.thumbnail {
	text-align: center;
}

h1.title {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}

h1.archiveTitle {
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}

h2.summary {
	font-size: 8pt;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
}

h2.titleLegend {
	font-size: 9pt;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}

h2.dateLegend {
	font-size: 8pt;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}

.chevrons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.outlined {
	border: solid 1px #000000;
}

.img {
	border: solid 1px #000000;
}

/* Centred image custom size */
.imgCC {
	margin: 0px 0px 0px 0px;
}

/* Centred image Portrait */
.imgCP {
	margin: 10px 0px 10px 0px;
	width: 150px;
	height: 200px;
}

/* Centred image Landscape */
.imgCL {
	margin: 0px 0px 0px 0px;
	width: 200px;
	height: 150px;
}

/* Left aligned floating image Portrait */
.imgFLP {
	float: left;
	margin: 10px 0px 10px 100px;
	width: 150px;
	height: 200px;
}

/* Right aligned floating image Portrait */
.imgFRP {
	float: right;
	margin: 10px 100px 10px 0px;
	width: 150px;
	height: 200px;
}

/* Left aligned floating image Landscape */
.imgFLL {
	float: left;
	margin: 35px 0px 35px 75px;
	width: 200px;
	height: 150px;
}

/* Right aligned floating image Landscape */
.imgFRL {
	float: right;
	margin: 35px 75px 35px 0px;
	width: 200px;
	height: 150px;
}

/* Left aligned image with in-line text - Portrait */
.imgILP {
	float: left;
	margin: 10px 10px 10px 0px;
	width: 150px;
	height: 200px;
}

/* Right aligned image with in-line text - Portrait */
.imgIRP {
	float: right;
	margin: 10px 0px 10px 10px;
	width: 150px;
	height: 200px;
}

/* Left aligned image with in-line text - Landscape */
.imgILL {
	float: left;
	margin: 10px 10px 10px 0px;
	width: 200px;
	height: 150px;
}

/* right aligned image with in-line text - Landscape */
.imgIRL {
	float: right;
	margin: 10px 0px 10px 10px;
	width: 200px;
	height: 150px;
}

.noFloat {
	clear: both;
}

.indent {
	margin: 0px 75px 0px 50px;
}

/* Note: can't have text-decoration set to underline in genral declaration
   for <a> because it will affect Javascript generated links    */

a {
	color: #000000;
	text-decoration:none;
}

a:hover {
	color: #FFFFFF;
}

a.imgLink img {
	border: 1px solid;
	border-width: 1px;
	border-color: #000000;
}

a.imgLink:hover img {
	border-color: #FFFFFF;
}

a.noHighlight {
	border: none;
}

a.menuText {
	color: #D6AB6E;
	margin-left: 50px;
	font-weight: bold;
}

a.menuText:hover {
	color: #FFFFFF;
}

a.menuTextIndented {
	color: #D6AB6E;
	margin-left: 75px;
}

a.menuTextIndented:hover {
	color: #FFFFFF;
}

a.reportNav {
	color: #FFFFFF;
}

a.reportNav:hover {
	color: #000000;
}

a.annualLinks {
	color: #D6AB6E;
	margin-left: 75px;
	line-height: 50%;
}

a.annualLinks:hover {
	color: #FFFFFF;
}

a.annualLinksIndented {
	color: #D6AB6E;
	margin-left: 100px;
	line-height: 50%;
}

a.annualLinksIndented:hover {
	color: #FFFFFF;
}

a.reportList {
	color: #000000;
	margin-left: 75px;
	line-height: 75%;
}

a.reportList:visited {
	color: #555555;
}

a.reportList:hover {
	color: #FFFFFF;
}

a.underlined {
	text-decoration:underline;
}