body {
	margin: 0;
	padding: 0;
	min-width: 700px;
}

#header {
	font-family: serif;
	text-align: center;
}

#content {
	padding: 1em;
	margin-left: 210px;


/* one

more than the Width of Menu Items below */
}

#sidebar {
	position: fixed;
	top: 0;
	left: .5em;
}

#footer {
	clear: both;
	margin: 15em 0em 0em 2em;
}

h1, h2, h3, h4, h5, td, p, #header {
	color: #0649A8;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 120%;
	text-align: center;
	font-weight: bold;
}

td {
	text-align: center;
	color: #868794;
}

address {
	font-style: normal;
	font-weight: bold;
}

.chapelbg {
	background-image: url( chapel-lighter.jpg );
	background-repeat: no-repeat;
	background-position: center;
}

.logobg {
	background-image: url( churchlogo.jpg );
	background-repeat: no-repeat;
	background-position: top right;
	min-height: 200px;
}

.searchbox {
	padding-top: 1em;
	margin-top: 0;
}

.boldify {
	font-weight: bold;
}

ol.gallery,ul.gallery {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*ol.gallery td, ul.gallery td {
	min-width: 380px;
	min-height: 285px;
	text-align: left;
	vertical-align: top;
}*/

.details {
	font-size: small;
	color: #888;
	text-decoration: none;
}

.details a {
	color: #66f;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */

.menu {
	font-family: times, serif;
	width: 200px;
	height: 570px;
	position: relative;
	font-size: 12pt;
	margin: 30px 0;
	z-index: 100;
}

.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	color: #000;
	background: #d4e6fe;
	width: 200px;
	height: 570px;
}

.menu ul li ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	overflow: hidden;
	top: 0;
	left: 160px;
}

.menu ul li {
	float: left;
}

.menu ul li a, .menu ul li a:visited {
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
	color: #006;
	width: 190px;
	height: 30px;
	line-height: 29px;
	font-size: 12pt;
	background: transparent;
	padding-left: 10px;
}

.menu ul li.o a {
	background: #e9f2fe;
}

* html .menu ul li a, * html .menu ul li a:visited {
	width: 200px;
	w\idth: 90px;
}

.menu table {
	border-collapse: collapse;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 1em;
	position: absolute;
	left: 0;
	top: 0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */

.menu ul li:hover a,
    .menu ul li a:hover {
	background: #a7cbfd;
	color: #000;
}

.menu ul li:hover {
	position: relative;
	z-index: 90;
}

* html .menu ul li a:hover {
	position: relative;
	z-index: 100;
}

.menu ul li:hover ul,
    .menu ul li a:hover ul {
	visibility: visible;
	position: absolute;
	height: auto;
	border: 1px solid #555;
	background: #d4e6fe;
	overflow: visible;
}

.menu ul li:hover ul li a,
    .menu ul li a:hover ul li a {
	display: block;
	background: transparent;
	color: #000;
	line-height: 15px;
	padding: 5px 0 5px 10px;
	height: auto;
	text-decoration: none;
}

.menu ul li:hover ul li:hover a,
    .menu ul li a:hover ul li a:hover {
	background: #a7cbfd;
	color: #000;
}

.menu ul li:hover ul li ul,
    .menu ul li a:hover ul li a ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	overflow: hidden;
	top: 0;
	left: 160px;
}

.menu ul li:hover ul li:hover ul,
    .menu ul li a:hover ul li a:hover ul {
	visibility: visible;
	position: absolute;
	height: auto;
	color: #000;
	padding: 0;
	border: 1px solid #069;
	list-style-type: none;
	background: #a7cbfd;
}