/* ============  stmatts-format.css - not yet tidied up!  ============ */
/*
	This is used by the editor to bring certain styles.
*/

body.mceContentBody
{
	padding: 10px 15px;
	font: 11px/1.5em Arial, Sans-Serif;
	
}
body.mceContentBody td,body.mceContentBody th
{
	font: 11px/1.5em Arial, Sans-Serif;
}

h1.title, h2.title, h3.title, h4.title, h5.title, h6.title 
{
	letter-spacing: 1px;
	line-height: 1.8em;
	border-style: solid;
	border-width: 1px 0;
	border-color: #8ac;
	color: #fff;
	background-color: #a4c4e4;	
	padding: 0 0.8em;	
}

h1.title a, h2.title a, h3.title a, h4.title a, h5.title a, h6.title a
{
	display:block;
	color: #fff;
	background-color: #a4c4e4;
}

.small
{
	font-size: 0.85em;	
}

.boxout
{
	display:block;
	background-color: #a4c4e4;/*#8ba5bc;*/	
	padding: 10px 16px;
	margin: 0.5em auto 1em;
	color: White;	
}

.boxout a
{
	color: White;
	text-decoration:underline;	
}

.bordered, .bordered img, .bordered_left, .bordered_left img, .bordered_right,  .bordered_right img
{
	border-width:1px!important;	
	border-color: #113!important;
	border-style: solid;
}
.bordered_left,.no_border_left
{
	float:left;
	margin: 0 8px 8px 0;
}
.bordered_right,.no_border_right
{
	float:right;
	margin: 0 0 8px 8px;
}

.no_border,.no_border_left,.no_border_right,.no_border img,.no_border_left img,.no_border_right img
{
	border: 0!important;
}


.boxout, table.boxout td
{
	display:block;
	background-color: #99ccff;
	padding: 1.5em;	
	clear:both;
}
table.boxout
{
	width: 100%;
	margin: 0 auto;	
}

.bgreen, table.bgreen td
{
	background-color: #66AA91;	
}

.bred, table.bred td
{
	background-color: 	#DD85A4;
}

table.boxout
{
	margin-bottom: 1em;	
}



.fs1{font-size:9px;}
.fs2{font-size:10px;}
.fs3{font-size:11px;}
.fs4{font-size:12px;}
.fs5{font-size:14px;}
.fs6{font-size:16px;}
.fs7{font-size:20px;}