/*

	Stylesheet for Church main pages - created by Tim Rolwing, April 21, 2003

*/

	body {
		background-color: #AA2255;
		font-family: "trebuchet MS", verdana, arial, helvetica, sans-serif;
		color: #000080;
		margin-top: 25px;
		margin-left: 3%;
		margin-right: 3%;
		margin-bottom: 25px;
	 }

	div.header {
		background-color: gold;
		height: 70px;
	 }

	div.address {
		background-color: gold;
		font-size: 12px;
		line-height: 140%;
		text-align: center;
		vertical-align: middle;
		height: 20px;
	 }

	div.navigate {
		background-color: #FFFAFA;
		border-top: solid #000080 1px;
		border-bottom: solid #000080 1px;
		font: 12px "Comic Sans MS";
		padding-left: 5%;
		height: 26px;
	 }

	div#top {
		background-color: #FFEFEF;
		padding-top: 0.25%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 0%;
		border: none;
		border-left: dotted gold 1px;
		border-right: dotted gold 1px;
	 }

	div#content {
		background-color: #FFEFEF;
		background-image: URL("http://sthenrychurch.org/i/churchpenink.gif");
		background-repeat: no-repeat;
		background-position: 50% 15%;
		padding-top: 0.25%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 25px;
		border: none;
		border-left: dotted gold 1px;
		border-right: dotted gold 1px;
		border-bottom: dotted gold 1px;

	 }

	div#content span {
		background-color: #FFEFEF;
	 }

	div.content {
		background-color: #FFEFEF;
		padding-top: 0.25%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 25px;
	 }

	div.schoolcontent {
		background-color: #FFEFEF;
		color: #AA2255;
		padding-top: 0.25%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 5%;
	 }

	div.schoolcontent h2.caption {
		font-style: italic;
		text-align: center;
	 }
		
	div#letterhead {
		background-color: #FFFFFF;
		color: #000000;
		font-family: arial;
		border: solid black 1px;
		padding: 10%;
		padding-top: 3%;
		padding-bottom: 3%;
	 }

	div#letterhead p {
		text-indent: 3em;
	 }

	div#letterhead p#heading {
		font-family: "times new roman";
		font-size: 1.6em;
		font-weight: bold;
		line-height: 102%;
		text-indent: 0;
		text-align: center;
		margin: 0;
		padding: 0;
		padding-bottom: 5%;
		border: none;
	 }

	div#letterhead p.nodent {
		text-indent: 0;
	 }

	div#letterhead p.note {
		text-indent: 0;
		padding:0;
		padding-top: 3%;
		margin: 0;
	 }

	div#letterhead p.citation {
		font-size: 0.8em;
		font-weight: normal;
		font-style: italic;
		position: relative;
		top: -1em;
	 }

	div.links {
		background-color: #FFEFEF;
		margin-top: 1.0em;
		padding-top: 0.75%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1%;
	 }

	div.copyright {
		color: #FFEFEF;
		font: 0.9em 140%;
		margin-top: 2.0em;
	 }

	div.compose {
		border: 1px dotted #AA2255;
		padding-top: 15px;
		padding-left: 3%;
		padding-right: 3%;
		padding-bottom: 3%;
	 }

	div.pray {
		background-color: #FFF0F5; /* old color used #FFFAFA */
		font-weight: bold;
		text-align: center;
		border: 2px dotted gold; /* old color used #F7E7E7 */
		margin-left: 3%;
		margin-right: 3%;
		padding-top: 25px;
		padding-left: 7%;
		padding-right: 7%;
		padding-bottom: 25px;
		color: #DB7093; /* old color used red */
	 }

	img.logo {
		float: left;
		border: none;
		margin-left: 1.5%;
	 }

	img.goodking {
		//float: right;
		border: none;
		height: 65px;
		position: absolute;
		right: 4%;
		top: 35px;
		//padding-right: 1.5%;
		//margin-right: 1.0em;

	 }

	img.smallcross {
		vertical-align: middle;
		border: none;
	 }

	a:link {
		color: #0000FF; 
		text-decoration: none;
	 }

	a:visited {
		color: #800080;
		text-decoration: none;
	 }

	a:active {
		color: #808000;
		text-decoration: none;
	 }

	a:hover {
		font-weight: bold;
	 }

	h1 {
		font: bold 1.5em/140%; 
		text-align: center;
	 }

	h1.contact {
		font-size: 1.5em;
		font-style: italic;
		line-height: 140%;
		text-align: center;
	 }

	h2 {
		font: bold 1.3em/140%; 
		text-decoration: underline;
	 }

	h2.links {
		font: bold 1.0em/140%; 
	 }

	h2.contact {
		font-size: 1.0em;
		font-style: italic;
		line-height: 140%;
		text-decoration: none;
	 }

	h2.contactr {
		font-size: 1.0em;
		font-style: italic;
		line-height: 140%;
		color: red;
		text-decoration: none;
		margin-top: -0.7em;
	 }

	h2.compose {
		font-weight: bold; 
		font-size: 1.0em;
		font-style: italic;
		line-height: 140%;
		text-decoration: none;
	 }

	h3 {
		font-weight: bold; 
		font-size: 1.1em;
		font-style: italic;
		line-height: 140%;
	 }

	h3.links {
		font-weight: bold; 
		font-size: 0.9em;
		font-style: italic;
		line-height: 140%;
		margin-top: 0%;
		margin-left: 3%;
		margin-bottom: 0%;
	 }

	p {
		font-size: 0.9em;
		line-height: 140%; 
	 }

	p.links {
		margin-left: 6%;
		margin-top: 0%;
	 }

	p.note {
		font-size: 0.8em;
		font-style: italic;
		line-height: 140%;
		text-align: center;
	 }

	p.notes1 {
		font-size: 0.8em;
		font-style: italic;
		line-height: 140%;
		margin-left: 3%;
	 }

	p.citation {
		font: bold 0.85em/140% arial;
		text-align: right;
		text-indent: 0;
		}

	p.contactform {
		font-size: 0.8em;
		font-style: italic;
		line-height: 140%;
		text-align: center;
		margin-left: 3%;
		margin-top: -1%;
	 }

	p.compose {
		background-color: #FFFAFA;
		border: 2px outset #F7E7E7;
		margin-left: 3%;
		margin-right: 3%;
		padding-top: 25px;
		padding-left: 7%;
		padding-right: 7%;
		padding-bottom: 25px;
	 }

	td.contact {
		font-size: 0.8em;
		line-height: 140%;
		padding-left: 12%;
		vertical-align: top;
	 }

	fieldset.contactform {
		font-size: 0.8em;
		line-height: 140%;
		text-align: right;
		margin-left: 6%;
		margin-right: 6%;
		padding-right: 15%;
		padding-bottom: 30px;
	 }

	legend.contactform {
		font-style: italic;
	 }

	input.contactform {
		background-color: #FFFAFA;
		font-family: "andale mono", "courier new", mono;
		color: black;
		padding-left: 5px;
	 }

	textarea.contactform {
		background-color: #FFFAFA;
		font-family: "andale mono", "courier new", mono;
		color: black;
	 }

	.itemBorder {
		border: 1px solid #FFEFEF;
	 }

	.itemText {
		text-decoration: none;
		color: #000080;
		font: 12px "Comic Sans MS", sans-serif;
	 }

	 a.itemText {
	 	display: block;
	 }

	.crazyBorder {
		border: 2px outset #663399;
	 }

	.crazyText {
		text-decoration: none;
		color: #000080;
		font: Bold 12px Arial, Helvetica;
	 }