/*

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

		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 Content)
				b. Left Column (Navigation)
				c. Right Column (General Contact Information)
			   4. Footer

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







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

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

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

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

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

		div#header {
			margin:0;
			padding:0;}
	
		div#header h1, div#header h1 a {
			display: none;}

		h2 {
			font-family: helvetica, arial, sans-serif;
			font-size: 1.75em;
			font-weight: bold;
			color:#000;
			text-align: left;
			line-height: 100%;
			background:none;
			display:block;
			padding:0;
			margin-top:0;
			margin-bottom:36px;}

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

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

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

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

		p {
			font-family: times new roman, serif;
			font-size: .875em;
			color: #000;
			text-align: left;
			margin-top:0;
			margin-bottom:12px;}

		.homefirst {
			color:#000;}

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

		p.sidequote {
			font-size: .9em;
			font-style: italic;
			line-height: 1.125em;
			color:#000;
			padding-right:12px;}

		p.quotesource {
			font-size: .75em;
			font-style: normal;
			line-height: 1.125em;
			padding-right:12px;}

		p a, p a:link, p a:visited, p a:hover, p a:active {
			font-family: times new roman, serif;
			color: #000;
			border: none;
			text-decoration: underline;}

		dl {
			text-align: left;}

		dt {
			font-family: times new roman, serif;
			font-size: .75em;
			color:#000;
			text-transform: uppercase;
			margin: 12px 0 0 0;
			padding: 0;}
	
		dd {
			font-family: times new roman, serif;
			font-size: .875em;
			color:#000;
			margin: 0;
			padding: 0;
			margin-right: .3em; }

		.italic {
			font-style:italic;}

		.time {
			height: 34px;
			text-align: right;
			color: #000;
			background-color: #fff;  
			font-family: times new roman, serif;
			font-size: .875em;
			font-weight: normal;
			letter-spacing: 0px;
			padding: 6px 12px;
			font-variant: small-caps;
			border-bottom: solid 1px #000;
			border-right: solid 1px #000;}

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

		.schedulesection {
			width: 432px;
			height: 38px;
			text-align: left;
			color: #000;
			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 #000;}

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

		ul.sitemap {
			list-style:none;
			margin:0;}

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

		 ul.sitemap li a:hover, ul.sitemap li a:active {
			color: #000;
			border-bottom: none;
			text-decoration: underline;}

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

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

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

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

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

			#maincontent {
				margin:0;
				padding:0;
				width: 500px;
				background:#fff;
				float:left;}

			#bread {
				display:none;}

			.event {
				background:#fff;
				border-bottom: 1px solid #333;
				margin: 0 0 12px 0;
				padding: 0;}

			ul.eventcontact {
				font-family: times new roman, serif;
				font-size: .875em;
				color: #000;
				text-align: left;
				text-decoration: none;
				margin: 12px 0;
				padding: 0;}

			ul.eventcontact li {
				display:inline;
				list-style:none;
				border: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: times new roman, serif;
				color: #000;
				border:none;
				text-decoration: underline;}

			ul.eventcontact li a:hover, ul.eventcontact li a:active {
				font-family: times new roman, serif;
				color: #000;
				border:none;
				text-decoration: underline;}

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

			.eventtabs ul {
				display: block;
				list-style: disc outside none;
				padding: 0;
				margin: 12px 0;}

			.eventtabs li {
				display: block;
				list-style: disc outside none;
				padding: 0;
				margin: 0;}

			.eventtabs li a, .eventtabs li a:link {
				background: #fff;
				text-decoration: underline;
				border: none;
				font-family: times new roman, serif;
				font-size: .875em;
				font-weight: normal;
				color: #fff;
				text-align: right;
				line-height: 1.125em;
				padding:0;}

			.eventtabs li a:hover {
				background: #fff;}


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

			#nav {display:none;}



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

			#faceimage {
				width:220px;
				height:auto;
				padding: 12px;
				float:right;}
	


/* ===== 4. FOOTER ================================================================== */

	#footer {
		clear: both;
		height:auto;
		padding:40px 0 0 0;
		background: #fff;}

	#footernav {
		display: none;}

	#wycliffecontact-a {
		padding:0;
		margin:0;
		width: 170px;
		position: relative;
		font-family: helvetica, arial, sans-serif;
		font-size:.8125em;
		line-height:119%;
		color:#000;
		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:#000;
		text-align:left;
		left: 364px;
		top:-48px;}

	#copyright {
		font-family: helvetica, arial, sans-serif;
		font-size:.675em;
		line-height:100%;
		color:#000;
		text-align: left;
		padding:30px 0 0 0;}

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