/* ---------------------------------------------------- */
/* Style sheet for the Emmanuel Baptist Church web site */
/* ---------------------------------------------------- */

/*

Each page on the site is organized into basic areas of a
master table like shown below. The names on each area
correspond to table data tag (td) class selectors.

In addition, when the mouse hovers over one of the navBar
areas, a submenu is raised that has the class of
navBarSub.

+---------------------------------------------------------+
|                                                         |
|                      banner                             |
|                                                         |
+-------------+-------------------------------------------+
|             |                 navBar                    |
|             |+---------+----------+----------+---------+|
| firstSideBar||navButton|navButton |navButton |navButton||
|             |+---------+----------+----------+---------+|
+-------------+-------------------------------------------+
|             |                                           |
|             |                                           |
|             |                                           |
|  sideBar    |                                           |
|             |                content                    |
|             |                                           |
|             |                                           |
|             |                                           |
|             |                                           |
+-------------+-------------------------------------------+
|  sideBar    |          content salvation                |
+-------------+-------------------------------------------+
|  sideBar    |          content navButtons               |
+-------------+-------------------------------------------+
|  sideBar    |             content info                  |
+-------------+-------------------------------------------+

*/

/* Global Style Changes */

body {
	background-image:	none;
	color:				black;
	background-color:	#F3F0F7;
	font-family:		Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:			11pt;
	margin:				0px;
}

table, td {
	border-width:		0px;
	border-style:		none;
	border-collapse:	collapse;
}

img {
	border-style:		none;
	border-width:		0px;
	display:			inline;
}

/* Context style changes */

table.main {
	padding:			2px 2px 2px 2px;
	width:				100%;
}

td.banner {
	background-color:	white;
	color:				white;
	cursor:				default;
	text-align:			center;
	padding-left:		0px;
}

td.bannerHover {
	cursor:				pointer;
}

div.churchname {
	text-align: 		right;
	padding-right:		10px;
	float:				right;
}

span.churchname {
	line-height:		18px;
	font-size:			18px;
	color:				yellow;
}

span.churchaddr {
	line-height:		14px;
	font-size:			14px;
}

table.navBar {
	border-collapse:	separate;
	border-width:		0px;
	width:				100%;
}

td.navBar {
	background-color:	#907AB8;
}

td.navBarButton {
	color:				white;
	background-color:	#907AB8;
	padding:			4px;
	text-align:			center;
	font-size:			14px;
	line-height:		14px;
	font-weight:		bold;
	cursor:				default;
	border-style:		solid;
	border-width:		2px;
	border-color:		#B09AD8 #705A98 #705A98 #B09AD8;
}

td.navBarButtonHover {
	color:				#FFEE60;
	background-color:	#806AA8;
	padding:			6px 2px 2px 6px;
	cursor:				pointer;
	border-color:		#705A98 #B09AD8 #B09AD8 #705A98;
}

div.navBarSubMenu {
	position:			absolute;
	left:				0px;
	top:				0px;
	z-index:			20;
	visibility:			hidden;
	border-style:		solid;
	border-width:		2px;
	border-color:		#B09AD8 #705A98 #705A98 #B09AD8;
}

table.navBarSubMenu {
}

td.navBarSubMenu {
	font-size:			12px;
	color:				white;
	background-color:	#806AA8;
	padding:			3px;
	margin:				0px;
	cursor:				default;
	border-style:		none;
	line-height:		12px;
	font-weight:		bold;
}

td.navBarSubMenuHover {
	background-color:	#705A98;
	color:				#FFEE60;
	padding:			5px 1px 1px 5px;
	cursor:				pointer;
}

td.sideBar {
	width:				170px !important;
	background-color:	#907AB8;
	padding-left:		4px;
	padding-right:		4px;
	vertical-align:		top;
	text-align:			center;
}

td.firstSideBar {
	border-top-style:	solid;
	border-top-style:	none;
	border-top-width:	2px;
	border-top-color:	#907AB8;
}

p.sideBarMotto {
	color:				#F3F0F7;
	font-style:			italic;
	font-weight:		bold;
	font-size:			12pt;
	text-align:			center;
}

span.sideBarMotto {
	color:				#FFEE60;
	font-style:			italic;
	font-weight:		bold;
	font-size:			12pt;
}

td.content {
	background-color:	#F3F0F7;
	color:				#604A88;
	padding:			4px;
	padding-top:		8px;
	padding-bottom:		8px; 
	vertical-align: 	top; 
	background-image: 	url( /images/background-logo.jpg );
}

td.mod {
	text-align:			left;
	font-size:			10pt;
	width:				50%;
}

td.guest {
	text-align:			right;
	font-size:			10pt;
	width:				50%;
}
 
.click {
	background-color:		#D6D3CE;
	cursor:					default;
}
 
.clickhover {
	background-color:		#9CCFFF;
	cursor:					pointer;
}


/* For links on the purple background */

a.navBar,
a.navBar:link,
a.navBar:hover,
a.navBar:visited,
a.navBar:active {
	font-size:			8pt;
	color:				white;
	text-decoration:	none;
	font-weight:		bold;
}

a.navBar:hover {
	color:				#FFEE60;
}

a.sideBar,
a.sideBar:link,
a.sideBar:hover,
a.sideBar:visited,
a.sideBar:active {
	font-size:			8pt;
	color:				white;
	font-weight:		bold;
}

a.sideBar:hover {
	color:				#FFEE60;
}


/* For links on the content (light violet) background */

a.content,
a.content:link,
a.content:hover,
a.content:visited,
a.content:active {
	font-size:			12pt;
	color:				#907AB8;
	font-weight:		bold;
}

a.content:hover {
	color:				black;
}

td.content * a,
td.content * a:link,
td.content * a:hover,
td.content * a:visited,
td.content * a:active {
	font-size:			12pt;
	color:				#907AB8;
	font-weight:		bold;
}

td.content * a:hover {
	color:				black;
}

td.content * td,
td.content * p,
td.content * th {
	color:				#907AB8;
	color:				#604A88;
	color:				inherit;
	text-align:			left;
	vertical-align:		top;
}

td.content * th {
	text-align:			left;
	vertical-align:		top;
	font-weight:		bold;
	font-size:			120%;
}

td.content * hr {
	border:				2px inset #907AB8;
}

td.content * span.bible {
	font-family:		"New Century Schoolbook", serif;
	font-style:			italic;
	font-size:			120%;
}

/* Here is a common table format used in various content documents */

table.tab {
	width:				100%;
	border-style:		solid;
	border-width:		2px;
	border-color:		white;
}

table.tab * td,
table.tab * th {
	padding-right:		3px;
	border-style:		solid;
	border-width:		2px;
	border-color:		white;
}

table.bordered {
	width:				100%;
	border-style:		solid;
	border-width:		3px;
	border-color:		#806AA8;
}

table.unbordered {
	width:				100%;
	border-style:		none;
}

.footnote {
	font-size:			10px;
}

.copyright {
	font-size:			10px;
	margin-top:			10px;
	clear:				left;
}

.copyright a.secretlink,
.copyright a.secretlink:link,
.copyright a.secretlink:hover,
.copyright a.secretlink:visited,
.copyright a.secretlink:active {
	font-size:			10px;
	text-decoration:	none;
	font-weight:		normal;
	color:				#000;
}

.button {
	border:				1px black solid;
	padding:			2mm;
	background: 		#FFFCF0;
}

.quote, * .quote {
	color:				black;
}

/* These help format the worship schedule            */

p.w_ann, td p.w_ann {
	text-align:			center;
	font-size: 			12px;
	line-height: 		12px;
}
span.w_time {
	color: 				#101080;
}
span.w_annhdr {
	color: 				#101080;
	font-weight:		bold;
}

/* These help format the worship schedule on the sidebar  */

p.s_ann, td s.w_ann {
	text-align:			center;
	font-size: 			12px;
	line-height: 		12px;
	color:				#FFFFFF;
}
span.s_time {
	color: 				#FFFF00;
}
span.s_annhdr {
	color: 				#FFFF00;
	font-weight:		bold;
}

@media print {

	body {
		background-color:	white;
	}

	td.content {
		background-color:	white;
		color:				black;
		background-image: 	none;
	}
	
	.noprint {
		display:			none;
		visibility:			hidden;
	}

	.eject {
		page-break-before:	always;
	}
	
	.copyright a.secretlink,
	.copyright a.secretlink:link,
	.copyright a.secretlink:hover,
	.copyright a.secretlink:visited,
	.copyright a.secretlink:active {
		color:				black;
	}

}