/*

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


		WYCLIFFE BIBLE TRANSLATORS
		2009-2010 Online Giving Catalog

		(IMC Project: adv_web_1070_web design for Oct gift catalog)

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

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

			CONTENTS:
			   1. General Page Elements
			   2. Typography
				a. Headers
				b. Universal Type Elements
			   3. Columns
				a. Left Column (Main Text Content)
				b. Right Column (Sidebar)
			   4. Footer

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





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

	body 
	{
		font-family: helvetica, arial, sans-serif;
		padding: 0;
		margin: 0;
		/*font-size: 100%;*/
		font-size: 13px;
		line-height: 1.25em;
		background: #5f110d url(images/WycliffeCatalog/adv_web_1070_01.jpg) no-repeat center top;}

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

	img {
		border: none;}




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

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

		div#header {
			height: 166px;
			width: 960px;
			margin: 0;
			padding: 0;
			background: url(images/WycliffeCatalog/adv_web_1070_02.jpg) no-repeat left top;}
	
		div#header h1 {
			margin:0;}

		div#header h1 a {
			display: block;
			width: 187px;
			height: 62px;
			text-indent: -9999em;
			background: url(images/WycliffeCatalog/adv_web_1070_B_13.jpg) no-repeat left top;
			position: relative;
			top: 84px;
			left: 22px;}

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

		h2.home {
			font-family: helvetica, arial, sans-serif;
			font-size: 1.5em;
			font-weight: normal;
			color: #452318;
			text-align: left;
			line-height: 100%;
			display: block;
			padding: 0;
			margin-top: 0;
			margin-bottom: 12px;}

		h3 {
			padding: 12px 0 0 36px;
			margin: 0 0 2px 0;
			font-family: helvetica, arial, sans-serif;
			font-size: 1em;
			font-weight: normal;
			color: #5f110d;
			text-align: left;
			line-height: 125%;
			position: relative;
			float: left;}

		h3 a, h3 a:link, h3 a:visited {
			padding: 0;
			margin: 0 0 2px 0;
			font-family: helvetica, arial, sans-serif;
			font-size: .8em;
			font-weight: normal;
			color: #9b0000;
			text-align: left;
			line-height: 125%;
			position: relative;
			float: left;}

		h3 a:hover, h3 a:active {
			color: #452318;}

		h4 {
			font-family: helvetica, arial, sans-serif;
			font-size: 1.125em;
			font-weight: normal;
			color: #452318;
			text-align: center;
			line-height: 100%;
			display: block;
			padding: 0;
			margin-top: 0;
			margin-bottom: 12px;}

		h5 {
			font-family: helvetica, arial, sans-serif;
			font-size: 1.125em;
			font-weight: normal;
			font-style: italic;
			color: #452318;
			text-align: left;
			line-height: 100%;
			display:block;
			padding: 0;
			margin-top: 0;
			margin-bottom: 4px;}




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

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

		p.giftbox {
			font-size: .75em;
			float: left;
			position: relative;
			padding: 0 0 0 36px;
			margin: 0;
			width: 420px;}

		p.prices {
			font-size: .75em;
			font-style: italic;
			position: relative;
			padding: 0 0 0 36px;
			margin: 8px 0 0 0;
			float: left;
			width: 420px;
			left: 0px;
			top: 0px;}

		p.footnote {
			font-size: .75em;
			font-style: italic;}

		p.giftpageprice {
			margin-bottom: 30px;
			font-size: 1em;
			color: #5f110d;}

		p a, p a:link, p a:visited {
			font-family: helvetica, arial, sans-serif;
			color: #a41700;
			text-decoration: underline;}

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

		.bold {
			font-weight: bold;
			font-style: normal;}

		.italic {
			font-style: italic;}





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

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

			#textcontent {
				margin:0;
				padding: 60px 26px 26px 26px;
				width: 588px;
				background: #faf8e7 url(images/WycliffeCatalog/adv_web_1070_03.jpg) no-repeat;
				float:left;}

			#updateform {
				min-height: 140px;
				width: 538px;
				margin:0 auto;
				margin-top: 30px;
				padding: 20px;
				position: relative;
				text-align: center;
				background: #faf8e7 url(images/WycliffeCatalog/adv_web_1070_11.jpg) top center no-repeat;}
	
			#updateform-home {
				min-height: 140px;
				padding: 20px;
				text-align: center;
				background: #faf8e7 url(images/WycliffeCatalog/adv_web_1070_11.jpg) no-repeat;}



		/* ===== 3.b RIGHT COLUMN (SIDEBAR) ================================ */

			#signup {
				width: 284px;
				height: auto;
				float:left;
				padding: 60px 18px 18px 18px;
				background: #faf8e7 url(images/WycliffeCatalog/adv_web_1070_06.jpg) no-repeat;}

/* ===== 4. FOOTER ================================================================== */
		
	#footer {
		clear: both;
		height: 193px;
		padding: 0 0 10px 0;
		background: #5f110d url(images/WycliffeCatalog/adv_web_1070_08.jpg) no-repeat;}

	#wycliffecontact-a {
		padding:0;
		margin:0;
		width: 180px;
		position: relative;
		float: left;
		font-family: helvetica, arial, sans-serif;
		font-size: .95em;
		line-height:119%;
		color:#fff;
		text-align:left;
		left: 232px;
		top: 38px;}

	#wycliffecontact-b {
		padding: 0;
		margin: 0;
		width: 180px;
		position: relative;
		float: left;
		font-family: helvetica, arial, sans-serif;
		font-size: .95em;
		line-height: 119%;
		color: #fff;
		text-align: left;
		left: 250px;
		top: 38px;
		z-index:2;}

	#wycliffecontact-b a, #wycliffecontact-b a:link, #wycliffecontact-b a:visited {
		color: #fff;
		text-decoration: none;}

	#wycliffecontact-b a:hover, #wycliffecontact-b a:active {
		text-decoration: underline;}

	div#socialmedialinks {
		padding: 0;
		margin: 0;
		width: 230px;
		position: relative;
		float: left;
		top: 38px;
		left: 310px;
		z-index: 0;}

	div#socialmedialinks ul {
		width: 172px;
		list-style: none;
		display: inline;}

	div#socialmedialinks ul li {
		list-style: none;
		display: inline;
		padding:0;
		margin: 0 1px 0 0;
		height: 32px;
		width: 32px;}

	div#organization {
		position: relative;
		clear: left;
		margin:0 auto;
		top: 84px;
		z-index:3;}

	div#organization p {
		font-family: helvetica, arial, sans-serif;
		font-size: .675em;
		line-height: 110%;
		display: block;
		color: #ad895e;
		text-align: center;
		margin: 0;
		padding: 0;}

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

.StepHeading
{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold; 
	font-size: 13px; 
}

.Heading
{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold; 
	font-size: 17px; 
	height: 19px;
}

.SubHeading
{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold; 
	font-size: 14px; 
	height: 16px;
}
.TableBorder
{
	border-right: #000000 thin solid;
	border-top: #000000 thin solid;
	border-left: #000000 thin solid;
	border-bottom: #000000 thin solid;	
}

.TableTopBorder
{
	border-top:#000000 2px solid;
}

.TableBottomBorder
{
	border-bottom:#c28459 thin solid;
}

.TDRightBorder
{
	border-right:#000000 1px solid; 
}

.rowbackcolor
{
	background-color:#c28459;
	height: 19px;
}
.ControlCaption
{
	font-family: helvetica, arial, sans-serif;
	font-weight: bold; 
	font-size: 11px;
}
.item_title
{
	font-family:helvetica, arial, sans-serif;
	color:#47351F;
	font-size:12px;
}