﻿/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: SCREEN | Master Stylesheet
' Description	: This page contains base SCREEN styles for
'				: http://www.bethanyefc.org/
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 03/11/2008	: David Ellenwood - Created Page
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html {}
body {
	position:relative;
	z-index:1;
	font:83%/1.3333 Arial, Helvetica, sans-serif;
	background:white url('/include/site/multimedia/images/bodyBk.jpg');
}

a			{color:#FBE36C; text-decoration:none;}
a:hover		{color:#EBE1BA; text-decoration:underline;}
a:active	{color:#fff;}

.clear		{display:block; clear:both; font-size:1px; line-height:1px; margin:-1px 0 0 0; padding:0; height:1px;}


/* ~~~ File/Category description styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	REMEMER TO ALSO UPDATE ACTIVEA: /amc/descriptStyles.css !!!
*/
 
.descript {margin:0 0 1em 0; font-size:1.2em;}

.descript .alignRight	{float:right;}
.descript .alignLeft	{float:left;}


.descript p		{font-size:.9em; margin:.25em 0 .5em 0;}
.descript h1	{font-size:1.5em; margin:.5em 0 .25em 0;}
.descript h2	{font-size:1.25em; margin:.5em 0 .25em 0;}
.descript h3	{font-size:1.1em; margin:.5em 0 .25em 0;}
.descript h4	{font-size:1em; margin:.5em 0 .25em 0;}
.descript h5	{font-size:.9em; margin:.5em 0 .25em 0;}
.descript h6	{font-size:.75em; margin:.5em 0 .25em 0;}

.descript pre	{font-size:1em; margin:.5em 0;}
.descript img	{margin:3px; max-width:450px; height:auto;}
.descript ul	{margin:.5em 0 .5em 2em; list-style-type:disc;}
.descript ol	{margin:.5em 0 .5em 2em; list-style-type:decimal;}

.descript address	{font-style:normal; font-weight:bold;}

.attachment		{margin:1em 0;}
.attachment a	{padding:.5em; background:#D28600; border:1px solid #FBE36C;}
.attachment a:hover	{text-decoration:none; background:#A15314;}
.attachment img {margin-bottom:-4px;}

/* ~~~~~~~~~~~~ Masthead/header styles ~~~~~~~~~~~~~~~~~~~~~~ */

#masthead {
	position:relative;
	top:0;
	left:0;
	width:auto;
	height:328px;
	z-index:1;
	background:transparent url('/include/site/multimedia/images/mastBk.png') repeat-x;
	_background:transparent url('/include/site/multimedia/images/mastBk.gif') repeat-x;
}



/* ~~~~~~~~~~~~ Layout Styles ~~~~~~~~~~~~~~~~~~~~~~~~~ */

.outerWrap {
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-328px;
	padding:30px 0 0 0;
	z-index:2;
}

#content {
	float:right;
	display:inline;
	width:465px;
	margin:0 35px 0 0;
}



#navColm {
	float:left;
	display:inline;
	width:180px;
	margin:0 15px 0 30px;
	text-align:right;
}

#navColm h1 {margin:55px 12px 0px 0;}

#navColm ul#ministries 			{font-size:1.4em; margin:0 0 0 0px;}
#navColm ul#ministries li		{border-bottom:1px solid #D39300; padding:2px;}
#navColm ul#ministries li.last	{border-bottom:none;}

#navColm ul#ministries li a 		{color:#874605; padding:1px 5px; text-decoration:none;}
#navColm ul#ministries li a:hover	{color:white; background:#D39300;}

#navColm dl			{font-size:.8em; margin:1em 7px 2.5em 0;}
#navColm dl dt		{color:#03337C; margin:.5em 0 0 0; font-weight:bold;}
#navColm dl dd		{color:#874605;}
#navColm dl dd p	{color:#333; line-height:1; margin:3px 0 0 0;}
#navColm dl dd img	{text-align:right; float:right; margin:1px 0 0 5px;}

#adColm {
	position:relative;
	z-index:3;
	float:left;
	display:inline;
	width:200px;
	margin:0 15px -35px 0;
}

#SWFObjectExprInst			{width:220px; height:150px;}
#flashUpgrade		{position:absolute; top:-1px; left:225px; width:220px; min-height:150px; color:red; text-align:center; border:1px solid #f33; background:#EBE1BA; z-index:9999;}
#flashUpgrade p		{margin-top:1em;}
#flashUpgrade h3,
#flashUpgrade h5	{margin-top:.5em;}
#flashUpgrade a		{color:#444;}

/* ~~~~~~~~~~~~ Search Form Styles ~~~~~~~~~~~~~~~~~~~~~~~~~ */

#searchForm {color:#FBE36C; padding:3px 3px 13px 0;}

#searchForm h4 {font-weight:normal;}

#searchForm .textBox,
#searchForm .selectBox {
	font-size:12px;
	color:#914400;
	background:#F1E8C9;
	padding:2px;
	border-top:1px solid #462003;
	border-left:1px solid #462003;
	border-bottom:1px solid #e4d08d;
	border-right:1px solid #e4d08d;
}

#searchForm .textBox {width:125px;}
#searchForm .selectBox {width:150px;}

#searchForm .searchText {margin:0px 1px -2px 1px;}

#searchForm .imageBtn		{margin:1px 1px -4px 1px;}
#searchForm .imageBtn:focus	{margin:0 0 -5px 0; background:#915000; border:1px solid #D28600;}

/* ~~~~~~~~~~~~ HOME Styles ~~~~~~~~~~~~~~~~~~~~~~~~~ */


#home {min-height:820px; _height:820px; background:transparent url('/include/site/multimedia/images/home_mtnDude.gif') bottom left no-repeat;}

#home #homeAds {width:195px; height:585px; border:2px solid #D39300; background:#E6DBA5;}

#home h1#logo {margin:15px 0 5px 0;}

#home ul#keyAreas 		{margin:1em 0 0 0;}
#home ul#keyAreas li	{display:inline; padding:0 1px;}

#home #description {color:#EBE1BA; margin:.25em 0; padding:3px; font-size:.9em; font-weight:normal; background:#D28600;}

#home #welcome		{color:#EBE1BA; margin:.5em 0; padding:3px; font-size:.9em; background:#D28600;}
#home #welcome h2	{margin:.1em 0 .25em 0; font-size:1.8em; line-height:1;}
#home #welcome p 	{font-size:1.2em; margin:.25em 0;}

#home #eventCal {float:left; display:inline; width:148px; margin:1px 0 0 1px;}

#home #thisWeeksLesson 				{float:left; display:inline; width:308px; color:#EBE1BA; margin:0 0 1em 8px;}
#home #thisWeeksLesson h3#lessonHd	{float:left; display:inline; width:81px;}
#home #thisWeeksLesson div#lesson	{float:left; display:inline; width:227px; background:#a15314 url('/include/site/multimedia/images/home_videoCornerBk.gif') repeat-x;}

#home #thisWeeksLesson div#lesson h4.title		{margin:12px 55px .25em 14px; font-size:1em;}
#home #thisWeeksLesson div#lesson p				{margin:.25em 13px .25em 14px; font-size:.8em;}
#home #thisWeeksLesson div#lesson p img			{border:1px solid #FBE36C;}

#thisWeeksLesson div#videoBox					{text-align:center; min-height:150px; _height:150px; z-index:9998;}
#thisWeeksLesson div#welcomeVid					{text-align:center; z-index:9999;}
/*
#home #thisWeeksLesson div#lesson p a img		{border:1px solid #FBE36C;}
#home #thisWeeksLesson div#lesson p a:hover img	{border:1px solid #EBE1BA;}
*/

#home #thisWeeksLesson h5#prevSermons 		{float:right; display:inline; width:227px; padding:0em 0; font-size:.8em; font-weight:normal; text-align:center; background:transparent url('/include/site/multimedia/images/home_thisWeeksLessonBot.gif') bottom right no-repeat;}
#home #thisWeeksLesson h5#prevSermons img	{margin-bottom:-5px;}

/* ~~~~~~~~~~~~ Footer Styles ~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* SITE WIDE */
#footerWrap {
	position:relative;
	width:auto;
}

#footerWrap #footer {
	position:relative;
	z-index:2;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#footerWrap #footer h6 {
	color:#874605;
	font-size:.8em;
	font-weight:normal;
	float:right;
	display:inline;
	width:465px;
	margin:0px 35px 1em 0;
}

#footerWrap #footer h6 a		{color:#D28600;}
#footerWrap #footer h6 a:hover	{color:#874605;}

#footerWrap #footer h1.noscript		{clear:both; color:red; margin:1em 45px; text-align:center; border:1px solid #f33; background:#EBE1BA;}
#footerWrap #footer h1.noscript a	{color:#444;}

/* HOME SPECIFIC */
#footerWrap.home {
	border-top:6px solid #D28600;
	background:transparent url('/include/site/multimedia/images/home_footBk.gif');
}

#footerWrap.home #footerGrad {
	z-index:1;
	height:64px;
	background:transparent url('/include/site/multimedia/images/home_footerGrad.png') repeat-x;
}

#footerWrap.home #footer 			{margin-top:-55px;}
#footerWrap.home #footer h6			{color:#e2c051; margin-top:0;}
#footerWrap.home #footer h6 a:hover	{color:#e2c051;}


