
/*

	Stylesheet for Church Scrapbook pages by Tim Rolwing, March 31, 2003 

*/


	body {
		background-color: #FFDDDD;
		font: 1.0em/140% verdana, arial, helvetica, sans-serif;
		color: #000080;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}

	body.child {
		background-color: #FFDDDD;
		font: 1.0em/140% verdana, arial, helvetica, sans-serif;
		color: #700030;
		margin-top: 25px;
		margin-bottom: 25px;
		margin-left: 5%;
		margin-right: 5%;
		}

	body.ccs {
		background-color: #FFF6F6;
		font: 1.0em/140% verdana, arial, helvetica, sans-serif;
		color: #700030;
		margin-top: 25px;
		margin-bottom: 25px;
		margin-left: 5%;
		margin-right: 5%;
		}

	body.ccs img {
		border: solid black 1px;
		}

	a:link {
		color: #0000FF; 
		text-decoration: none;
		}

	a:visited {
		color: #800080;
		text-decoration: none;
		}

	a:active {
		color: #808000;
		text-decoration: none;
		}

	a:hover {
		font-weight: bold;
		}

	.invisible {
		visibility: hidden;
		}

	.heading {
		width: 325px;
		text-align: center;
		position: absolute;
		top: -80px;
		left: 7%;
		z-index: 1;
		}

	.contents {
		width: 325px;
		text-align: center;
		position: absolute;
		top: 80px;
		left: 7%;
		z-index: 2;
		}

	.highlight {
		color: #0000FF; 
		text-decoration: none;
		}
		
	.itemBorder {
		border: 1px solid #FFEFEF;
		z-index: 1;
		}

	.itemText {
		text-decoration: none;
		color: #000080;
		font: 14px verdana, 'times new roman', times, serif;
		}

	 a.itemText {
	 	display: block;
	 }

	.crazyBorder {
		border: 2px outset #663399;
		}

	.crazyText {
		text-decoration: none;
		color: #000080;
		font: Bold 12px Arial, Helvetica;
		}

	#bells {
		width: 289px;
		}

	#bellscaption {
		width: 289px;
		}

	#framechurch {
		width: 216px;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		}

	#framechurchcaption {
		width: 216px;
		}

	#horizon {
		color: white;
		background-color: transparent;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 0px;
		width: 100%;
		height: 1px;
		overflow: visible;
		visibility: visible;
		display: block
		}

	#upperdiv {
		height: 800px;
		width: 100%;
		border: 0;
		padding: 0;
		}

	#lowerdiv {
		width: 100%;
		border: 0;
		padding: 0;
		padding-bottom: 25px;
		margin-top: 0;
		margin-left: 3%;
		margin-right: 3%;
		margin-bottom: 25px;
		}

	#oldchurch {
		height: 425px;
		position: absolute;
		top: -212px;
		right: 7%;
		z-index: 0;
		}

	#intro {
		font-size: 0.8em;
		position: absolute;
		bottom: 10px;
		}

	.floatleft {
		float: left;
		margin: 0;
		margin-top: 1.4em;
		margin-bottom: 1.4em;
		border: none;
		text-align: center;
		}

	.floatright {
		float: right;
		margin-top: 1.4em;
		margin-bottom: 1.4em;
		margin-right: 0px;
		border-left: 1.4em solid #FFEFEF;
		text-align: center;
		}

	.floatpastor {
		float: right;
		margin-top: 1.4em;
		margin-bottom: 1.4em;
		margin-right: 0px;
		border-left: 1.4em solid #FFEFEF;
		text-align: center;
		width: 180px;
		}

	#floatpastorcaption {
		width: 180px;
		}

	img {
		border: none;
		margin-bottom: 0px;
		}

	img.statue {
		float: right;
		margin-left: 25px;
		margin-right: 10px;
		}

	div#scouttroop {
		float: left;
		width: 432px;
		margin: 0;
		margin-right: 1.4em;
		border: none;
		text-align: center;
		}

	div#ccscover {
		float: left;
		width: 288px;
		margin: 0;
		margin-right: 1.4em;
		border: none;
		text-align: center;
		}

	div.caption {
		background-color: #FFF6F6;
		font: bold 0.80em/140% arial, sans-serif;
		margin-top: 0px;
		margin-bottom: 0.50em;
		width: 100%;
		padding-bottom: 3px;
		border: none;
		border-bottom: 1px dashed silver;
		}

	div.links {
		background-color: #FFEFEF;
		margin-top: 1.0em;
		padding-top: 0.75%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1%;
		border: 1px gold solid;
		}

	div.linksspecial {
		background-color: #FFEFEF;
		margin-right: 5%;
		padding-top: 0.75%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1%;
		border: 1px gold solid;
		}

	div.nav {
		text-align: right;
		}

	div.page {
		background-color: #FFEFEF;
		padding-top: 0.75%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1%;
		border: 1px gold solid;
		}

	div.copyright {
		color: #2D2D2D;
		font: 0.9em 140%;
		margin-top: 2.0em;
		}

	h1 {
		font: bold 2em/120%;
		}

	h2 {
		font: bold 1.5em/120%;
		}

	h2.links {
		font: bold 1.0em/140% stencil, 'times new roman', times, serif;
		color: #2D2D2D;
		text-decoration: underline;
		}

	h3.links {
		font: bold italic 0.9em/140%;
		margin-top: 0%;
		margin-left: 3%;
		margin-bottom: 0%;
		color: #2D2D2D;
		}

	p {
		font: .9em/140%;
		text-indent: 40px;
		}

	p.continue {
		text-indent: 0;
		}

	p.links {
		margin-left: 6%;
		margin-top: 0%;
		text-indent: 0;
		}

	p.plaque {
		background-color: gold;
		color: orange;
		font: bold 0.9em/160% "lucida console", script;
		padding: 20px;
		text-align: center;
		margin-top: 2em;
		margin-bottom: 2em;
		margin-left: 5%;
		margin-right: 5%;
		border: 2px solid outset;
		text-indent: 0;
		}

	p.citation {
		font: bold 0.85em/140% arial;
		text-align: right;
		text-indent: 0;
		}

	p.footnote {
		font: italic 0.85em/130% arial;
		letter-spacing: 0.1ex;
		text-indent: -1.5ex;
		margin-top: 3em;
		margin-left: 5%;
		border-left: 1px dashed silver;
		padding-left: 3%;
		padding-top: 10px;
		padding-bottom: 10px;
		}

	sup {
		font: 0.8em/90%;
		}

	blockquote {
		background-color: #FFF6F6;
		letter-spacing: 0.04em;
		font: 0.9em/150% arial;
		margin-left: 8%;
		margin-right: 8%;
		border: 1px silver solid;
		padding-left: 2%;
		padding-right: 2%;
		}

	ol {
		font: .9em/140%;
		margin-left: 8%;
		}

	ul {
		font: .9em/140%;
		margin-left: 8%;
		}
