body {
	min-width: 980px;
	max-width: 1250px;
	margin: 0 auto;
	border-top: 0;
	border-bottom: 0;
	border-left: 1px solid #870150;
	border-right: 1px solid #870150;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
a {
	color: #b26b92;
}
a:visited {
	color: #957c6e;
}
a:hover {
	color: #870150;
}

iframe {
	margin: 20px;
}
#wrapper {
	margin: 0 auto;
	padding: 0;
	border-top: 5px solid #870150;
	width: 100%;
	background-image: url("images/parchment6.jpg");
}
#banner {
	margin: 0;
	border: 1px solid #870150;
	padding: 0;
	background-color: #efebe6;
	height: 140px;
	width: 99.8%;
	min-width: 800px;
	position: relative;
}

div.transbox {
  	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
}
#bottomBox {
	margin: 20px 0px 15px 15px;
  	border: 1px solid gray;
	padding: 0;
	width: 330px;
	height: 93px;
	background-color: #FCC0DD;
	z-index: 1;
}
#middleBox {
	margin: 0;
  	border: 1px solid gray;
	padding: 0;
	position: absolute;
	top: 9px;
	left: 317px;
	width: 108px;
	height: 97px;
	background-color: #C86B91;
	z-index: 2;
}
#topBox {
	margin: 0;
  	border: 1px solid gray;
	padding: 0;
	position: absolute;
	top: 34px;
	left: 265px;
	width: 445px;
	height: 60px;
	background-color: #E696B4;
	z-index: 3;
}

#swirl {
	margin: 0;
  	border: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 140px;
	width: 740px;
	z-index: 4;
}
/* turn off swirl for IE6 and below -- png doesn't work well and gif is too pixelated */
*html #swirl {
	display: none;
}

/* use dove png in IE7 and above and in non-IE browsers */
#dovepng {
	margin: 0;
	border: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 690px;
	height: 140px;	
	z-index: 5;
}
html>body #dovegif {
	display: none;
}
/* use dove gif in IE6 and below */
#dovegif {
	margin: 0;
	border: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 655px;
	height: 140px;	
	z-index: 5;
}
*html #dovepng {
	display: none;
}

#title {
	color: #222;
	margin: 0;
  	border: 0;
	padding: 0;
	position: absolute;
	top: 33px;
	left: 140px;
	z-index: 8;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 28px;
	letter-spacing: 1px;
}
#subtitle {
	color: #222;
	margin: 0;
  	border: 0;
	padding: 0;
	position: absolute;
	top: 71px;
	left: 190px;
	z-index: 10;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
}
#address {
	position: absolute;
	top: 121px;
	left: 130px;
	font-style: italic;
	color: #b26b92;
	text-align: left;
	font-size: .8em;
	clear: both;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	z-index: 11
}

#LCMScross {
	margin: 0;
  	border: 0;
	padding: 0;
	position: absolute;
	top: 9px;
	left: 20px;
	height: 125px;
	z-index: 12;	
}

#navigation {
	clear: both;
	float: left;
	width: 150px;
	margin: 0;
	padding: 0;
	border-right: solid 1px #786a65;
	font-size: .9em;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navigation li {
	margin: 0;
	padding: 0;
	border: solid 1px #FFF;
}
#navigation a {
	display: block;
	color: #FFF;
	background-color: #870150;		/* LCMS dark burgundy */
	padding: 3px 5px;
	margin: 0;
	text-decoration: none;
}
#navigation a:hover {
	background-color: #b26b92;
	color: #FFF;
}
#navigation ul ul li a {	/* submenus */
	font-style: italic;
	padding-left: 20px;
	font-size: .8em;
}
/* reverse color on menu item for active page */
#homePage li.homePage a,
#visitorsPage li.visitorsPage a,
#aboutPage li.aboutPage a,
#beliefsPage li.beliefsPage a,
#staffPage li.staffPage a,
#directionsPage li.directionsPage a,
#campusPage li.campusPage a,
#calendarPage li.calendarPage a,
#eventsPage li.eventsPage a,
#adultsPage li.adultsPage a,
#generalPage li.generalPage a,
#womensPage li.womensPage a,
#mensPage li.mensPage a,
#youthPage li.youthPage a,
#highSchoolPage li.highSchoolPage a,
#confirmationPage li.confirmationPage a,
#seaScoutsPage li.seaScoutsPage a,
#childrensPage li.childrensPage a,
#preschoolPage li.preschoolPage a,
#libraryPage li.libraryPage a,
#missionsPage li.missionsPage a,
#handsPage li.handsPage a,
#globalPage li.globalPage a,
#counselingPage li.counselingPage a,
#stephensPage li.stephensPage a,
#freedomPage li.freedomPage a,
#resourcesPage li.resourcesPage a {
	background-color: #faf4e8;
	color: #870150;		/* LCMS dark burgundy */
}
#directionsHalf {
	width: 40%;
	margin: 10px auto;
}
.shadow {
	border-right: 2px solid silver;
	border-bottom: 2px solid silver;
}
#feature {
	float: right;
	width: 20%;
	padding: 10px;
	margin: 15px;
	min-height: 320px;
	border: 5px solid #870150;
	background-color: #faf4e8;
	color: #6b2e44;
}
/* set min-height for IE6 and below, doesn't work when javascript is off */
* html #feature { 
   height: expression( this.scrollHeight < 320 ? "320px" : "auto" );
}

#feature table {
	margin: 0 auto;
}

#content {
	margin-top: 0;
	margin-left: 160px;
	margin-right: 22%;
	padding: 10px 25px 10px 10px;
}
#contentWide {
	margin: 0 0 0 160px;
	padding: 10px 25px;
}
#slideBackground {
	margin: 0 auto;
	text-align: center;
	width: 320px;
	height: 240px;
}

h2 {
	color: #870150;
	text-align: center;
	font-weight: bold;
}
h3 {
	color: #870150;
	text-align: center;
	font-weight: bold;
	margin: 10px 0 8px 0;
}
h4 {
	color: black;
	text-align: center;
	margin: 0;
}

#footer {
	clear: both;
	padding: 10px 0;
	margin: 0;
	width: 100%;
	color: #b26b92;
	text-align: center;
	font-size: 1em;
	border-top: 1px solid #870150;
}
#footer a {
	color: #b26b92;
	padding: 2px 10px;
}
#footer a:hover {
	color: #870150;
}

.centered {
	text-align: center;
}
.rightAlign {
	text-align: right;
}
.leftAlign {
	text-align: left;
}
.justified {
	text-align: justify;
}
.bullet {
	height: 30px;
	float: left;
	margin-right: 10px;
}
.emphasize {
	color: #870150;
	font-style: italic;
	font-weight: bold;
}

.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}

.medPic {
	width: 130px;
	margin: 0 15px 15px 15px;
}
.largePic {
	width: 300px;
	margin: 15px;
}
.picBorder {
	border: double 6px #870150;
}
.picWCaption {
	font-size: .7em;
	font-style: italic;
}
.picWCaption p {
	margin: 0;
	padding: 0 12px;
	clear: both;
	width: 130px;
}
.picWCaption img {
	margin-bottom: 0;
	padding-bottom: 0;
}
.centeredPic {
	display: block;
    margin: 0 auto;
}

.staff {
	text-align: center;
	float: left;
	min-width: 280px;
	padding-bottom: 20px;
}
.staff img {
	height: 200px;
	border: double 6px #870150;
}

table th {
	padding: 2px 5px;
	color: #870150;
}
table td {
	padding: 2px 5px;
}

.BibleVerse, .quote {
	font-style: italic;
	color: #870150;
	font-size: .9em;
}
.BibleVerseSmall {
	font-style: italic;
	color: #870150;
	font-size: .7em;
}
.contrastLetter {
	color: green;
}
.resources {
	list-style: circle;
	color: #6b2e44;
}

#campusMap {
	width: 80%;
	margin: 15px;
	border: double 6px #870150; 
}

.button {
	margin: 10px;
	padding: 3px;
	width: 100px;
	font-size: 1em;
	background-color: #870150;	/* LCMS dark burgundy */
	color: white;
	font-weight: bold;
	border: 5px double white;		 
}

.button:hover {
	border: 5px double #b26b92;
}

fieldset {
 	padding: 10px;
 	margin: 15px;
 	max-width: 1000px;
	border: 3px double #79251a;
}
fieldset p {
	margin: 0 0 5px 20px;
	font-style: italic;
}

legend {
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 10px;
	color: black;
}

.label {
	display: inline-block;
	margin: 5px;
	padding: 0;
	width: 125px;
	font-weight: bold;
	text-align: right;
	color: #870150;		/* LCMS dark burgundy */
	vertical-align: middle;
}
.input {
	margin: 5px;
	padding: 0;
	width: 300px;
	height: 1.5em;
}
.textarea {
	height: 10em;
	width: 75%;
	vertical-align: top;
}
.errors {
	color: red;
	font-style: italic;
	font-size: .9em;
	margin: 10px;
}