@charset "utf-8";
/* CSS Document */

body {
	background: #FFF9CF;
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Link color for most of the site */
a {
	color: #800000;
}

/* The dark-red top banner with the church name and pastors' names */
#topBnr {
	background: url(images/topBnrBg.gif) repeat-x;
	height: 76px;
	margin: 0;
	padding: 0;
}

/* Church name text */
#topBnrTitle {
	padding: 8px 0 0 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
}

/* Church sub-name text */
.topBnrText {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Pastors' names */
#topBnrRight {
	text-align: right;
	padding: 18px 20px 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 140%;
}

/* Holds all the content beneath the top banner */
#container {
	margin: 8px auto 0 auto;
	padding: 0;
	width: 768px;
	background: #FFFFFF;
	border: 2px solid #000000;
	border-top: 1px solid #000000;
}

/* Special container for Photo page only */
#containerPhoto {
	margin: 12px auto 0 auto;
	padding: 0;
	width: 768px;
	background: #FFFFFF;
	border: 2px solid #000000;
	border-top: 1px solid #000000;
}

/* Top picture with St. John and the verse from Acts */
#header {
	margin: 0;
	padding: 0;
	position: relative;
	height: 215px;
}

/* Title in St. John picture: "Welcome" "About Us" etc. */
#headerTitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 1px;
	position: absolute;
	top: 21px;
	left: 370px;
	z-index: 2;
}

/* Main links menu at top of page */
#topMenu {
	background: #FFF18C;
	text-align: center;
	padding: 4px 0 4px 0;
	margin: 0 0 0 0;
	border-top: 3px solid #EEDC77;
	border-bottom: 3px solid #EEDC77;	
}

/* Unordered list style for top menu list items */
#topMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Top menu list items */
#topMenu li {
	display: inline;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/* Top menu links */
#topMenu a:visited {
	color: #000000;
	padding: 4px 6px 4px 6px;
	text-decoration: none;
}

#topMenu a:link {
	color: #000000;
	padding: 4px 6px 4px 6px;
	text-decoration: none;
}

/* Top menu link rollover */
top#menu a:active {
	color: #000000;
	padding: 4px 6px 4px 6px;
	text-decoration: underline;
}

#topMenu a:hover {
	color: #000000;
	padding: 4px 6px 4px 6px;
	text-decoration: underline;
}

/* Sidebar (area with service times, etc.) */
#sidebar {
	width: 180px;
	margin: 0;
	padding: 25px 10px 15px 0px;
	background: #FFFFFF;
}

/* Sidebar title items w/red background image */
.sidebarTitle {
	background: url(images/sidebarTitle.gif) no-repeat left top;
	padding: 3px 0 0 5px;
	margin-left: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
}

/* Sidebar sub-titles */
.sidebarBold {
	font-weight: bold;
	font-size: 10px;
	color: #800000;
	padding: 3px 0 0 10px;
}

/* Sidebar general text */
#sidebar p {
	margin: 0;
	padding: 0 0 7px 10px;
	font-size: 9px;
}

/* Sidebar lists */
#sidebar ul {
	margin: 0 0 0 25px;
	padding: 0;
	font-size: 10px;
}

/* Sidebar list items */
#sidebar li {
	padding: 2px 0 2px 0;
	list-style-type: square;
	color: #800000;
}

/* Sub-container for main content */
#mainContent {
	background: #FFFFFF;
	width: 530px;
	padding: 25px 15px 15px 15px;
	margin: 0;
}

/* Main content area titles (no background image) */
.mainTitle {
	color: #800000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 120%;
	padding: 0 15px 0 15px;
	width: 478px;
}

/* Main content area titles (w/red background image) */
.contentTitle {
	background: url(images/contentTitle.gif) center top no-repeat;
	font-size: 15px;
	height: 27px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 4px 0 0 0;
	margin: 0;
}

/* Bulletin month headings */
.bulletinTitle {
	font-size: 12px;
	font-weight: bold;
	color: #800000;
}

/* Bulletin tables for each month */
.bulletinTable {
	float: left;
	margin: 5px;
	border: 1px solid #000000;
	text-align: center;
}

/* Bulletin table links */
.bulletinTable a {
	color: #000000;
}

/* Special bulletin table style for 1st month in each row of tables */
.bulletinTable1st {
	float: left;
	clear: left;
	margin: 5px;
	border: 1px solid #000000;
	text-align: center;
}

/* Links for the 1st bulletin tables in each row */
.bulletinTable1st a {
	color: #000000;
}

/* Use to float images to the left */
.imgFloatLeft {
	float: left;
	padding: 2px 8px 5px 0;
	max-height: 200;
	max-width: 200;
	margin-top: 4px;
}

/* Use to float images to the right */
.imgFloatRight {
	float: right;
	padding: 0px 0 5px 8px;
}

/* Places slideshow player in the center of the main content area */
.slideshowPlayer {
	text-align: center;
	margin: 0 88px 0 88px;
	z-index: 1;
}

/* Footer with copyright information */
#footer {
	font-size: 10px;
	color: #800000;
	text-align: center;
	margin: 20px 0 10px 0;
	padding: 0;
}