/* CSS Document */

@charset "utf-8";

/*  TABLE OF CONTENTS		//
							//
	#1	General Rules		//
	#2	Header Items		//
	#3	Drop-down Menu		//
	#4	Text Box			//
	#5 	Sermon Page			//
	#6	our Beliefs Page	//
	#7	our Staff Page		//
							//	
	#7	Calendar Page		//
	#8	Calendar Details	//
	#9	Calendar Mouseovers	//
							//
	#10	Footer				//	
	#11 Programs			//
							//
							//
	  Tip: use Ctrl+F  		*/ 



/*////////////////////////
						//
	#1	GENERAL RULES	//
						//
////////////////////////*/

*	{
	margin: 0px;
	padding: 0px;
	border-style: none;
	// font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}

body	{
	padding: 0px;
	margin: 0px;

	background-image: url(bg-body.jpg);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;

	background-color:#000000;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
} 

/*////////////////////////
						//
	#2	HEADER ITEMS	//
						//
////////////////////////*/

#header	{
	margin: auto;
	background-color: none;
	background-image: url(bg-header.png);
	background-repeat:no-repeat;
	position: relative;
	text-align: center;
	z-index: 50px;
	
	height: 90px;
	width: 823px;

	border-style: solid none solid none;
	border-width: 2px;
	border-color: #000000;
}

#homelink	{
	text-decoration:none;
	position: relative;
	display: inline;
	right: 130px;
	top: 10px;
}

#title	{
	display:inline;
	position: relative;
	right: 120px;
	bottom: 6px;
}

#worship-times	{
	position: absolute;
	right: 8px;
	bottom: 2px;
	text-align:left;
	height: 84px;
	width: 220px;
	float:right;
	background-color:#AAAAAA;
	
	border: inset 2px #999999;
}

#worship-times p	{
	color:#444444;
	font-size:16px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	margin:0px;
	padding: 0px 10px 0px 7px;
}

html>body #worship-times	{
	background-color:transparent;
	background-image:url(bg-textbox.png);
}	

#links	{
	position:relative;
	right: 75px;
	bottom:6px;
	z-index: 50;
}

html>body #links	{
	bottom: 10px;
}

#links li	{
	list-style:none;
	display: inline;
}

#links a	{
	text-decoration:none;
	color: #000000;
	padding: 8px 22px 10px 22px;
}

#links a:visited	{
	color:#000000;
}

#links a:link	{
	color:#000000;
}

#links a:hover	{
	color:#222266;
}	

/*////////////////////////
						//
	#3	DROP-DOWN MENU	//
						//
////////*/////////////////

#about-us	{
}

#drop-down-container	{
	margin: auto;
	text-align:center;
	width: 340px;
	position: relative;
	right: 125px;
	top: 0px;
}

#drop-down	{
	visibility: hidden;
	font-size:15px;
	margin:auto;
	text-align: center;
	display:block;
	width: 120px;

	border-style: solid;
	border-width: 1px 2px 6px 2px;
	border-color: #666666 #333333 #333333 #666666;
}

#drop-down a	{
	text-decoration:none;
	color:#000000;
	display:block;
	background-color: #BBBBBB;

	text-align:left;
	padding: 8px 5px;
}

#drop-down a:hover	{
	background-color: #999999;
	color:#444422;
}

#killerT	{	
	position: absolute;
	width: 340px;
	height: 60px;
	z-index: 60;

	bottom: 370px;
	left: 200px;
}

html>body #killerT	{
	bottom:427px;
}

#killerR	{
	float:right;
	width: 100px;
	height: 105px;
	z-index: 60;
}

#killerB	{
	position: absolute;
	width: 340px;
	height: 100px;
	z-index: 60;

	top: 205px;
	left: 200px;
}

html>body #killerB	{
	top: 204px;
}

#killerL	{
	float:left;
	width: 100px;
	height: 105px;
	z-index: 60;
}
	

/*////////////////////
					//
    #4	TEXT BOX	//
					//
////////*/////////////

#content	{
	z-index: 40;
}

#textbox	{
	margin: auto;
	background-image:none;
	background-color: #DDDDDD;
	z-index: 40;
	width: 600px;
	border-style:solid;
	border-width: 2px 24px 10px 82px;
	border-color:#888866 #666644 #888866 #888866;
}

html>body #textbox	{
	background-image:url(bg-textbox.png);
	background-color:transparent;
	width: 600px;
}

#content h1	{
	text-align:left;
	background-color:#666644;
	color:#BBBBFF;
	margin: 0px;
	padding: 30px 30px 0px 50px;
}

#content p	{
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 30px;
	text-align:left;
	color: #333333;
	margin: 0px;
	padding: 20px 20px 20px 50px;
}

#content ul	{
	list-style:disc;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 20px;
	text-align: left;
	color: #333333;
	margin:0px;
	padding: 0px 30px 10px 0px;
}

#content li	{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-left: 20px;
	padding-top: 10px;
}

#content a	{
	font-family:Georgia, "Times New Roman", Times, serif;
}

#bottom-margin	{
	height: 30px;
}

/*////////////////////
					//
	#5	SERMON PAGE	//
					//
////////////////////*/

#sermon-textbox	{	
	margin: auto;
	background-image:none;
	background-color: #DDDDDD;
	z-index: 40;
	width: 600px;
	
	border-style: solid;
	border-width: 2px 24px 10px 82px;
	border-color: #888866 #666644 #888866 #888866;
}

html>body #sermon-textbox	{
	background-image:url(bg-textbox.png);
	background-color:transparent;
	width: 600px;
}

#sermon-textbox div	{
	text-align:left;
}


#sermons	{
}

#titles a		{
	display:block;
	color: #333333;
}

#blue	{
	background-color: #BBBBFF;
	margin: 10px 0px;
}

#blue a:hover	{
	background-color: #9999DD;
}

#tan	{
	background-color: #BBBB99;
	margin: 10px 0px;
}

#tan a:hover	{
	background-color: #999977;
}

#begin	{
	float:left;
	position:relative;
	right: 50px;
}

#first-month-fix	{
	position: relative;
	top: 10px;
}

html>body #first-month-fix	{
	top:0px;
}

#titles	{
	line-height: 25px;
}

/*////////////////////////////////
								//
	#6		OUR BELIEFS PAGE	//
								//
////////////////////////////////*/

#our-beliefs-textbox	{	
	margin: auto;
	background-image:none;
	background-color: #DDDDDD;
	z-index: 40;
	width: 600px;
	
	border-style: solid;
	border-width: 2px 24px 10px 82px;
	border-color: #888866 #666644 #888866 #888866;
}

html>body #our-beliefs-textbox	{
	background-image:url(bg-textbox.png);
	background-color:transparent;
	width: 600px;
}

#our-beliefs-textbox li	{
	padding-left: 0px;
}

/*////////////////////////
						//
	#7	OUR STAFF PAGE	//
						//
////////////////////////*/

#staff-bio	{
	height:300px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color:#BBBB99;

	border-style: solid none solid none;
	border-width: 2px 0px 4px 0px;
	border-color: #888866 #888866 #666644 #888866;
}

#staff-picture	{
	float:left;
	position:relative;
	right: 30px;
}


/*////////////////////////
						//
	#7	CALENDAR PAGE	//
						//
////////////////////////*/

#calendar-textbox	{	
	margin: auto;
	background-image:none;
	background-color: #DDDDDD;
	z-index: 40;
	width: 770px;
	
	border-style: solid;
	border-width: 2px 24px 10px 22px;
	border-color: #888866 #666644 #888866 #888866;
}

html>body #calendar-textbox	{
	background-image:url(bg-textbox.png);
	background-color:transparent;
}

.event_box{
	width:350px;
	border:1px dashed #BB6;
	//float:left;
	margin:10px;

	display:inline;
}

.shell{
	display:block;
}

.color1{
	background-color:#FFA;
}

.h_color1{
	background-color:#BB6;
}

.event_box h3{
	color:#FFF;
	padding:5px 10px 10px 10px;
	margin:0px 0px 0px 0px;
}

.event_box ul{
	padding:0px 10px 0px 10px;
}

.event_box li{
	list-style-type:none;
	display:block;
	border-bottom:1px dotted #BB6;
	padding:0px 0px 0px 0px;
	margin:0px;
}

.event_box .date{
}

.event_box .event{
}

.event_box .details{
}

/*////////////////
				//
	#10	FOOTER	//
				//
////////////////*/

#footer	{
	height: 200px;
}


/*////////////////////
					//
	#11 PROGRAMS	//
					//
////////////////////*/
#programs th	{
	font-size:.8em;
	font-weight:600;
}

#programs tr td	{
	border-collapse:collapse;
	border: solid 1px #000;
	font-size:.6em;
	padding:0px;
	margin:0px;
}