@charset "utf-8";
/* ------------------------------------------------------------
Broadway Covenant Church CSS Stylesheet
Title:	  screen.css
Media:    Screen
Author:   Stephen J. Withington, Jr.
Version:  January 23, 2008
------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, ol, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* hack to generate vertical slider in Firefox, & Safari doesn't work in Opera */
/* hide from IE mac \*/
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */
body {
	background-color: #666666;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center; /* Centers the page content container in IE 5 browsers. */
}
h1 {
	color: #7A1501;
	font-size: 14px;
}
h2 {
	color: #7A1501;
	font-size: 12px;
}
h3 {
	color: #666666;
	font-size: 11px;
}
ul {
	list-style-type: square;
	padding-left: 24px;
	padding-bottom: 12px;
	margin-right: 6px;
}
ol {
	padding-left: 24px;
	padding-bottom: 12px;
}
li {
	padding-bottom: 0px;
}
a, a:link, a:visited, a:active {
	color: #7A1600;
	font-weight: bold;
	text-decoration: underline;
}
select, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a:hover, a:focus {
	color: #7A1501;
	text-decoration: none;
}
#outerWrapper {
	background-color: #fff;
	margin: 0 auto 0 auto;
	text-align: left;
	width: 771px;
}
#headerWrapper {
	float: left;
	width: 771px;
	background-color: #7A1501;
	color: #FFFFFF;
	padding: 0;
	margin: 0;
}
#headerLogo {
	float: left;
	width: 150px;
	padding: 5px 10px 0 20px;
}
#headerNav {
	float: right;
	width: 550px;
	padding: 90px 10px 0px 10px;
}
#headerNav img {
	vertical-align: bottom;
}
#headerNav ul {
	white-space: nowrap;
	margin: 0;
	padding: 0;
	float: right;
}
#headerNav li {
	list-style-type: none;
	display: inline;
	padding: 0 3px 0 0;
}
#breadcrumbs {
	background-color: #C9BEAB;
	border-top: solid 2px #FFFFFF;
	border-bottom: solid 2px #FFFFFF;
	padding: 3px 5px 3px 10px;
	color: #7A1501;
}
#breadcrumbs p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
	color: #7A1501;
	font-weight: normal;
	text-decoration: none;
}
#breadcrumbs a:hover, #breadcrumbs a:focus {
	color: #FFFFFF;
}
#homeBannerWrapper {
	clear: both;
	float: left;
	width: 771px;
	margin: 0;
	padding: 0;
	background-color: #7A1501;
	color: #FFFFFF;
}
#homeBannerWrapper h1 {
	color: #FFFFFF;
}
#homeBannerImage {
	float: left;
	width: 514px;
	padding: 0;
	margin: 0;
}
#homeBannerText {
	float: left;
	width: 214px;
	padding: 10px 20px 10px 20px;
}
#insideBanner {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}
#leftColumn1 {
	background-color: #FFFFFF;
	border-right: solid 1px #FFFFFF;
	float: left;
	padding: 10px 20px 10px 20px;
	width: 215px;
}
#content {
	/*float:left;*/
	margin: 0 238px 0 0;
	padding: 0 20px 10px 0;
	/*width: 217px;*/
}
#rightColumn1 {
	border-left: solid 1px #CCCCCC;
	float: right;
	padding: 0 0 10px 20px;
	width: 217px;
}
#wideContent {
	clear: both;
	display: block;
	padding: 10px 0 10px 0;
}
#popularPagesTab {
	clear: both;
	display: block;
	padding: 0;
}
#popularPages {
	background-color: #E6E1D2;
	clear: both;
	float: left;
	width: 454px;
	padding: 5px 10px 5px 10px;
	display: block;
}
#popularPagesImages {
	float: left;
	width: 220px;
}
#popularPagesImages img {
	padding: 0 10px 0 0;
}
#popularPagesLinks {
	float: left;
	width: 230px;
}
#contentWrapper {
	clear: both;
	display: block;
}
#contentRightWrapper {
	background-color: #F8F7EB;
	width: 474px;
	float: right;
	padding: 10px 20px 10px 20px;
}
#footerWrapper {
	clear: both;
	float: left;
	width: 751px;
	background-color: #C9BEAB;
	border-top: solid 1px #C9BEAB;
	color: #FFFFFF;
	padding: 10px 10px 10px 10px;
}
#footerWrapper a, #footerWrapper a:link, #footerWrapper a:visited, #footerWrapper a:active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
#footerWrapper a:hover, #footerWrapper a:focus {
	color: #7A1501;
	text-decoration: underline;
}
#footerLeft {
	float: left;
	width: 300px;
}
#footerRight {
	float: right;
	width: 400px;
	text-align: right;
}
/* ============================================================================================== */
/*	BEGIN: CALENDAR FORMATTING 	*/
/* ============================================================================================== */
a.navmonth:link, a.navmonth:active, a.navmonth:visited {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
a.navmonth:hover, a.navmonth:focus {
	text-decoration: none;
}
.daynow {
	background-color: #ABBAC9;
}
.regday {
	background-color: #E6E1D2;
}
.activeday {
	background-color: #C9BEAB;
}
.nowandactive {
	background-color: #ABBAC9;
}
.header {
	background-color: #7A1600;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.subheader {
	background-color: #C9BEAB;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
#tblCalendar {
	border: 1px solid #C9BEAB;
	width: 100%;
}
#tblCalItem {
	border: 1px solid #C9BEAB;
	width: 100%;
}
#tblCalList {
	border: 1px solid #C9BEAB;
	width: 100%;
}
/* ============================================================================================== */
/*	END: CALENDAR FORMATTING 	*/
/* ============================================================================================== */
.red {
	color: #7A1501;
}
.clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #contentWrapper #contentRightWrapper #wideContent #podcasts #itunesNotice {
	padding: 0px 10px 0px 10px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
.podcastItem {
	padding: 0px 10px 5px 10px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	margin: 10px 0px 10px 0px;
}
#helpbox {
	text-align: left;
	background-color: #F8F7EB;
	padding: 12px;
}