<style type="text/css">
span.footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	}
span.scripture {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
	}
	
footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
display: block;
	}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	}
	
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	}
p.center, body.center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
	}
	
	p.left, body.left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: left;
	}
div.mainbody {
  position: absolute;
  margin: 10px auto auto auto;
width:800px;
  border-radius: 10px;
  border: 1px solid silver;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
    height: fit-content;
		}

div.main
{
  position: absolute;
  margin: 10px auto auto auto;
  width: fit-content;
  height: fit-content;
  border-radius: 10px;
  border: 1px solid silver;
  padding: 10px;
}
div.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	border-top: 1px solid silver;
	}

img {
border: 0px;
padding: 5px;
display: block ;
margin: auto;
}
img.newsletter {
border: 0px;
padding: 5px;
display: flex;
align-content: flex-end;
}
form {
  /* Just to center the form on the page */
margin: 0 auto;
width: 400px;
  /* To see the limits of the form */
padding: 1em;
border: 1px solid #CCC;
border-radius: 1em;
}
div + div {
  margin-top: 1em;
}
label {
  /* To make sure that all label have the same size and are properly align */
display: inline-block;
width: 90px;
text-align: right;
}
input, textarea {
  /* To make sure that all text field have the same font settings
     By default, textarea are set with a monospace font */
font: 1em sans-serif;
  /* To give the same size to all text field */
width: 300px;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* To harmonize the look & feel of text field border */
border: 1px solid #999;
}
input:focus, textarea:focus {
  /* To give a little highligh on active elements */
border-color: #000;
}
textarea {
 /* To properly align multiline text field with their label */
vertical-align: top;
  /* To give enough room to type some text */
height: 15em;
  /* To allow users to resize any textarea vertically
     It works only on Chrome, Firefox and Safari */
resize: vertical;
}
.button {
  /* To position the buttons to the same position of the text fields */
padding-left: 90px; /* same size as the label elements */
}
button {
  /* This extra magin represent the same space as the space between
     the labels and their text fields */
margin-left: .5em;
}	
td.contactus {
 vertical-align: top;  
padding-left: 3px;
    padding-right: 3px;
}
</style>