/*

		==================================================

		WYCLIFFE IT RECRUITMENT MICRO-SITE
		(IMC PROJECT NAME: rm_web_0862_IT Recruitment Ministries Micro-site)
		
		==================================================

		----- LAYOUT STYLES ---------------

			CONTENTS:
			   1. General Page Elements
			   2. Typography
				a. Headers
				b. Universal Type Elements
			   3. Columns
				a. Center (Main Text Content)
				b. Left Column (Navigation)
				c. Right Column (Sidebar - Images and Quotes)
			   4. Footer

		==================================================
*/







/* ===== 1. GENERAL ELEMENTS ========================================================= */

	body {
		padding: 0;
		margin: 0;
		background: #002732;
		font-size:100%;
		line-height:1.25em;}

	div#page {
		width:770px;
		height:100%;
		text-align:left;
		margin:0px auto;
		padding:0;
		background: #f6fbfe;}

/* ===== 2. TYPOGRAPHY ============================================================== */

	/* ===== 2.a HEADERS ======================================================== */

		div#header {
			margin:0;
			padding:0;}
	
		div#header h1 {
			margin:0;}

		div#header h1 a {
			display:block;
			width:770px;
			height:135px;
			text-indent:-9999em;
			background:url(../images/rm_web_0862_01.jpg) no-repeat left top;}

		h2 {
			font-family: helvetica, arial, sans-serif;
			font-size: 1.5em;
			font-weight: normal;
			color:#f6fbfe;
			text-align: left;
			line-height: 100%;
			background:url(../images/rm_web_0862_14.jpg) no-repeat left center;
			display:block;
			padding:12px;
			margin-top:0;
			margin-bottom:12px;}

		h3 {
			padding:0;
			margin-top:0;
			margin-bottom:12px;
			font-family: helvetica, arial, sans-serif;
			font-size: 1.25em;
			font-weight: normal;
			color:#84002f;
			text-align: left;
			line-height: 100%;}

		h3.table {
			padding:12px 0;
			margin:0;
			border-bottom: solid 3px #87a5a4;}

		h4 {
			font-family: helvetica, arial, sans-serif;
			font-size: .875em;
			font-weight: normal;
			color:#333;
			text-align: left;
			line-height: 100%;
			margin:0;
			padding:0;
			text-transform:uppercase;}

	/* ===== 2.b UNIVERSAL TYPE ELEMENTS  =============================================== */

		p {
			font-family: helvetica, arial, sans-serif;
			font-size: .875em;
			color: #333;
			text-align: left;
			margin-top:0;
			margin-bottom:12px;}

		.homefirst {
			font-weight: bold;
			color:#002732;}

		p.last {
			margin-bottom:24px;}

		p.quotesource {
			font-size: .75em;
			font-style: normal;
			color: #84002f;
			line-height: 1.125em;
			padding-right:12px;
			margin-bottom:36px;}

		p a, p a:link, p a:visited {
			font-family: helvetica, arial, sans-serif;
			color: #84002f;
			border-bottom: 1px dotted #84002f;
			text-decoration: none;}

		p a:hover, p a:active {
			color: #84002f;
			border-bottom: 1px solid #84002f;
			text-decoration: none;}

		dl {
			text-align: left;}

		dt {
			font-family: helvetica, arial, sans-serif;
			font-size: .75em;
			color:#123537;
			text-transform: uppercase;
			margin: 12px 0 0 0;
			padding: 0;}
	
		dd {
			font-family: helvetica, arial, sans-serif;
			font-size: .875em;
			color:#333;
			margin: 0;
			padding: 0;
			margin-right: .3em; }

		.italic {
			font-style:italic;}

		.time {
			height: 34px;
			text-align: right;
			color: #000;
			background-color: #dcf0f1;  
			font-family: helvetica, arial, sans-serif;
			font-size: .875em;
			font-weight: normal;
			letter-spacing: 0px;
			padding: 6px 12px;
			font-variant: small-caps;
			border-bottom: solid 1px #87a5a4;
			border-right: solid 1px #87a5a4;}

		.description {
			width: 310px;
			height: 34px;
			font-weight: normal;
			padding: 6px 12px;
			border-bottom: solid 1px #b8cbd1;
			font-family: helvetica, arial, sans-serif;
			font-size: .875em;
			color: #333;
			text-align: left;
			margin-top:0;
			margin-bottom:12px;
			line-height:1.125em;}

		.schedulesection {
			width: 432px;
			height: 38px;
			text-align: left;
			color: #db651e;
			background:transparent;  
			font-style: normal;
			font-size: 1.5em;
			font-weight: normal;
			line-height: 170%;
			font-family: arial;
			padding-left: 8px;
			border-bottom: solid 1px #b8cbd1;}

		ul.specialists {
			list-style:none;
			display:block;
			text-indent:24px;
			text-decoration:none;
			padding:0;
			margin-top:0;
			margin-bottom:12px;
			font-family: helvetica, arial, sans-serif;
			font-size: .875em;
			font-weight: normal;
			color:#84002f;
			text-align: left;}

		ul.sitemap {
			list-style:none;
			margin:0;
			padding-left: 18px;}

		ul.sitemap li a, ul.sitemap li a:link, ul.sitemap li a:visited {
			font-family: helvetica, arial, sans-serif;
			color: #84002f;
			font-size: .875em;
			line-height: 1.25em;
			border-bottom: 1px dotted #84002f;
			text-decoration: none;}

		 ul.sitemap li a:hover, ul.sitemap li a:active {
			color: #84002f;
			border-bottom: 1px solid #84002f;
			text-decoration: none;}

		ul.sitemap li ul {
			list-style:none;}

		li.heading {
			font-weight:bold;
			padding-top:12px;}

		li.lastitem {
			padding-bottom:12px;
			font-weight:normal;}

		li.normal {
			font-weight:normal;}
	

/* ===== 3. COLUMNS ================================================================== */

		/* ===== 3.a CENTER COLUMN (MAIN CONTENT) ============================ */

			#maincontent {
				margin:0;
				padding: 12px 0px 20px 12px;
				width: 428px;
				background:#f6fbfe;
				float:left;}


			#bread {
				font-family: helvetica, arial, sans-serif;
				font-size: .75em;
				color: #356d70;
				background: #f5fbfe;
				padding: 0;
				margin: 0 0 12px 0;}

			#bread ul {
				margin: 0;
				padding: 0;
				display: inline;
				list-style: none;
				border: none;} 

			#bread ul li {
				margin: 0;
				padding-left: 2px;
				color: #356d70;
				display: inline;}

			#bread ul li.first, #bread ul li.first a {
				color: #356d70;}

			#bread ul li.maincategory, #bread ul li.maincategory a {
				color: #356d70;}

			#bread ul li.category, #bread ul li.category a {
				color: #356d70;}

			.event {
				background:#dcf0f1; /* url(../images/rm_web_0862_13.jpg) bottom left no-repeat */
				margin: 0 0 12px 0;
				padding: 12px 12px 4px 12px;}

			ul.eventcontact {
				font-family: helvetica, arial, sans-serif;
				font-size: .875em;
				color: #333;
				text-align: left;
				text-decoration: none;
				margin: 12px 0;
				padding: 0;}

			ul.eventcontact li {
				display:inline;
				list-style:none;
				margin:12px 12px 12px 0;
				text-decoration: none;}

			ul.eventcontact li a, ul.eventcontact li a:link, ul.eventcontact li a:visited {
				font-family: helvetica, arial, sans-serif;
				color: #84002f;
				border-bottom: 1px dotted #84002f;
				text-decoration: none;}

			ul.eventcontact li a:hover, ul.eventcontact li a:active {
				color: #84002f;
				border-bottom: 1px solid #84002f;
				text-decoration: none;}

			.eventtabs {
				padding: 0;
				margin: 12px 0;}

			.eventtabs ul {
				text-decoration: none;
				display:inline;
				list-style:none;
				padding: 0;
				margin: 12px 0;}

			.eventtabs li {
				text-decoration: none;
				display:inline;
				list-style:none;
				padding: 0;
				margin: 0;}

			.eventtabs li a, .eventtabs li a:link {
				background: #579194;
				text-decoration:none;
				border:none;
				font-family: arial, sans-serif;
				font-size: .875em;
				font-weight: normal;
				color: #fff;
				text-align: right;
				line-height: 1.125em;
				padding: 4px 6px;}

			.eventtabs li a:hover {
				background: #84002f;}

	

		/* ===== 3.b LEFT COLUMN (NAVIGATION) ================================ */


			#nav {
				width: 158px;
				height: 432px;
				float:left;
				padding:6px 0 0 0;
				background:url(../images/rm_web_0862_02.jpg) no-repeat center top;}

			#nav ul {
				padding: 0;
				margin: 0;
				text-decoration: none;
				list-style: none; }

			#nav li {
				width: 153px; }

			#nav li a, #nav li a:link, #nav li a:visited {
				display: block;
				font-family: arial, sans-serif;
				font-size: 1em;
				font-weight: normal;
				color: #1a484a;
				text-align: right;
				line-height: 1em;
				padding: 6px;
				background: transparent;
				border-bottom:3px dotted #659c9a;
				text-decoration: none; }

			#nav li a:hover {
				color: #fff;
				background: #7a0745;
				border-bottom:3px solid #659c9a;}




		/* ===== 3.c RIGHT COLUMN ==================== */

			#faceimage {
				width:148px;
				height:300px;
				padding: 270px 0px 0px 12px;
				float:right;}

			#faceimage.home {
				background:url(../images/rm_web_0862_04.jpg) no-repeat center top;}

			#faceimage.alternate {
				background:url(../images/rm_web_0862_15.jpg) no-repeat center top;}

			#faceimage.event {
				background:url(../images/rm_web_0862_16.jpg) no-repeat center top;}
	


/* ===== 4. FOOTER ================================================================== */
		
	
	#footer {
		clear: both;
		height:150px;
		padding:20px 0 0 0;
		background: #002732 url(../images/rm_web_0862_07.jpg) no-repeat center top;}

	#footernav {
		padding:0;
		margin:0;
		text-align: left;
		position: relative;
		top:22px;
		z-index:2;}

	#footernav ul {
		text-decoration: none;
		display:inline;
		list-style:none;
		padding: 0;
		margin: 0;}

	#footernav li {
		text-decoration: none;
		display:inline;
		list-style:none;
		padding: 0;
		margin:0 12px 0 0;}

	#footernav li a, #footernav li a:link, #footernav li a:visited {
		text-decoration:none;
		border-bottom: 1px dotted #bae0e1;
		font-family: arial, sans-serif;
		font-size: .675em;
		font-weight: normal;
		color: #bae0e1;
		text-align: right;
		line-height: 1.125em;
		padding: 0;}

	#footernav li a:hover, #footernav li a:active {
		border-bottom: 1px solid #bae0e1;
		padding-bottom: 3px;}

	#wycliffecontact-a {
		padding:0;
		margin:0;
		width: 170px;
		position: relative;
		font-family: helvetica, arial, sans-serif;
		font-size:.8125em;
		line-height:119%;
		color:#fff;
		text-align:left;
		left: 196px;}

	#wycliffecontact-b {
		padding:0;
		margin:0;
		width: 170px;
		position: relative;
		font-family: helvetica, arial, sans-serif;
		font-size:.8125em;
		line-height:119%;
		color:#fff;
		text-align:left;
		left: 364px;
		top:-48px;}

	#copyright {
		font-family: helvetica, arial, sans-serif;
		font-size:.675em;
		display: block;
		color:#000;
		text-align:right;
		position: relative;
		padding-bottom:10px;
		top:4px;
		z-index:1;}

/* ===== END ===== */