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

h1, h2, h3, h4, h5, h6, p, img, ol, ul, li, table, caption {
	margin:0;
	padding:0;
	border:0;
	font-size: 16px;
	vertical-align: baseline;
	font-family: Open Sans, Arial, helvetica, sans-serif;
	color: #000000;
}

tbody, tfoot, thead, tr, th, td {
	/* As above but without vertical-align:baseline */
	margin:0;
	padding:0;
	border:0;
	font-size: 16px;
	font-family: Open Sans, Arial, helvetica, sans-serif;
	color: #000000;
}


/*******************************************************************************************************************************************************/
/************** FIXED FONT SIZES ***********************************************************************************************************************/
/*******************************************************************************************************************************************************/

/* 'H1 P' etc NEEDED AS TEXT EDITOR CAN PUT <P> TAGS INSIDE HEADER TAGS */

h1, h1 p {font-size: 24px;}
h2, h2 p, p.cmsh2, p.larger {font-size: 20px;}

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

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

/* NEEDED TO HANDLE TEXT ENTERED VIA EDITOR */

body, td, th, div {color: #323232;}

ul, ol {
	margin-left: 2em;
	padding-left: 0em;s
	color: #323232;
	margin-top: 0px;
	margin-bottom: 13px;
}

li {color: #323232;}

ul {list-style-type: square;}
ol {list-style-type: decimal;}

/* 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: #004f92; text-decoration: underline}
a:visited, p a:visited, ul a:visited, ol a:visited {color: #004f92; text-decoration: underline}
a:active, p a:active, ul a:active, ol a:active {color: #004f92; text-decoration: none}
a:hover, p a:hover, ul a:hover, ol a:hover {color: #004f92; text-decoration: none}

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

h1 {color: #004f92; font-weight: bold; margin-top: 0px; margin-bottom: 10px; line-height: 110%;}
h2 {color: #666666; font-weight: bold; margin-top: 0px; margin-bottom: 10px; line-height: 110%;}

h1 a:link, h2 a:link, h1 a:visited, h2 a:visited {color: #004f92; text-decoration: none}
h1:active, h2 a:active, h1 a:hover, h2 a:hover {color: #004f92; text-decoration: underline}

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

img.doNotResize {}

a.linkButton, a.linkButtonRed, a.redButton {
    display: inline-block; *zoom: 1; *display: inline; /* IE7 */
    -webkit-border-radius: 12px; /* For older versions of Safari and Chrome */
    -moz-border-radius: 12px; /* For older versions of Firefox */
	border-radius: 12px;
	margin: 0px;
	padding: 4px 10px 4px 10px;
	font-weight: bold;
	background-color: #004f92;
	
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    
    -webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}

a.linkButton:link, a.linkButton:visited {color:#ffffff; text-decoration: none;}
a.linkButton:active, a.linkButton:hover {color:#ffffff; text-decoration: none; background-color: #3372a8;}

/*******************************************************************************************************************************************************/
/************** 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 */

/* Data table */

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

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

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

/* Layout table */

table.layouttableformatting {
	margin-bottom: 13px;
	width: 100%;
}

table.layouttableformatting th,
table.layouttableformatting td {
	padding: 3px 3px 3px 3px;
	color: #323232;
	text-align: left;
}