/* This design is by Erik Vorhes, for the exclusive use of Fox Valley Presbyterian Church, in Geneva, Illinois. Copyright © 2006 Erik Vorhes, all rights reserved. You can contact and learn more about the designer by visiting <http://erikanderica.org/erik/>. */

/* general styles */

* {
	margin: 0;
	padding: 0;
	}
body {
	background: #fff url("bg.png") repeat-y 0 0;
	color: #222;
	font: 100% Verdana, sans-serif;
	}
html>body { font-size: 16px; }
a:link {
	color: #006;
	}
a:visited {
	color: #606;
	}
a:active {
	color: #f00;
	}
abbr,
acronym,
dfn {
	border-bottom: 1px dotted #bbb;
	cursor: help;
	}
h1 {
	color: #006;
	font: 3em Georgia, serif;
	padding: .5em 0;
	}
h2 {
	clear: both;
	color: #a00;
	font-family: Georgia, serif;
	font-size: 1.5em;
	margin: 1em 0;
	}
h3 {
	color: #922;
	font-size: 1.25em;
	font-family: Georgia, serif;
	font-weight: bold;
	line-height: 1.2;
	margin: 1.2em 0 0;
	}
img {
	border: none;
	}


/* header styles */

#header {
	background: #fff url("header.png") no-repeat 0 100%;
	padding: 0 40px .75em 280px;
	}
#header h1 {
	width: 100%;
	}
#header h1 a:link,
#header h1 a:visited {
	color: #006;
	text-decoration: none;
	width: 100%;
	}
#header h1 a:hover,
#header h1 a:active {
	color: #33c;
	}
body.index #header h1 a {
	color: #006;
	cursor: default;
	}

/* PCUSA seal and other top-left images */

#pcusa {
	position: absolute;
	top: .75em;
	left: 0;
	text-align: center;
	width: 240px;
	}
#pcusa img {
	height: 5.25em;
	}
#pcusa a {
	border: none;
	text-decoration: none;
	}

/* content styles */

#content {
	margin: 1em 0 1.5em;
	position: relative;
	}

/* navigation styles */
	
#navigation {
	position: absolute;
	text-align: center;
	top: 0
	left: 0;
	width: 240px;
	}
#navlist {
	font-size: .75em;
	font-weight: bold;
	line-height: 1;
	}
#navlist li {
	line-height: 1;
	list-style: none;
	margin: 0;
	}
#navlist li a {
	background: #ddf;
	border-top: 1px solid #bbf;
	border-bottom: 1px solid #bbf;
	color: #006;
	display: block;
	margin: -1px 0;
	padding: 5px 10px 7px;
	text-align: center;
	text-decoration: none;
	}
#navlist li a:hover {
	background: #bbf;
	}
#navlist li a:active {
	background: #f00;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	color: #006;
	}
body.about-index #navlist li a#about,
body.worship-index #navlist li a#worship,
body.youth-index #navlist li a#youth,
body.preschool-index #navlist li a#preschool,
body.adults-index #navlist li a#adults,
body.mission-index #navlist li a#mission,
body.caring-index #navlist li a#caring,
body.contact-index #navlist li a#contact {
	background: #006;
	border-top: 1px solid #006;
	border-bottom: 1px solid #006;
	color: #ddf;
	cursor: default;
	}

/* main content styles */
	
#main {
	margin: 0 40px 0 0;
	min-width: 480px;
	padding: 0 0 0 280px;
	position: static;
	}
body.index #main {
	background: url("fvpc.jpg") no-repeat top right;
	}
#main dt {
	color: #922;
	font-weight: bold;
	line-height: 1.5;
	}
#main dd {
	line-height: 1.5;
	margin: 0 0 1.5em;
	}
#main ul {
	line-height: 1.5;
	margin: 0 0 1.5em 1.5em;
	}
#main li {
	line-height: 1.5;
	}
#main p {
	line-height: 1.5;
	margin: 0 0 1.5em;
	}
#main #times {
	margin: 1.5em 275px 0 0;
	text-align: center;
	}
#main #times dt {
	color: #a00;
	}
.image,
.figure {
	clear: right;
	float: right;
	margin: 0 0 1.5em 1.5em;
	}
.portrait {
	float: left;
	margin: 0 1.5em 1.5em 0;
	}
.image p,
.figure p,
.portrait p {
	color: #666;
	font: italic .75em/2 Verdana, sans-serif;
	margin: 0 0 2;
	text-align: center;
	}
.image img {
	height: 16em;
	}
.figure img,
.portrait img {
	height: 12em;
	}
.infoset {
	clear: both;
	}

/* footer styles */

#footer {
	border-top: 1px solid #ddf;
	clear: both;
	color: #555;
	margin: 3em 40px 1em 280px;
	padding: .9375em 0 0;
	text-align: center;
	}
#footer a {
	font-style: italic;
	}
#footer p {
	font-size: .75em;
	line-height: 2;
	margin: 0 0 2em;
	}