body {
	padding: 0px;
	margin: 0px;
	font-family: Arial, helvetica, sans-serif;
}

html {height: 100%;}
body {height: 100%;}

/* To remove border around image sthat are links */
/* This can't be done using the editor */ 
img {
	border: 0px;
}

/*******************************************************************************************************************************************************/
/************** general styles *************************************************************************************************************************/
/*******************************************************************************************************************************************************/

/* NOTE MARGIN BOTTOM SET TO 13PX SO THAT IT MATCHES SPACING OF <BR><BR> IN IE 6 */

p {color: #58595B; margin-top: 0px; margin-bottom: 13px}

/* NEEDED TO HANDLE TEXT ENTERED VIA EDITOR */

body, td, th, div {
   color: #58595B;
}

ul {
   margin-left: 2em;
   padding-left: 0em;
   list-style-type: square;
   color: #58595B;
   margin-top: 0px;
   margin-bottom: 13px;
}

ol {
   margin-left: 2em;
   padding-left: 0em;
   list-style-type: decimal;
   color: #58595B;
   margin-top: 0px;
   margin-bottom: 13px;
}

/* NOTE THAT BASIC LINK "a:link" HAS BEEN ADDED SO THAT LINKS ENTERED VIA THE TEXT EDITOR */
/* AND NOT IN <P><UL><OL> TAGS APPEAR COORECTLY (e.g LINK IN A TABLE CELL) */

a:link, p a:link, ul a:link, ol a:link {color: #58595B; text-decoration: underline}
a:visited, p a:visited, ul a:visited, ol a:visited {color: #58595B; text-decoration: underline}

/*************************************/
/* FORMERLY SET IN COLOUR STYLESHEET */
/*************************************/
a:active, p a:active, ul a:active, ol a:active {color: #0077c0; text-decoration: none}
a:hover, p a:hover, ul a:hover, ol a:hover {color: #0077c0; text-decoration: none}
/*************************************/
/* END *******************************/
/*************************************/

/* Required by text editor */
a, p a, ul a, ol a {color: #58595B; text-decoration: underline} 

/*************************************/
/* FORMERLY SET IN COLOUR STYLESHEET */
/*************************************/
h1 {color: #0077c0; font-weight: bold; margin-top: 0px; margin-bottom: 10px;}
h2 {color: #0077c0; font-weight: bold; margin-top: 0px; margin-bottom: 10px;}
/*************************************/
/* END *******************************/
/*************************************/

h3 {color: #58595B; font-weight: bold; margin-top: 0px; margin-bottom: 10px;}

hr {height:1px; width: 100%;color: #58595B; background-color: #b3b3b3; border:0; margin-top: 0px; margin-bottom: 13px}
hr.links {width: 50px; margin-bottom: 13px}

/*******************************************************************************************************************************************************/
/************** inline table styles ********************************************************************************************************************/
/*******************************************************************************************************************************************************/

/* THESE STYLES ARE TO BE USED WHEN A TABLE IS SET CREATED IN THE TEXT EDITOR */
/* MAYBE ALL TABLES SHOULD DEFAULT TO THIS */

table.tableformatting {
	border-top: 1px solid #888888;
	margin-bottom: 13px;
	width: 100%;
}

table.tableformatting th,
table.tableformatting td {
	border-bottom: 1px solid #888888;
	padding: 3px 3px 3px 3px;
}

/*************************************/
/* FORMERLY SET IN COLOUR STYLESHEET */
/*************************************/
table.tableformatting th {
	background-color: #B5D9EA; /* light shade (reduced by a 1/2 */
	font-weight: bold;
	text-align: left;
}
/*************************************/
/* END *******************************/
/*************************************/