/* These styles control the layout, font, spacing, etc. of the
 * text that is displayed in the editable region of a template.
 */
div#EditableBody {
}

div#EditableBody p {
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 3mm;
	margin-top: 0mm;
	padding-left: 2mm;
	padding-right: 2mm;
}

div#EditableBody h1 {
	color: #00008B;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 21px;
	margin-bottom: 3mm;
	margin-top: 6mm;
	padding-left: 2mm;
	padding-right: 2mm;
}

div#EditableBody h2 {
	color: #FF6820;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 4mm;
	padding-left: 2mm;
	padding-right: 2mm;
}

div#EditableBody h3 {
	color: #FF6820;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 4mm;
	padding-left: 2mm;
	padding-right: 2mm;
	text-transform: uppercase;
}

div#EditableBody h4 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 4mm;
	margin-top: 5mm;
	padding-left: 2mm;
	padding-right: 0mm;	/* NOTE: zero padding on right so that float right images go to edge */
}

div#EditableBody h5 {
	color: #00008B;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 4mm;
	padding-left: 2mm;
	padding-right: 2mm;
	text-transform: uppercase;
}

div#EditableBody li {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 1mm;
	margin-left: 3mm;
	margin-right: 10mm;
}

/* Provide a subtle embedded link */
div#EditableBody a.style1:link {
   color: #00008B;
   text-decoration: none;
}

div#EditableBody a.style1:visited {
   color: #800080;
   text-decoration: none;
}

div#EditableBody a.style1:active {
   color: #FF0000;
   text-decoration: none;
}

div#EditableBody a.style1:hover {
   color: #0000FF;
   text-decoration: none;
}

/* To display a logo or similar image in a borderless div */
div#EditableBody div.logo {
	border: 0;
	overflow: hidden;
	position: relative;
}

img {
	border: 0;
}

div#EditableBody img.floatright {
	border: 0;
	float: right;
	padding-left: 2mm;
	padding-bottom: 2mm;
}

div#EditableBody img.floatleft {
	border: 0;
	float: left;
	padding-left: 0mm;
	padding-right: 2mm;
	padding-bottom: 2mm;
}

/* This ensures that the footer is below the two "columns" and also
 * centers the text.
 */
div#Footer {
	border-top: 1px gray solid;
	clear: both;
	text-align: left;
	position: relative;
	width: 850px;
	z-index: 4;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	left: 0px;
	top: 0px;
}