/***** Styles for my set up *******/

/* Reset */
html, body { margin: 0; padding: 0; border: 0;  
				background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	}

img 	{ margin:0; padding:0; border:0; }

table, tr, th, td, tbody, tfoot, thead {
	margin: 0; padding: 0; border: 0;
	vertical-align: baseline;
	background: transparent;
	}


/**** Setup for my html ******/

body			{font-family:Arial, Helvetica, sans-serif; background-position:center;}
#page			{margin: 0px auto 0px auto; width:960px;}
header  		{font-family:Verdana, Geneva, Tahoma, sans-serif; text-align:center; color:navy; margin-top:10px;}
header h1		{font-size:24px;}
header h2       {font-size:17px;}
header h3		{font-size:12px; font-style:italic; padding-bottom:10px;}
table td		{vertical-align: top;}
header tr			{height:130px;border:medium; border-color:black;}
header td.hleft     {width:200px; margin-right: 10px;}
header td.hmiddle   {width:580px; margin-right:10px;}
header td.hright	{ width:180px; }
nav          	{font-family:Verdana, Geneva, Tahoma, sans-serif; margin-top: 8px;  text-align: center;
                  margin-bottom:8px;}
nav ul li a   	{padding :5px 5px; font-size:12px;}
nav ul li      	{display:inline; }
nav a:link    	{color:white; background-color:navy;}
nav a:visited  	{color:white; background-color:navy;}
nav a:active 	{color:white; background-color:navy;}
nav a:hover    	{color:white; background-color:#FF0000;}
nav a:focus    	{color:white; background-color:navy;}
#content-header	{width: 100%;border-top:3px solid #cccccc; border-bottom:3px solid #cccccc;
                    text-align:center; padding:2px 0 5px 0;}
#content        {font-family: "Calligraph421 BT",Cambria, Cochin, Georgia, Times,
                    "Times New Roman", serif; font-size: 17px; text-align:left;}
p.centre-note	{text-align:center;}

#mainbox       /* Controlled by 'article below' */
    
article			{margin-top:5px; margin-bottom:5px;
                    height:420px;
                    float: left;
                    width:700px;
                    border:1px solid #333;
                    padding: 5px;
                    margin-left:3px; 
                    margin-right:3px;
				}
#article-picture{float:right; padding: 5px; height:200px;}

#mainbox-p		/* 'article' not used for Prayer board as has no length constraint - but
					otherwise like 'article' */
				{margin-top:5px;
                    float: left;
                    width:700px;
                    padding: 5px;
                    margin-left:3px; 
                    margin-right:3px;
				}
				
#mainbox-s      /*used for small windows */
				{margin-top:5px;
                    float: left;
                    width:400px;
                    padding: 5px;
                    margin-left:3px; 
                    margin-right:3px;
				}
#big-box		{margin-top:5px;
					border:1px solid #333;
                    padding: 5px;
					height: 430px;
					margin-bottom:5px;
				}
.inbigbox		{margin-left: 25px;}

.roof-link      {width:700px;background-color:red;
				 padding-left:130px; padding-right:130px;
				 font-weight:bold; color:lime;}
					
#rightbox       {margin-top:5px; margin-bottom:5px;
                    height:430px;
                    float: right;
                    width: 220px;
                    border:1px solid #333;
                    padding: 5px;
                    margin-left:3px; 
                    margin-right:3px;
				}
#rightbox h3    {font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:16px;
                    text-align:center;
                    text-decoration:underline;
                    color:navy;
                    line-height: 2em;
                }
#rightbox a     {line-height:1.8em;}

.bible-ref      {margin: 0; padding: 0; color: rgb(0, 146, 195); text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial;}
.bible-ref2     {margin: 0; padding: 0; font-size:small; color:rgb(0,146, 195); text-decoration: none; outline-style: none; outline-width: initial; outline-color: initial;}
.verse          {margin: 0; padding: 0; color:rgb(146, 17, 136); font-style: italic;} 
.verse2         {margin: 0; padding: 0; color:rgb(146, 17, 136); font-style: italic; line-height:1.2em;}
#help-list      {margin-left:40px;}

#rsidebar		{margin-top:20px; margin-bottom:5px;
			 	height:430px;
			 	width:320px;
			 	padding: 5px;
			 	margin-left:3px;
			 	float:right;
			 	border:1px solid #333;
 			 	font-family: "Calligraph421 BT",Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
				font-size: 17px; text-align:left;
				}		

#map-content 	{margin-top:20px; margin-bottom:5px;
			 	height:430px;
			 	float:left;
			 	border:1px solid #333;
			 	padding: 3px;
			 	margin-left:3px;  /* border + margin = 10px */
			 	margin-right:3px; /* border + margin = 10px */
				font-family: "Calligraph421 BT",Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
				font-size: 17px; text-align:left;
				}

/** Format Contact Form **/
.contact_form   {margin-left: 5px; padding:0 0 0 30px;font-family: Arial, Verdana, sans-serif; display:table;}
.contact_form fieldset
		{width: 860px;
		border: 4px solid;
		border-color: #dcdcdc;
		border-radius:10px;
		padding: 20px;
		}

.contact_form legend
		{background-color: #efefef;
		border: 1px solid #dcdcdc;
		border-radius:10px;
		padding:10px 20px;
		text-align:left;
		font-weight:bold;
		}

.contact_form label{margin-left:30px; float:left;width:180px;}
.contact_form.clear{clear:both;} /* prevent elements from stacking weirdly*/

.contact_form input, textarea
		{font-size: 120%;
		color: #5a5854;
		background-color: #f2f2f2;
		border: 1px solid #bdbdbd;
		border-radius: 5px;
		padding: 5px 5px 5px 30px;
        margin-bottom:3px;
		background-repeat:no-repeat;
		background-position: 8px 9px;
		}
.contact_form input {width:250px;}
				
.contact_form input:focus, input:hover {background-color:#ffffff;border: 1px solid #b1e1e4;}
.contact_form input#sbutton {font-size: 120%;
                            color: #444444;
                            border-bottom:2px solid #b2b2b2;
                            background-color: #b9e4e3;
                            text-shadow: 0px 1px 1px #ffffff;
                            margin-left:280px;
                            }
.contact_form input#sbutton:hover
                            { color:#333333;
                              border: 1px solid #a4a4a4;
                              border-top: 2px solid #b2b2b2;
                              background-color: #a0dbc4;
                            }

/** Now format Prayer Form **/
.prayer_form  		{font-family: Arial, Verdana, sans-serif; font-size: 12px;}
.prayer_form legend	{background-color: #efefef;
					border: 1px solid #dcdcdc;
					border-radius:10px;
					padding:10px 20px;
					text-align:left;
					font-weight:bold;
					font-size:14px;
					}
.prayer_form fieldset	{/**width: 650px; **/
					border: 4px solid;
					border-color: #dcdcdc;
					border-radius:10px;
					padding: 5px;
					}
	
.prayer_form label	{width: 200px; float: left; margin: 0 20px 0 0;}
.biginput label		{width: 309px; float: left; margin: 0 20px 0 0;}
.prayer_form span 	{ display: block; margin: 0 0 3px; font-size: 1.2em; font-weight: bold; }

.prayer_form input  { width: 200px; border: 1px solid #bdbdbd; padding:5px; 
 					margin-bottom:10px;font-size:120%; border-radius: 5px;
 					background-repeat:no-repeat;background-position:8px 9px;
 					color: #5a5854;	background-color: #f2f2f2;}
.biginput input		{ width: 309px; border: 1px solid #bdbdbd; padding:5px;
					margin-bottom:10px;font-size:120%; border-radius: 5px;
 					background-repeat:no-repeat;background-position:8px 9px;
 					color: #5a5854;	background-color: #f2f2f2;}


 
.prayer_form.clear	{clear:both;} /** prevent elements from stacking weirdly **/					

.prayer_form textarea
		{font-size: 120%;
		 width:618px;
		color: #5a5854;
		background-color: #f2f2f2;
		border: 1px solid #bdbdbd;
		border-radius: 5px;
		padding: 5px 5px 5px 30px;
        margin-bottom:10px;
		background-repeat:no-repeat;
		background-position: 8px 9px;
		}
#spam_check {font-weight:bold; width:400px; text-align:right; font-size: 1.2em;}
#spam_check input {width:40px;}

.prayer_form input#pbutton {font-size: 120%;
                            color: #444444;
                            border-bottom:2px solid #b2b2b2;
                            background-color: #b9e4e3;
                            text-shadow: 0px 1px 1px #ffffff;
                            margin-left:270px;
                            }
.prayer_form input#pbutton:hover
                            { color:#333333;
                              border: 1px solid #a4a4a4;
                              border-top: 2px solid #b2b2b2;
                              background-color: #a0dbc4;
                            }

/** End of prayer form **/

/** Now do upload form **/
.upload_form   {margin-left: 5px; padding:0 0 0 30px;font-family: Arial, Verdana, sans-serif; display:table;}
.upload_form fieldset
		{width: 500px;
		border: 4px solid;
		border-color: #dcdcdc;
		border-radius:10px;
		padding: 20px;
		}

.upload_form legend
		{background-color: #efefef;
		border: 1px solid #dcdcdc;
		border-radius:10px;
		padding:10px 20px;
		text-align:left;
		font-weight:bold;
		}

.upload_form label{margin-left:30px; float:left;width:180px; margin-top:8px;}
.upload_form.clear{clear:both;} /* prevent elements from stacking weirdly*/

.upload_form input {margin-left:50px; float:left;width:250px;margin-top:8px;}
				
.upload_form input:focus, input:hover {background-color:#ffffff;border: 1px solid #b1e1e4;}
.upload_form input#sbutton {font-size: 120%;
                            color: #444444;
                            border-bottom:2px solid #b2b2b2;
                            background-color: #b9e4e3;
                            text-shadow: 0px 1px 1px #ffffff;
                            margin-left:130px;
                            }
.upload_form input#sbutton:hover
                            { color:#333333;
                              border: 1px solid #a4a4a4;
                              border-top: 2px solid #b2b2b2;
                              background-color: #a0dbc4;
                            }

/** End of upload form **/

.PCClist 		{width:365px; margin-left:70px; line-height:1.2em;}

footer			{font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:8px; float:left;}

/** Formatting of pictures **/
img.font    	{margin-top:100px;height:205px; width:215px;}
img.carriage	{margin-top:20px; margin-left:3px; width:210px;}
img.wedpic3		{margin-top:15px; width:129px; height:193px; margin-left:45px;}

/** Formatting of thumbnail pictures **/;
.allthumbs		{display:inline-block;}
.photos			{display:inline; float:left; width:170px; margin-top:7px;margin-left:15px; margin-right:2px;}
.photos img 	{width:165px;}
.photos figcaption {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-style:italic; text-align:center;}
.allthumbs input {width:160px; margin-top:40px; margin-left:2px; margin-right:2px; }

.appeal         {line-height:1.0em;}
.PayPal         {float:left; width:200px; margin-left:10px;}
.cheque			{float: left; width:400px; margin-left:10px; line-height:1.2em;}

}