* {
	margin: 0px;
	padding: 0px;
	border: none;
	list-style: none;
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	text-decoration: none;
}
body	{
	font-size: 62.5%;
	min-width: 840px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	background-color:f9f9f9
}
a, a:visited {
	color: #3d5f75;
}
/*						PAGE LAYOUT						*/

.wrap	{
	width: 806px;
	margin: 0 auto;
}
#header	{
	height: 149px;
	padding: 0 40px;
	background: url(../images/bg_header.jpg) repeat-x left top;
}
#content	{
	background: url(../images/bg_content.png) no-repeat left bottom;
	background-color:#f9f9f9
}
#footer	{
	height: 175px;
	background: #ebebe7 url(../images/bg_footer.jpg) no-repeat left top;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
}

/*						GLOBAL STYLES						*/

a:hover	{
	text-decoration: underline;
}
hr	{
	display: none;
}
.clear	{
	height: 0;
	clear: both;
	overflow: hidden;
}

/*						HEADER STYLES						*/

#header h1	{
	float: left;
	width: 190px;
	height: 119px;
	color: #556c77;
	padding-top: 30px;
	text-align: center;
	position: relative;
	font: bold 1.8em Arial, Helvetica, sans-serif;
}
#header h1 a, #header h1 a:visited	{
	top: 0;
	left: 0;
	width: 190px;
	height: 149px;
	display: block;
	position: absolute;
	background: url(../images/logo.jpg) no-repeat left top;
}
#topnav	{
	float: right;
	width: 530px;
}
#topnav li	{
	float: left;
	padding-left: 1px;
	font: 1em/1em Arial, Helvetica, sans-serif;
}
#topnav a, #topnav a:visited	{
	color: #fff;
	width: 105px;
	height: 24px;
	display: block;
	cursor: pointer;
	padding-top: 3px;
	text-align: center;
	position: relative;
	background: #556b76;
}
#topnav a:hover	{
	background: #455760;
}
#topnav span	{
	top: 0;
	left: 0;
	width: 105px;
	height: 27px;
	display: block;
	position: absolute;
}
#topnav .tnav1	{
	background: url(../images/bg_top_nav01.jpg) no-repeat left top;
}
#topnav .tnav2	{
	background: url(../images/bg_top_nav02.jpg) no-repeat left top;
}
#topnav .tnav3	{
	background: url(../images/bg_top_nav03.jpg) no-repeat left top;
}
#topnav .tnav4	{
	background: url(../images/bg_top_nav04.jpg) no-repeat left top;
}
#topnav .tnav5	{
	background: url(../images/bg_top_nav05.jpg) no-repeat left top;
}
#header h2	{
	clear: right;
	float: right;
	width: 366px;
	height: 41px;
	color: #7f8d62;
	padding-top: 20px;
	text-align: center;
	position: relative;
	font: bold 1.6em Arial, Helvetica, sans-serif;
}
#header h2 span	{
	top: 0;
	left: 0;
	width: 366px;
	height: 61px;
	display: block;
	position: absolute;
	background: url(../images/bg_slogan.jpg) no-repeat left top;
}
#mnav	{
	clear: right;
	float: right;
	height: 41px;
	width: 449px;
	margin-right: -20px;
	padding: 20px 0 0 7px;
	background: url(../images/bg_mnav.jpg) no-repeat left top;
}
#mnav li	{
	float: left;
	padding: 0 12px;
	font: 1.4em/1.5em Arial, Helvetica, sans-serif;
}
#mnav li.mnav4	{
	padding-right: 6px;
}
#mnav a, #mnav a:visited	{
	float: left;
	width: 60px;
	height: 22px;
	color: #7e8c62;
	display: block;
	cursor: pointer;
	position: relative;
	text-align: center;
}
#mnav a:hover	{
	color: #fff;
	background: #556b76;
}
#mnav span	{
	top: 0;
	left: 0;
	width: 60px;
	height: 22px;
	display: block;
	position: absolute;
}
#mnav a.mnav3, #mnav a.mnav3:visited, #mnav a.mnav3 span, #mnav a.mnav3:visited span	{
	width: 95px;
}
#mnav a.mnav1 span, #mnav a.mnav1:visited span	{
	background: url(../images/mnav01.jpg) no-repeat left top;
}
#mnav a.mnav2 span, #mnav a.mnav2:visited span	{
	background: url(../images/mnav02.jpg) no-repeat left top;
}
#mnav a.mnav3 span, #mnav a.mnav3:visited span	{
	background: url(../images/mnav03.jpg) no-repeat left top;
}
#mnav a.mnav4 span, #mnav a.mnav4:visited span	{
	background: url(../images/mnav04.jpg) no-repeat left top;
}
#mnav a.mnav5 span, #mnav a.mnav5:visited span	{
	background: url(../images/mnav05.jpg) no-repeat left top;
}
#mnav a.mnav1:hover span	{
	background: url(../images/mnav01.jpg) no-repeat left bottom;
}
#mnav a.mnav2:hover span	{
	background: url(../images/mnav02.jpg) no-repeat left bottom;
}
#mnav a.mnav3:hover span	{
	background: url(../images/mnav03.jpg) no-repeat left bottom;
}
#mnav a.mnav4:hover span	{
	background: url(../images/mnav04.jpg) no-repeat left bottom;
}
#mnav a.mnav5:hover span	{
	background: url(../images/mnav05.jpg) no-repeat left bottom;
}

/*						CONTENT STYLES						*/

#content h2	{
	color: #fff;
	height: 21px;
	position: relative;
	margin-bottom: 15px;
	padding: 5px 0 0 5px;
	font: 1.3em Arial, Helvetica, sans-serif;
	background: #556b76 url(../images/bg_content_h2.jpg) no-repeat right top;
}
#content h2 span	{
	top: 0;
	left: 0;
	height: 26px;
	display: block;
	position: absolute;
}
#blackbx	{
	height: 264px;
	margin-bottom: -248px;
	background-image: url(../images/bg_black_liner.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#midpromo	{
	float: left;
	width: 526px;
	height: 231px;
	margin-bottom: 42px;
	background: url(../images/bg_midpromo.jpg) no-repeat left top;
}
#content #clear1	{
	height: 45px;
}

/*						CALENDAR BOX STYLES						*/

#calendar	{
	float: left;
	width: 212px;
	height: 233px;
	margin-left: 30px;
}
/*background: #556b76*/

#content #calendar h2 span	{
	width: 148px;
	background: url(../images/bg_calendar.jpg) no-repeat left top;
}

#calendar li	{
	float: left;
	width: 106px;
	margin-bottom: 20px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
}
#calendar li a, #calendar li a:visited	{
	color: #fff;
	width: 106px;
	height: 26px;
	display: block;
	padding-top: 12px;
	text-align: center;
	position: relative;
}
#calendar li.active a, #calendar li.active a:visited, #calendar li a:hover	{
	color: #383919;
	background: #dadfc1;
}
#calendar li span	{
	top: 50%;
	left: 50%;
	height: 16px;
	display: block;
	cursor: pointer;
	margin-top: -8px;
	position: absolute;
}
#calendar li span#cal	{
	width: 85px;
	margin-left: -42px;
}
#calendar li.active span#cal, #calendar li a:hover span#cal	{
}
#calendar li span#even	{
	width: 61px;
	margin-left: -30px;
}
#calendar li.active span#even, #calendar li a:hover span#even	{
}
#calendar .container	{
	clear: both;
	width: 200px;
	height: 150px;
	margin: 0 auto;
}

/*						CURRENT SERIES STYLES						*/

#cseries	{
	float: right;
	width: 251px;
	background: #c3c8ac;
	margin-bottom: 42px;
	padding: 5px 7px 9px 7px;
}
#content #cseries h2	{
	height: 19px;
	margin-bottom: 4px;
	padding: 4px 0 0 5px;
	background: #556b76 url(../images/bg_series_h2.jpg) no-repeat right top;
}
#content #cseries h2 span	{
	width: 142px;
	background: url(../images/bg_current.jpg) no-repeat left top;
}
#content #cseries img	{
	display: block;
}

/*						UPDATES STYLES						*/

#updates	{
	float: left;
	width: 268px;
	background-color: ffffff;
}
#updates h2 span	{
	width: 141px;
	background-image: url(../images/bg_welcome.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#updates h3	{
	color: #3c5e74;
	font: 1.2em Arial, Helvetica, sans-serif;
}
#updates p	{
	color: #363734;
	font-size: 1.1em;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: solid 2px #d3d6ca;
}
#updates p.last	{
	border: none;
}
#updates p a, #updates p a:visited	{
	color: #3d5f75;
}

/*						RECENT SERMONS STYLES						*/

#rsermons	{
	float: right;
	width: 264px;
	background-color: ffffff;
}
#content #rsermons h2 span	{
	width: 148px;
	background: url(../images/bg_recent.jpg) no-repeat left top;
}
#rsermons ul	{
	border-top: solid 1px #b0b49c;
}
#rsermons h3	{
	color: #3c5e74;
	font: 1.2em Arial, Helvetica, sans-serif;
}
#rsermons li	{
	height: 1%;
	color: #363734;
	font-size: 1.1em;
	position: relative;
	background: #c3c8ac;
	padding: 8px 0 8px 8px;
	border-bottom: solid 1px #b0b49c;
}
#rsermons li:hover, #rsermons li:hover li	{
	background: #dadfc0;
}
#rsermons li ul	{
	top: 0;
	right: 0;
	border: none;
	position: absolute;
	padding: 14px 23px 0 0;
}
#rsermons li li	{
	float: left;
	width: 21px;
	height: 21px;
	border: none;
	font-size: 0.8em;
	padding: 0 0 0 10px;
}
#rsermons li li a, #rsermons li li a:visited	{
	width: 21px;
	height: 21px;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
#rsermons a.podcast, #rsermons a.podcast:visited	{
	background: url(../images/icon_podcast.png) no-repeat center center;
}
#rsermons a.notes, #rsermons a.notes:visited	{
	background: url(../images/icon_notes.png) no-repeat center center;
}

/*						FOOTER STYLES						*/

#footer ul	{
	padding: 25px 0;
	text-align: right;
}
#footer li	{
	display: inline;
	font-size: 1.1em;
	padding-left: 5px;
}
#footer li a, #footer li a:visited	{
	color: #7e8c62;
}
#footer p	{
	color: #7e8c62;
	font-size: 1.1em;
	text-align: right;
}

/************************************************************/
/*                    SUBPAGE STYLES                        */
/************************************************************/

#topcalendar	{
	float: right;
	width: 264px;
	height: 232px;
	background: #556b76
}

#content #topcalendar h2	{
	width: 258px;
	height: 26px;
	padding-top: 4px;
	margin-bottom: 20px;
	background: #556b76 url(../images/bg_calendarfill.jpg) no-repeat right top;
}

#content #topcalendar h2 span	{
	width: 148px;
	background: url(../images/bg_calendar.jpg) no-repeat left top;
}

#topcalendar li	{
	float: left;
	width: 132px;
	margin-bottom: 20px;
	font: bold 1.2em Arial, Helvetica, sans-serif;
}
#topcalendar li a, #topcalendar li a:visited	{
	color: #fff;
	width: 132px;
	height: 26px;
	display: block;
	padding-top: 12px;
	text-align: center;
	position: relative;
}
#topcalendar li.active a, #topcalendar li.active a:visited, #topcalendar li a:hover	{
	color: #383919;
	background: #dadfc1;
}
#topcalendar li span	{
	top: 50%;
	left: 50%;
	height: 16px;
	display: block;
	cursor: pointer;
	margin-top: -8px;
	position: absolute;
}
#topcalendar li span#cal	{
	width: 85px;
	margin-left: -42px;
}
#topcalendar li.active span#cal, #topcalendar li a:hover span#cal	{
}
#topcalendar li span#even	{
	width: 61px;
	margin-left: -30px;

}
#topcalendar li.active span#even, #topcalendar li a:hover span#even	{
}

#topcalendar .container	{
	clear: both;
	width: 250px;
	margin: 0 auto;
}
#metro	{
	clear: both;
	overflow: auto;
	padding-bottom:20px;
	font-size: 1.1em;
}
#content #metro h2	{
	width: 260px;
	height: 19px;
	padding-top: 4px;
	margin-bottom: 20px;
	background: #556b76 url(../images/bg_metro_h2.jpg) no-repeat right top;
}
#content #metro h2 span	{
	width: 233px;
	height: 23px;
	background: url(../images/bg_about_metro.jpg) no-repeat left top;
}
#content #metro p	{
	color: #363734;
}
#pics	{
	float: right;
	width: 245px;
	padding-left: 25px;
}
#pics img	{
	display: block;
	padding-bottom: 30px;
}
