/* Initial principals */
* {margin: 0; padding: 0;}
html { height: 100%; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* The page has a background image of VCC */
body { 
	text-align: center;
	background-image: url("../images/vcf-background.jpeg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed; 
	font-family: "Verdana", "sans";
}

/* Container is used to centre a fixed width within the body */
#container { 
	margin: 0 auto;
	width: 980px;
	text-align: left; 
}

/* Menu column */
.menu { 
	width: 180px;
	padding-left: 10px; 
	padding-right: 50px; 
	margin-bottom: 1em;
}
.menu ul { padding-top: 20px; list-style: none; min-width: 150px; width: 150px; }
.menu li { padding-top: 0.8em; text-align: center; border-bottom: thin solid #9494fe; font-family: "Tahoma", "Verdana", "sans"; }
.menu a { color: #000080; background: transparent;} /* NB - this "includes" visited etc and is overridden for hover below */
.menu a:hover { color: #9494fe; text-decoration: none; }

/* The main column = "maincontent", contains "header", "maintext" and "middleimages" in vertical order */
.maincontent { 
	padding-top: 0; 
	padding-right: 10px; 
	width: 700px;
	float: right;
}

.heading h1 { color: #000080; margin-top: 1em; padding-bottom: 0.5em; }

.maintext { 
	background: transparent url("../images/blue-trans-bg.png") repeat; 
	color: #000020; 
	padding-bottom: 1em; 
	margin-bottom: 1em;
	}

.maintext p { text-align: justify; padding-left: 1em; padding-top: 1em; padding-right: 1em; }
.maintext h2 { font-size: 1.2em; padding-top: 0.833333em; padding-left: 0.833333em; }
.maintext h3 { font-size: 1.1em; padding-top: 0.909090em; padding-left: 0.909090em; }
.maintext h4 { font-size: 0.9em; padding-top: 0em; padding-left: 1.1em; padding-bottom: 0em; margin-bottom: 0em;  }
.maintext address { font-size: 0.8em; text-align: left; padding-left: 2em; padding-top: 1em; padding-right: 1em; }
.maintext ul { padding-left: 2em; padding-top: 1em; }
.maintext ul li { padding-bottom: 1em; }
.maintext cite { display: block; text-align: right; font-size: 0.8em; font-family: "Tahoma", "Verdana", "sans"; padding-left: 5%; padding-right: 5%; }

.maintext img { 
	float: right;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

.maintext img.left { 
	float: left;
}

.maintext img.right {
	float: right;
}

.image {
	height: 260px;
	width: 100%;
	text-align: right;
	margin-bottom: 1em;
}

.image img#churchimg {
	height: 260px;	
}
.map {
	height: 260px;
	width: 100%;
	text-align: right;
	margin-bottom: 1em;
}
	.map .staticmaps #map1 {
		border-right: 2px solid #808080;
	}
	.map .staticmaps #map2 {
		border-right: 2px solid #808080;
	}