body {
	margin: 0em 0em 0em 0em;
	padding: 2em 2em 2em 2em;
	background: #FFF;
	}
	
	h { font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 0em;
	padding-top: 0em;
	text-align: center;
	}
	
h1 { font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 0em;
	padding-top: 0em;
	text-align: left;
	}

h2 { font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-align: left;
	margin-bottom: 0em;
	padding-top: 0em;
	}

/* use to bold phrases -  <span class ="bold"> phrase </span> */

.bold {font-weight: bold;} 

/* use "subject" to make red highlights like the subjects on the letter page <span class ="subject"> phrase </span> */	

.subject {color: #C30;}

/* define default text values in paragraphs */

p {font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	text-align: left;
	margin: 0 0 0em 0;
	padding: 0 0em 0em 0em; 
	}
	

	
/* CSS that applies to the validation markers */

#validation {position: relative;
	text-align: center;
	margin: 15% 0% 1% 0%;
	}
	
#validation img {border: 0;}


/* these define how links look that aren't in the menu - hover sets the color when a mouse is over the link */
a:link, a:visited, a:active {text-decoration: none;}
a:link {color: #C30; }
a:hover {color: #FF0; }