/* Firefox, IE6, IE7 CSS Hack:

item: IE7
.item: Firefox
_item: IE6

----- */

body {
	margin: 0;
	padding: 15px;
	background-color : #ccc;
	color: #000000;
	font-face: Garamond,Arial,"Times New Roman";
}
p {
	font-size : 15pt;
	letter-spacing: 0.65pt;
	word-spacing: 0.55pt;
	text-indent: 1em;
}
.quote {
	margin: 5px 10%;
	padding: 0 10px;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	line-height: 1.25em;
	color: #555;
	font-style: italic;
}
hr {
	clear: both;
	margin: 10px 10%;
	height: 3px;
	color: #000;
	background-color: #777;
	border: 1px solid #000;
}
ol li {
	font-size: 14pt;
	letter-spacing: 0.55pt;
	word-spacing: 0.45pt;
}
a {
	color: #8D1D1C;
}
h1 {
	font-size: 28pt;
	text-align: center;
	color: #3B4979;
	margin: 3px 0;
	padding: 0;
}
h2 {
	font-size: 22pt;
	text-align: center;
	color: #2E395E;
	margin: 3px 0;
	padding: 0;
}
h3 {
	font-size: 18pt;
	text-align: center;
	color: #252D49;
	margin: 3px 0;
	padding: 0;
}
h4 {
	font-size: 12pt;
	text-align: center;
	color: #1F263B;
	margin: 3px 0;
	padding: 0;
}
h5 {
	font-size: 10pt;
	text-align: center;
	color: #0C2228;
	margin: 3px 0;
	padding: 0;
}
#header {
	position: fixed:
	top: 0;
	width: 100%;
	height: 121px;
	.height: 121px;
	_height: 89px;
	border-bottom : 2px solid #000;
	text-align: center;
	padding: 10px 0;
	background: #fff url(/images/white-oak.png) no-repeat 5px 5px;
}
#content {
	position: fixed;
	top: 156px;
	.top: 158px;
	_top: 101px;
/*	top: 195px;
	left: 0;
	right: 0;*/
	left: 15px;
	right: 15px;
	width: auto;
	height: auto;
	bottom : 90px;
	.bottom : 90px;
	_bottom : 80px;
/*	margin : 0px 0px 0px 0px;*/
	padding: 5px 20% 15px 20%;
	color : #000;
	overflow : auto;
	background: #fff url("http://www.whiteoakchapel.org/images/woc_elipse_small.png") no-repeat 10px 15px;
/*	background-color: #ddd;*/
}
#footer {
	position: fixed;
/*	top: auto;
	left: 0;
	right: 0;*/
	top: auto;
	bottom: 15px;
	left: 15px;
	right: 15px;
	width: auto;
	height: 55px;
	.height: 55px;
	_height: 35px;
	padding: 10px;
	border-top : 1px solid #000;
	text-align: center;
	font-size: 12pt;
	background-color: #fff;
}
.tab {
	clear: both;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 18pt;
	height: 31px;
/*	border-bottom: 2px solid #000;*/
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
}
.tab li {
	z-index: -1;
	display: inline;
	/*margin: 0;*/
	/*padding: 3px 7px;*/
	margin: 0 5px 0 5px;
	border: 1px solid #000;
	background: #777 url(/images/woc-li.png) no-repeat top left;
	text-wrap: none;
}

.tab li a {
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	padding: 0 3px 0 55px;
	text-wrap: none;
}

.tab li a:visited {
	color: #eee;
}

.tab li a:hover {
	color: #fff;
	text-decoration: underline;
}

.tab li a:active {
	color: #000;
}

.tab li.selected a { /*selected tab effect*/
	position: relative;
	background-color: #777;
	color: #fff;
}
#navigation {
	position: fixed:
	top: 120px;
	.top: 120px;
	_top: 100px;
	height: 75px;
	width : 100%;
	padding: 10px 0 10px 0;
	background-color: #eee;
}
