/* Main style sheet etc. */

/* general style declarations */
html, body {
	padding: 0%;
	margin: 0%;
	font: 11pt Verdana, Geneva, sans-serif;
}

/* Heading styles for the site */
h1, h2 {color: rgb(0, 80, 0);}	/* Colour for all headings regardless of hierarchy */
h1 {font-size: 140%;
	line-height: 140%;}				/* Size for primary headings on a given page */
h2 {font-size: 110%;
	line-height: 110%;}				/* Size for secondary headings */

/* Bullet point list styling */
ul {list-style: none;
	padding-left: 2em;
	margin-left: 0em;}				/* Remove default bullets */
li {padding: 0.1em 0;}				/* slightly increase spacing between bullet lines */
ul li::before {
	content: "\2022"; 				/* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: rgb(80, 80, 140);		/* The colour of the bullet points themselves */
	display: inline-block;			/* Needed to add space between the bullet and the text */
	width: 1em;						/* Also needed for space (tweak if needed) */
	margin-left: -1em;				/* Also needed for space (tweak if needed) */
}

ol {padding-left: 0em; margin-left: 1.2em;}
ol li {
  padding-left: 0.5em;
  margin-left: 0em;
}

p {text-align: justify;}

img {max-width: 100%;
	border: none;
	padding: 0em;
	margin: 0em;}
	
td {padding: 0em 0.2em;}
hr {height: 1px;
	border: 0px;
	background-image: linear-gradient(to right, rgba(20, 20, 160, 0), rgba(20, 20, 160, 0.7), rgba(20, 20, 160, 0.9), rgba(20, 20, 160, 1), rgba(20, 20, 160, 0.9), rgba(20, 20, 160, 0.7), rgba(20, 20, 160, 0));}

/* Top level styling rules for all links on the site, overwritten on a case by case basis only (and mostly for the header and footer links */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:focus {text-decoration: underline;}
a:hover {text-decoration: underline;}
a {color: rgb(20, 20, 150); font-weight: bold;}

/* The header contains the top banner only */
.header {border: none;
	margin: 0em;
	padding: 0em;
	display: block;
	background-color: rgb(80, 80, 96);
	color: rgb(255, 255, 0);}

.header a {color: rgb(255, 255, 0);}
.header a:hover {text-decoration: none; color: rgb(255, 255, 0);}

/* The topmenu class deals with the main navigation menu at the top only */
.topmenu {
	margin: 0% 0% 0% 0%;
	padding: 0.4em 0em 0.4em 0em;
	background-color: rgb(80, 120, 80);
	text-align: center;	
}
.topmenu a {color: rgb(255, 255, 235); font-weight: normal;}
.topmenu a:hover {text-decoration: none; color: rgb(255, 255, 100); font-weight: normal;}

/* Main content pane */
.content {
	/* prevent nested items from appearing outside the content pane */
	max-width: 1400px;
	overflow: hidden;
	margin: auto;
	line-height: 120%;
	border-style: solid;
	border-width: 0em;
	border-color: rgb(0, 0, 0);
	color: rgb(30, 30, 36);
}

/* Footerbar is the bottom navigation bar, footer is the copyright tagline underneath */
.footerbar
{
	clear: both;
	text-align: right;
	font-size: 0.8em;
	padding: 0.5em;
	background-color: rgb(80, 120, 80);
	color: rgb(255, 255, 235);
}

.footerbar a {color: rgb(255, 255, 235); font-weight: normal;}

.footer
{
	clear: both;
	text-align: center;
	font-size: 0.75em;
	line-height: 120%;
	padding-top: 0.5em;
	color: rgb(50, 50, 60);
}