/* CSS for floating columns */
/* http://www.pmob.co.uk/temp/2columncentred_equalising.htm - Thank you, Paul! */

body {
	background-image: url(/images/bgsun-sky.gif);
	background-repeat: repeat;
	color: #527490;
	margin: 1px 10px 1px 10px;
	padding: 0;
	text-align:center;/* center layout in ie5 and 5.5. */
}
#container {
	width: 830px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #336699; /* this is the background colour of the left column */
	color: #000;
	border: 2px solid #000;
	text-align:justify;
}
#content {
	border-left: 1px solid #000;
	padding: 0;
	background-color: #fbfbfd;/*this is the background colour of the right column */
	margin-left: 134px;
	}
#left {
	float:left;
	width:132px;
	margin-left: -131px;
	left: -3px;
	position: relative;
}
#right {
	float:left;
	width:692px;
	color: #000;
	}
#right p { color: #000;
	margin-right: 15px;
	margin-left: 15px;
	padding: 2px 5px 0 5px; 
	}
#header, #footer {
	background:#f4f4f6; /* this color necessary because it is the chapel background image color */
	text-align:center;
	width: 100%;
	}
#header { border-bottom: 1px solid #000; }
#footer { border-top: 1px solid #000; }

#header h1, #footer h1 {margin:0}
#footer {background:#f4f4f6;}

/* clear floats without structural markup */
.clearfix:after { content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* mac hide \*/
   *html .clearfix {height: 1%; }
    .clearfix { display: block; }
/* End hide */

/* END OF 2 COLUMN CSS STYLES */

/* MENU LIST STYLES p78-79 CSS Anthology by Rachel Andrew */
#navigation { width: 130px;
	font-family: Garamond, "Comic Sans MS", "Times New Roman", serif;
	font-size: .8em;
	font-weight: bold;
	text-align: center;
	margin-top: 15px; /* space between header and menu */
	margin-bottom: 15px; /* space between menu and footer */
	}
#navigation ul { list-style: none;
	margin: 0;
	padding: 0;
	}
#navigation li { border-bottom: 1px solid #336699;
	}
#navigation li a:link, #navigation a:visited { 
	display: block;
	margin-top: 2px;
	padding: 3px; /* this is within the button */
	border: 3px groove #fbfbfd; 
	background-color: #9cb3d6;
	color: #1e3f5e;
	text-decoration: none;
	}
#navigation li a:hover, #navigation a:active {
	display: block;
	margin-top: 2px;
	padding: 3px; /* this is within the button */
	border: 3px groove #fbfbfd;
	background-color: #336699; 
	color: #fbfbfd;
	text-decoration: none;
	}	
/* End navigation list */

/* CSS for header */
h1#chapel { 
	font-family: Garamond, serif;
	font-size: 2.3em;
	color: #2b5277;
	font-weight: bold;
	text-align: center;
	margin-top: 0em;
	margin-bottom:.5em;
} /* Chapel Name at top of homepage */

h1#chapel strong{
	font-size:40%;
}	/* DO NOT REMOVE! */

.dropcap { font-size: 1.5em;
	font-weight: 400; } /* Chapel Name at top of homepage */
	
img { border: 0; }

h1#chapel img {
	float:right;
	margin-right: 60px;
	display:inline;
} /* Chapel pic at top of homepage */

.verse { font-size: 0.7em;
	font-style: italic;
	font-weight: bold;
	color: #336699;
	text-align: center;
	} /* at top of homepage content */

/* End header css */

/* General CSS */
a:link, a:visited { color: #336699;
	font-weight: bold; }
a:hover, a:active { color: #9cb3d6;
	font-weight: bold; }
p { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	font-weight: 500; 
	}
p.center { text-align:center; }
.strong { font-weight: bold; }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #2b5277;
	text-align: center;
	}
h3 { font-family: Tahoma, serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: #000000; 
	text-align: center;
	} /* copyright style */

hr { border: none;
	background-color: #336699;
	color: #336699;
	height: 2px;
	width: 75%;
	}