body	{

/* This helps to standardise the font height across a range of browsers and when users scale the
	image in their browser. From www.alistapart.com/articles/howtosizetextincss/ - MAS 9Dec10 */
	font-size: 100%;
	line-height: 1.125em;	
	margin-top : 2px;
/* reset-browsers has more body attribute definitions */
}

a:link	{ color: #303090 ;  /* The default colour for links. #303090 is a light navy blue */
	text-decoration: none;
	font-weight: bold;}

a:visited	{ text-decoration: none; }
	/* Had color : #CC6633;	but commented out to remove the Visited definition 2Jul08 MAS */
	/* Note: an <a style="xyz"> starts with the colour in the CSS a:link definition,
	   but takes on the colour of the xyz inline style after being visited. */

a:hover		{ text-decoration: underline; }
	/* Had color : #6f2020;	but commented out to leave just the underline 2Jul08 MAS */

a:active	{ color: #55CC55;  text-decoration: none; }  /* A mid green */

/* The original topnav had 90% */
/* Top navigation bar links. This way works properly with td.topnavbar */
a.topnav:link { color: #FFFFFF; 	/* White text for top nav bar */
	background-color: #5070B0;  /* A softer blue than normal link colour */
	text-decoration: none;
	font-weight: bold; }

a.topnav:visited { color: #FFFFFF; /* No change if visited */
	background-color: #5070B0;
	text-decoration: none;
	font-weight: bold; }

a.topnav:hover { background-color: #5070B0;
text-decoration: underline; }

a.topnav:active { color: #55CC55; /* A mid green while being clicked on */
background-color: #5070B0;
text-decoration: none; }

/* Treat bottom nav the same way as topnav */
a.bottomnav:link { color: #FFFFFF; 	/* White text for top nav bar */
	background-color: #5070B0;  /* A softer blue than normal link colour */
	text-decoration: none;
	font-size : 80%;
	}

a.bottomnav:visited { color: #FFFFFF; /* No change if visited */
	background-color: #5070B0;
	text-decoration: none;
	font-size : 80%;
	}

a.bottomnav:hover { background-color: #5070B0;
text-decoration: underline; }

a.bottomnav:active { color: #55CC55; /* A mid green while being clicked on */
background-color: #5070B0;
text-decoration: none; }

/* Left side navigation links. This method works properly with td.Lnav */
a.vertnav:link { color: #303090; 	/* The standard navy blue for links */
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: normal; }
	
a.vertnav:visited { color: #303090;  /* Same navy blue if visited */
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: normal; }

a.vertnav:hover { background-color: #FFFFFF;
text-decoration: underline; }

a.vertnav:active { color: #55CC55; /* A light green while being clicked on */
background-color: #FFFFFF;
text-decoration: none; }

img.floatLeft {	/* For placing a picture to the left of text in a simple table-less way */
				/* Put the img tag inside the <p></p> for top of its text to align with top of the pic */
	float: left;
	vertical-align: top;
	clear: left; /* So that images go below each other */
	border-top: 3px solid #ffffff;
	border-right: 18px solid #ffffff;
	border-bottom: 12px solid #ffffff;
	}

img.floatRight {
	float: right;
	vertical-align: top;
	clear: right;
	border-top: 3px solid #ffffff;
	border-left: 18px solid #ffffff;
	border-bottom: 12px solid #ffffff;
	}
	
p , ul, ol {
	font-family : Arial, Helvetica, sans-serif;
	/* font-size definition was normal.
	Changing it to 90% makes font size the same in IE as with FireFox & Chrome etc
	100% shows up the difference. - MAS 9Dec10 */
	font-size : 90%;
	font-style : normal;
	line-height : normal;
	font-weight : normal;
	font-variant : normal;
	text-transform : none; /* Leave bullet style to browser default, by omitting it from reset-browsers.css */

	/* See td padding too */
	padding-top: 0.8em; padding-bottom: 0.4em;
}

ul, ol {
	margin-left: 3em;
	line-height : 1.5em;
}

ul {
	list-style-type: disc;
}

ol {
	list-style-type: decimal;
}

.indentedpara {
	margin-left: 2.5em;
}

table
{ border-collapse: separate;  /* was _collapse_ */
  border-spacing: 2px;}
  
.greyborder {
	border-collapse: collapse;	/* Allow for borders on td's too */
	border-style : solid ;
	border-width : 1px ;
	border-spacing : 0 ;
	border-color : #909090 ;
}

tr.lightgreen {
	background-color : #DFF8E0;	/* Home page left panel, and About page presidents' list */
}

td {
	font-family : Arial, Helvetica, sans-serif;
	/* font-size definition was originally normal.
	90% helps to equalise the font sizes between IE and other browsers */
	font-size : 90%;
	font-style : normal;
	vertical-align: top;
	line-height : normal;
	font-weight : normal;
	font-variant : normal;
	text-transform : none;
	padding-left : 0.8em; padding-right: 0.3em; padding-bottom: 0; /* See p padding too */
}

.headline {   /* Coloured headline bar. h1 within it defines the text colour */
	background-color: #dff8e0;  /* Originally dff8e0, pale green */
	vertical-align: middle;
}

.centre-item-pic {	/* For centre column pics */
	vertical-align: top;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0.8em;
	}

.centre-item-text {	/* For centre column text items */
	vertical-align: top;
	font-size: 90%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	padding-left: 0;
	padding-right: 0; padding-right: 0.3em;
	padding-top: 0.8em;
	padding-left : 0.8em; padding-right: 0.3em;
	}

.topnavbar { background-color: #5070B0;
	height: 22px;
	vertical-align: middle;
	color: #FFFFFF /* Background & height for topnav bar across whole page */
}

.bottomnavbar { background-color: #5070B0;
	height: 40px;
	font-size: 80%;  /* For the text not in the <a> */
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF; /* Background & height for bottom nav for centre & right columns */
}

.Lnav { background-color: #FFFFFF;
	font-size : 90%;
	font-style : normal;
	border-bottom-style : solid;
	border-right-color : #6666FF;
	border-bottom-color : #6666FF;
	border-left-color : #6666FF;
	border-bottom-width : 1px;
}

.LnavNoUL { background-color: #FFFFFF;  /* Side links with no under line */
	font-size : 90%;
	font-style : normal;
	border-bottom-style : none;
	border-right-color : #6666FF;
	border-bottom-width : 0px;
}

.general {
	border-top: 1px solid #Dff8e0;
	border-right: 1px solid #Dff8e0;
	border-bottom: 1px none #Dff8e0;
	border-left: 1px solid #Dff8e0;
}

.tableheadrow {
	border-top: 1px solid #Dff8e0;
	border-right: 1px solid #Dff8e0;
	border-bottom: 1px none #Dff8e0;
	border-left: 1px solid #Dff8e0;
	background-color: #Dff8e0;
}

.infoheader , h2 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 105%;
	font-style : normal;
	line-height : normal;
	font-weight : bold;
	font-variant : normal;
	color : #303090; /* For infoheader, but won't suit h2. Split the definitions. */
}

.bar {
	font-family : Arial, Helvetica, sans-serif;
	line-height : 2px;
	background-color : #ffffff;
	background-position : 0% 50%;
	clear : none;
	float : left;
	height : auto;
	width : auto;
	border-right-style : none;
	border-bottom-style : solid;
	border-right-color : #60c8a0;
	border-bottom-color : #60c8a0;
	border-left-color : #60c8a0;
	color: #CCCCCC;
}

.projectnav {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 85%;	/* Was "small". 85% gives a better distinction */
	font-style : normal;
	line-height : normal;
	font-weight : bold;
	font-variant : normal;
	color : #303090;	/* Colour should agree with the <a> default colour. This is now like infoheader except smaller  12Dec10 MAS */
}

.heading , h1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : medium;
	font-style : italic;
	line-height : normal;
	font-weight : bold;
	font-variant : normal;
	text-transform : none;
	color : #DD3344;  /* Was #FF0066 */
}

.current {
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-style : normal;
	line-height : normal;
	font-weight : bold;
	font-variant : normal;
	text-transform : none;
	color : #333333;
}

.rightbox {
	border-left-style : solid;
	border-left-color : #3399CC;
	border-left-width : thin;
	border-bottom-style : solid;
	border-bottom-width : thin;
	border-bottom-color : #3399CC;
}

.rlbox {
	font-family : Arial, Helvetica, sans-serif;
	border-left-style : solid;
	border-left-color : #3366CC;
	border-left-width : thin;
}

.leftbox {
	font-family : Arial, Helvetica, sans-serif;
	border-right-color : #3366CC;
	border-right-width : thin;
}

link {
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-style : normal;
	line-height : normal;
	font-weight : bold;
	font-variant : normal;
	text-transform : none;
	color : #ffffff;
	background-color : #6699FF;
	border : thin solid #66cc99;
}

.background {
	background-attachment: scroll;
	background-image : url();
	background-repeat : no-repeat;
	background-position : 85px 0%;
}

.Ltnav {
	border-right-style : none;
	border-bottom-style : solid;
	border-left-style : none;
	border-right-color : #dff8e0;
	border-bottom-color : #dff8e0;
	border-left-color : #dff8e0;
	border-bottom-width : 2px;
}

.indentedlist {
	list-style-position : outside;
	list-style-type : none;
	line-height : normal;
}

blockquote {
	/* 90% helps to equalise the font sizes between IE and other browsers */
	font-size : 90%;
	font-style : normal;
	line-height : normal;
	font-weight : normal;
	font-variant : normal;
	text-transform : none;
	padding-left : 3em; padding-right: 3em; padding-top: 0.5em; padding-bottom: 0.5em;
}

hr {
	background-color: #FFFFFF;
	border: medium solid #FFFFFF;
}

hr.normal {
	color: #000000;
}