body {  
	padding: 2px;	/* to give border to text editor */
	margin: 2px;	/* to give border to text editor */
   background-color: #ffffff;
   font-family: Arial, helvetica, sans-serif;
}

body, html {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: #444444; /* line-height:120%; */ margin-top: 0px; margin-bottom: 13px}

/* NEEDED TO HANDLE TEXT ENTERED VIA EDITOR */

body, td, th, div {
   color: #444444;
   /* line-height:120%; */
}

ul {
   margin-left: 2em;
   padding-left: 0em;
   list-style-type: square;
   color: #444444;
   /* line-height:120%; */
   margin-top: 0px;
   margin-bottom: 13px;
}

ol {
   margin-left: 2em;
   padding-left: 0em;
   list-style-type: decimal;
   color: #444444;
   /* line-height:120%; */
   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: #008AB0; text-decoration: underline}
a:visited, p a:visited, ul a:visited, ol a:visited {color: #008AB0; text-decoration: underline}
a:active, p a:active, ul a:active, ol a:active {color: #B32317; text-decoration: none}
a:hover, p a:hover, ul a:hover, ol a:hover {color: #B32317; text-decoration: none}

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

h1 {color: #B32317; font-weight: bold; margin-top: 0px; margin-bottom: 10px; /* line-height:110%; */}
h2 {color: #B32317; font-weight: bold; margin-top: 0px; margin-bottom: 10px; /* line-height:110%; */}
h3 {color: #444444; font-weight: bold; margin-top: 0px; margin-bottom: 10px; /* line-height:110%; */}

hr {height:1px; width: 100%;color: #444444; 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 #444444;
	margin-bottom: 13px;
	width: 100%;
}

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

table.tableformatting th {
	background-color: #E2E2E2;
	font-weight: bold;
	text-align: left;
}