/*****************************************/
/***   WPCWEB MAIN STYLE DEFINITIONS   ***/
/*****************************************/
/*
	The main colors for the WPC site are:
		yellow green	-	#B0B315
		lt. blue		-	#8F99BF
		dk. gray		-	#6E778A
		dusty purple	-	#997A90
		burnt red		-	#A66C63
		dk. green		-	#4B660D
*/


/****************************/
/***     PAGE STYLE &     ***/
/***  ALIGNMENT ELEMENTS  ***/
/****************************/

body {
    font: 85% Verdana, Tahoma, Helvetica, Arial, sans-serif;
    background-color: #6E778A;
    color: #000000;
    margin: 0px;
    height: 100%;
	}

a {
	text-decoration: none;
	}
a:link {
	color: #4B660D;
	}
a:visited {
	color: #749D15;
	}
a:active {
	color: #749D15;
	}
a:hover {
	text-decoration: underline;
	color: #9c6962;
	}

/**************************/
/***  ELEMENT DEFAULTS  ***/
/**************************/
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
	}
table {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
tbody {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
td {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
hr {
	height: 1px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #000000;
	background-color: #000000;
	}
p {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
div {
	border: 0px;
	margin: 0px;
	padding: 0px;
	}


/*********************/
/***  DIV CLASSES  ***/
/*********************/
div.content-row {
	width: 100%;
	}

/***  SPACER  ***/
div.spacer {
/*	position: relative; */
	clear: both !important;
	height: 10px;
	width: 100%;
	}


/****************************/
/***  CONTAINER ELEMENTS  ***/
/****************************/
#container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	background-color: #6E778A;
/*	border: 2px dashed #000000; */
	}
	#container-centered {
		top: 0px; 
/*		bottom: 0px; */
		width: 802px;
		margin-right: auto;
		margin-left: auto;
		padding: 0px;
		background-color: #000000;
		display: block;
	/*	border: 1px dotted #00FF00; */
		}
	

/*************************/
/***  HEADER ELEMENTS  ***/
/*************************/
/* The header contains:
	- banner
	- navbar
	- spacer-bar
*/

#header {
	top: 0px;
	width: 800px;
	height: 299px;
	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
/*	border: 2px solid #000000; */
	}
	#banner {
		position: absolute;
		top: 0px;
		width: 800px;
		height: 218px;
		}
	
#navbar {
/*	navbar contains both  */      
/*  the button-bar and    */ 
/*  minor-nav             */
	position: absolute;
	z-index: 1;
	top: 218px;
	width: 800px;
	height: 40px;
	background-color: #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
/*	border: 1px solid #FFFFFF; */
	text-align: center; 
	}

/* button classes */
.nav-button {
	position: absolute;
	width: 120px;
	height: 32px;
	margin-top: 4px;
	}
	.btn-imagebox {
		height: 24px;
		padding-top: 8px;
		}
	.button-image {
		margin-left: auto;
		margin-right: auto;
		}
	/* text contained in nav-button -- temporary */
	.drop-down-box {
		position: absolute;
		width: 140px;
		margin: 0px;
		z-index: 99;
		color: #000000;
		background-repeat: repeat;
		text-align: left;
		visibility: hidden;
		}
	.drop-down-text {
		padding: 0px 0px 0px 10px;
		margin: 0px 6px 5px 10px;
		font-family: Verdana, Helvetica, Arial;
		font-size: 10pt;
		line-height: 12pt;
		text-indent: -10px;
		}
		.drop-down-text a {
			text-decoration: none;
			color: #111111;
			}
		.drop-down-text a:link {
			color: #111111;
			}
		.drop-down-text a:visited {
			color: #111111;
			}
		.drop-down-text a:active {
			color: #000000;
			}
		.drop-down-text a:hover {
			color: #000000;
			text-decoration: underline;
			}

/* individual buttons */
/*
	The OLD colors for the WPC site are:
		yellow green	-	#9b9e13 - 62% - 88%
		lt. blue		-	#a8adc0 - 75% - 13% 
		dk. gray		-	#757c8a - 54% - 15%
		dusty purple	-	#8a7785 - 54% - 14%
		burnt red		-	#9c6962 - 61% - 37%
		dk. green		-	#4B660D - 40% - 87%
*/
/*
	The NEW colors for the WPC site are:
		yellow green	-	#A3A614 - 65% - 88%
		lt. blue		-	#9DA4BF - 75% - 18% 
		dk. gray		-	#6E778A - 54% - 20%
		dusty purple	-	#8A6E82 - 54% - 20%
		burnt red		-	#9C655D - 61% - 40%
		dk. green		-	#4B660D - 40% - 87%
*/

#aboutwpc-button {
	left: 60px;
	background-color: #B0B315;
	}
	#aboutwpc-menu {
		left: 0px;
		background-color: #B0B315;
		}
	#aboutwpc-menuitem {
		}
#members-button {
	left: 200px;
	background-color: #8F99BF;
	}
	#members-menu {
		left: 0px;
		background-color: #8F99BF;
		}
	#members-menuitem {
		}
#events-button {
	left: 340px;
	background-color: #6E778A;
	}
	#events-menu {
		left: 0px;
		background-color: #6E778A;
		}
	#events-menuitem {
		}
#vocations-button {
	left: 480px;
	background-color: #997A90;
	}
	#vocations-menu {
		left: 0px;
		background-color: #997A90;
		}
	#vocations-menuitem {
		}
#news-button {
	left: 620px;
	background-color: #A66C63;
	}
	#news-menu {
		left: 0px;
		background-color: #A66C63;
		}
	#news-menuitem {
		}

/* navbar-minor */
#navbar-minor {
	position: absolute;
	top: 258px;
	height: 24px;
	width: 785px;
	padding-right: 15px;
	text-align: right;
	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 2px solid #aaaaaa;
	}
	#navbar-minor-contents {
	padding-right: 0px;
	margin-top: 0px;
	}
	.navbar-minor-text {
	}
	.navbar-minor-text a {
		color: #000000;
		font-weight: bold;
		}

/****************************/
/***  MAIN BODY ELEMENTS  ***/
/****************************/

#container-main {
	position: absolute;
	width: 800px;
	height: auto;
	top: 299px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #ffffff;
	}

#container-main2 {
	width: 800px;
	/* 'content-background.gif' creates the vertical grey line
	   in the background of the main area of the page. */
	background-image: url("/graphics/content-background.gif");
	background-repeat: repeat-y;
	}

	#left-container {
		float: left;
		width: 505px;
		padding-left: 15px;
		padding-right: 15px;
		background-color: #ffffff;
		}
		#left-content-box {
			width: 505px;
			}

	#right-container {
		float: right;
		width: 233px;
		height: 100%;
		padding-left: 15px;
		padding-right: 15px;
		background-color: #ffffff; 
		}
		#right-content-box {
			width: 100%;
			}


/****************/
/***  FOOTER  ***/
/****************/
#container-footer {
	position: relative;
	width: 800px;
	border-bottom: 1px solid #000000;
	background-color: #ffffff;
	}
	
#footer {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ffffff;
	text-align: center;
	}
	
#footer-text {
	font-size: 7.5pt;
	line-height: 10pt;
	}


/*******************************/
/***  INNER LAYOUT ELEMENTS  ***/
/*******************************/
/*  The total width of the inner
column is 505px. */
.photo-box {
	float: right;
	margin: 0px;
	margin-left: 10px;
	margin-bottom: 15px;
	margin-top: 5px;
	padding: 0px;
	}
.cutline-box {
	float: right;
	clear: right;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
.text-box {
	position: relative;
	width: 505px;
	text-align: left;
	}


/**********************/
/***  TEXT CLASSES  ***/
/**********************/
span.no-display {
	display: none;
	}
p.normal-text {
	margin-bottom: 12px;
	margin-right: 170px;
	line-height: 1.4;
	clear: none;
	}
	
p.hanging-firstline {
	margin-bottom: 10px;
	margin-right: 170px;
	line-height: 1.4;
	clear: none;
	text-indent: -52px;
	margin-left: 52px;
	}

ul.normal-text {
	margin-right: 170px;
	line-height: 1.4;
	}

h1 {
	display: block;
	font-family: Georgia, Times New Roman, serif;
	font-size: 2em;
	font-weight: bold;
	font-style: italic;
	line-height: normal;
	margin: 0px;
	margin-bottom: 10px;
	}
h2 {
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0px;
	margin-bottom: 15px;
	}
h3 {
	display: block;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.5em;
	text-decoration: underline;
	margin: 0px;
	}
.cutline {
	font-family: Verdana, Helvetica, Arial;
	font-size: 9pt;
	font-style: italic;
	font-weight: bold;
	line-height: 13pt;
	color: #749D15;
	}
	
/*******************/
/* Members section */
/*******************/
.congregation-box {
	position: relative;
	width: 505px;
	margin-bottom: 35px;
	}
.logo-box {
	margin-bottom: 15px;
	}
.province-text {
	font-weight: bold;
	}
h2.cong-name {
	display: block;
	line-height: 1em;
	margin-top: 2px;
	margin-bottom: 5px;
	}
.cong-box hr {
	color: #000000;
	background-color: #000000;
	width: 335px;
	}
.cong-contact-info {
	}
.comm-office-info {
	}
.comm-contact-head-box {
	margin-left: 25px;
	}
.comm-contact-head-box a {
	color: #000000;
	}
.comm-contact-list-box {
	}
.comm-contact-box {
	margin-left: 25px;
	}
.contact-name {
	font-weight: bold;
	}
h3.comm-office {
	margin-bottom: 10px;
	}

/*******************/
/* Associates Opps */
/*******************/
.assoc-contact-box {
	margin-left: 25px;
	}
.assoc-name {
	font-weight: bold;
	}

/**********/
/* Events */
/**********/
p.event-desc {
	margin-bottom: 10px;
	margin-right: 170px;
	line-height: 1.4;
	clear: none;
	text-indent: -52px;
	margin-left: 52px;
	}
.event-year {
	}
.event-date {
	font-style: italic;
	}

/*************/
/* Vocations */
/*************/
.voc-contact-box {
	margin-left: 25px;
	}
.voc-name {
	font-weight: bold;
	}

/***************/
/* Newsletters */
/***************/
.newsletter-box {
	position: relative;
	width: 335px;
	margin-right: 170px;
	margin-bottom: 35px;
	}
.nl-img {
	width: 144px;
	height: 193px;
	}
.nl-title {
	margin-bottom: 6px;
	margin-top: 12px;
	font-size: 14pt;
	font-weight: bold;
	line-height: 1.4;
	clear: none;
	}
.nl-hl {
	margin-top: 10px;
	font-style: normal;
	font-weight: bold;
	}
.nl-highlights p {
	font-style: italic;
	margin-left: 35px;
	text-indent: -15px;
	}

p.reflection-author {
	margin-bottom: 0px;
	margin-right: 170px;
	line-height: 1.4;
	clear: none;
	text-indent: 62px;
	margin-left: -52px;
	}

h3.reflection-week {
	margin-top: 12px;
	}

/*************/
/* Ad Styles */
/*************/
.ad-content {
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	}
.ad-header {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 20px;
	}
.ad-text-normal {
	font-size: 11pt;
	text-align: left;
	margin-bottom: 10px;
	}
.ad-hanging-first {
	font-size: 11pt;
	text-align: left;
	margin-bottom: 3px;
	margin-left: 15px;
	text-indent: -15px;
	}