/* Global CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
} /* removes defaults from all elements */
/*Body
--------------------------------------------------------------------------------*/
html,body {
	color:#000000;
	font-size:11pt;
	background:#8CA1C4 url(../Images/bg-body.png);
	text-transform:none;
	list-style-position:outside;
	font-style:normal;
	padding: 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
}
/*	links
------------------------------------------------------------------------------- */	
a:visited,
a:active,
a:link {
	color: #77920A;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #0070E3; 
	text-decoration: none;
	font-weight: normal;
}
/*Layer Styles
------------------------------------------------------------------------------------------------*/
#LayerOne {
	border-top: 1px solid #8396B5;
	border-bottom:1px solid #8396B5;
	background:#A4BADF url(../Images/bg-layer1.gif) repeat-x top;
}
#LayerTwo {/* green w/ white border */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	overflow: hidden;
	background-color: #D8EA86;
	background-image:url(../Images/bg-layer2.gif);
}
#LayerThree {/* white w/ green border */
	background: #ffffff;
	border-top: 2px solid #C8D97A;
	border-bottom: 2px solid #C8D97A;
	padding-bottom: 5px;
}

/* HEAD STYLES
------------------------------------------------------------------------------------------------*/
#Head {
	height: 117px;
	width:970px;
	position: relative;
	background:url(../Images/bg-head.gif) no-repeat center top;
	margin: 0 auto;
}
#Banner, #Content  {
	width: 960px;
	padding: 5px;
	margin: 0 auto;
}
#Content {
	overflow: hidden;
}
#LogoImg {
	position: absolute;
	left: 1px;
	top: 5px;
}
#LogoText {
	font-size: 2.6em;
	position: absolute;
	left: 85px;
	top: 13px;
	line-height: .9em;
	padding: 0 0 5px 0;
	color: #fff;
}
#LogoText span {
	font-size: 14px;
	position: absolute;
	left: 50px;
	top: 45px;
	display: block;
}
#Util {
	display: block;
	position: absolute;
	top: -1px;
	right: 25px;
	background:url(../Images/bg-util.png) no-repeat;
	width: 209px;
	height: 26px;
	text-align: center;
	color: #A4BADF;
	font-size: 11pt;
}
#Util a {
	color: #BDCDE9;
	line-height: 24px;
	font-size: 11pt;
	text-decoration: none;
}	
#Util a:hover {
	color: #FFFFFF;
}
.home #ColumnOne {
	width: 720px;
	float: left;
	padding-top: 0px;
}
.home #ColumnOne h2 {
	font-size: 8pt;
	color: #5678B0;
}
.home #ColumnOne h3, .home #ColumnTwo h2 {
	font-size: 8pt;
	color: #5678B0;
	font-variant: small-caps;
	margin-bottom: 0;
}
.home #ColumnOne p {
	color: #495A77;
	font-size: 8pt;
	margin-bottom: 15px;
}
/* END HOMEPAGE STYLES 
------------------------------------------------------------------------------------------------*/
/* NAV STYLES 
------------------------------------------------------------------------------------------------*/
#Nav {	
	position: absolute;
	left: 17px;
	bottom: -1px;
	margin: 0;
	padding: 0;
	width: 936px;
	font-size:11pt;
}
#Nav li {
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#Nav li a {
	display: block;
	width: 117px;
	height: 30px;
	background:url(../Images/bg_navtab.gif) no-repeat 0 0;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	color: #6C82A6;
	cursor: pointer;
}
#Nav li a:hover {
	background-position: 0 -30px;
	color: #77920A;
}
/* NAV TAB ACTIVE STATES */
.home #Nav li.home a, 
.contact #Nav li.contact a,
.links #Nav li.links a,
.map #Nav li.map a,
.about #Nav li.about a, 
.missions #Nav li.missions a,
.classes #Nav li.classes a,
.audio #Nav li.audio a,
.calendar #Nav li.calendar a {
	background-position: 0 -30px;
	color: #77920A;
}
/* HOME BANNER STYLES 
------------------------------------------------------------------------------------------------*/
.home #Banner {
	overflow: hidden; /* fix for floated children */
}
#Banner h1 span, #Banner h2 span, #Banner p span {
	display: block;
}
.home #Banner a {
	font-size: 11px;
}
/* HOMEPAGE PROMO BOX STYLES
------------------------------------------------------------------------------------------------*/
#PromoBox {
	position: relative;
	width: 470px;
	height: 230px;
	padding: 5px;
	background: url(../Images/bg-promobox.gif) no-repeat 5px 5px;
	float: left;
}
.contentDiv{
	padding: 5px;
}
.pagination{
	position: absolute;
	top: 210px;
	right: 20px;
	width: 300px;
	text-align: right;
	padding: 4px;
}
.pagination a{
	padding: 2px 6px;
	color: #77920A; 
}
.pagination a.selected{
	background:url(../Images/bg-currentpromonumber.gif) no-repeat center 2px;
}
/* HOMEPAGE WELCOMEBOX BOX STYLES
------------------------------------------------------------------------------------------------*/
#WelcomeBox {
	width: 230px;
	height: 230px;
	position: relative;
	padding: 5px;
	background:url(../Images/bg-welcomebox.gif) no-repeat 5px 5px;
	float: left;
}
#WelcomeBox h1 {
	font-size: 14pt;
	color: #77920A;
	padding: 10px 5px 5px;
	line-height: 1.0em;
	margin-bottom: 0
}
#WelcomeBox h2 {
	font-size: 18pt;
	color: #77920A;
	margin: 10px 10px 5px 0;
}
#WelcomeBox p {
	font-size: 9pt;
	color: #77920A;
	margin: 0 10px 15px;
	line-height: 1.3em;
}
#WelcomeBox address {
	margin: 5px 10px 15px;
	color: #77920A;
	font-size: 10pt;
}
/* welcomebox tabs 
------------------------------------------------------------------------------------------------*/
#WelcomeTabs {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 7px;
	left: 5px;
}
#WelcomeTabs li {
	float: left;
	height: 24px;
	width: 110px;
	overflow: hidden;
}
#WelcomeTabs li a {
	display: block;
	line-height: 24px;
	padding-left: 13px;
	background:url(../Images/bg-welcomboxtab.gif) no-repeat 0 -24px;
	color: #77920A;
}
#WelcomeTabs li a:hover, #WelcomeTabs li.selected a {
	text-decoration: none;
	background-position: 0 0;
}
#WelcomeBox .tabContent {
	width: 220px;
	height: 195px;
	text-align: right;
	overflow: hidden;
	display: none;
	position: absolute;
	padding: 5px;
	background: url(../Images/bg-welcomebox-tabcontent.jpg) no-repeat 5px 5px;
}
/* JOIN US IN WORSHIP AREA 
------------------------------------------------------------------------------------------------*/
.joinUsPic {
	float: left;
	padding: 5px;
}
#JoinUsTextBox {
	padding: 5px;
	background: url(../Images/bg-joinustextbox.gif) no-repeat 5px 5px;
	width: 470px;
	height: 110px;
	float: left;
}
.home #ColumnOne #JoinUsTextBox p {
	padding: 10px;
	font-size: 9.5pt;
	line-height: 1.5em;
}
/* HOMEPAGE PODCAST BOX STYLES
------------------------------------------------------------------------------------------------*/
#PodcastBox {
	width: 230px;
	height: 110px;
	padding: 5px;
	position: relative;
	background: url(../Images/bg-230x110box.gif) no-repeat 5px 5px; 
	float: left;
}
#PodcastBox p {
	font-size: 9pt;
	color: #77920A;
	margin: 0 10px 5px;
	line-height: 1.3em;
}
#PodcastBox h2 {
	font-size: 12pt;
	color: #77920A;
	padding: 15px 10px 5px;
	line-height: 1.0em;	
	margin-bottom: 0;
}
#PodcastBox img {
	position: absolute;
	right: 3px;
	top:12px;
}
/* HOMEPAGE STAFFBOX STYLES
------------------------------------------------------------------------------------------------*/
#StaffBox {
	width: 230px;
	height: 110px;
	padding: 5px;
	position: relative;
	background: url(../Images/bg-230x110box.gif) no-repeat 5px 5px; 
	float: left;
}
#StaffBox span {
	display: block;
	width: 90px;
	height: 88px;
	position: absolute;
	left: 8px;
	bottom: 7px;
}
#StaffBox h2 {
	font-size: 13pt;
	position: absolute;
	left: 100px;
	top: 20px;
	color: #77920A;
	line-height: 1.0em;	
}
#StaffBox p {
	font-size: 9pt;
	position: absolute;
	left: 100px;
	top: 77px;
}
/* HOMEPAGE COLUMNONE STYLES 
------------------------------------------------------------------------------------------------*/
.home #ColumnOne {
	width: 720px;
	float: left;
	padding-top: 0px;
}
.home #ColumnOne h2 {
	font-size: 21pt;
	color: #5678B0;
}
.home #ColumnOne h3, .home #ColumnTwo h2 {
	font-size: 11pt;
	color: #5678B0;
	font-variant: small-caps;
	margin-bottom: 0;
}
.home #ColumnOne p {
	color: #495A77;
	font-size: 9pt;
	margin-bottom: 15px;
}

/* MBC NEWS AREA -  ON HOMEPAGE*/
#NewsBox {
	width: 350px;
	padding: 5px 5px 7px;
	background: url(../Images/bg_home_khaki_bottom.gif) no-repeat bottom;
	float: right;
}
#NewsBox div {
	background: #F4F2EA url(../Images/bg_home_khaki_top.gif) no-repeat top;
	padding: 5px 15px 10px;
}
#NewsBox p a {
	display: block;
}
/* SERVICE SCHEDULE AREA */
#ServiceScheduleBox {
	width: 350px;
	padding: 5px 5px 7px;
	background: url(../Images/bg_home_khaki_bottom.gif) no-repeat bottom;
	float: left;
}
#ServiceScheduleBox div {
	background: #F4F2EA url(../Images/bg_home_khaki_top.gif) no-repeat top;
	padding: 5px 15px 10px;
}

#AdBox {
	clear: left;
	padding: 10px 5px 7px;
	width: 350px;
}
/* HOMEPAGE COLUMNTWO STYLES */
.home #ColumnTwo {
	width: 240px;
	float: left;
}
p.calendarLink {
	background: url(../Images/bg_calendaricon.gif) no-repeat 5px 10px;
}
p.calendarLink span {
	margin-left: 35px;
	display: block;
	width: 160px;
}
p.sermonsLink {
	background: url(../Images/bg_sermonsicon.gif) no-repeat 5px 10px;
}
p.sermonsLink span {
	margin-left: 35px;
	display: block;
	width: 160px;
}
/* COLUMNTABSBOX STYLES 
------------------------------------------------------------------------------------------------*/
#ColumnTabsBox {
	padding: 5px;
}
#ColumnTabs {
	margin: 0;
	padding: 3px 0 0 0;
	background: url(../Images/bg_calendaraudiobox.gif) no-repeat top;
	height: 24px;
}
#ColumnTabs li {
	float: left;
	height: 24px;
	width: 110px;
	overflow: hidden;
}
#ColumnTabs li a {
	display: block;
	line-height: 24px;
	padding-left: 13px;
	background: url(../Images/bg_calendaraudiotabs.gif) no-repeat 0 -24px;
	color: #5678B0;
	font-size: 10pt;
}
#ColumnTabs li a:hover, #ColumnTabs li.selected a {
	text-decoration: none;
	background-position: 0 0;
}
#ColumnTabsBox .tabContent {
	width: 210px;
	padding: 10px;
	display: none;
	background: #DFE8F6 url(../Images/bg_content_tabcontent.gif) no-repeat bottom;
}
#ColumnTabsBox .tabContent p {
	font-size: 10pt;
	padding: 5px;
	margin-bottom: 0;
}
/* HEADLINES STYES */
#Headlines {
	padding: 5px 5px 7px 5px;
	background: url(../Images/bg_headlines_bottom.gif) no-repeat bottom;
}
#Headlines div {
	background: #F4F2EA url(../Images/bg_headlines_top.gif) no-repeat top;
	padding: 10px 15px 10px;
}
#Headlines ul li {
	padding: 7px 0;
}

/* END HOMEPAGE STYLES */

/* GENERAL PAGE STYLES */
#ColumnOne {
	width: 240px;
	float: left;
	padding: 20px 0 15px;
}
#ColumnTwo {
	width: 700px;
	float: left;
	padding-bottom: 15px;
}
#ColumnOne .pad {
	width: 90%;
}
.fullWidth #ColumnOne {
	display: none;
}
.fullWidth #ColumnTwo {
	width: 960px;
	float: none;
	overflow: hidden;
}
.fullWidth #ColumnTwo .pad {
	padding: 5px 20px;
}
#leftmenu-subpages {
	margin:9px 0px 0px 0px;
	width:230px;
	float:left;
	padding-left:10px;
}
#rightcontent-subpages {
	margin:9px 0px 0px 0px;
	width:680px;
	float:right;
	background-image:url(../Images/edge.gif);
	background-repeat:no-repeat;
	background-position: left;
}
#rightcontainer-subpages {
		width:650px;
		margin: 0px 0px 5px 5px;
		float:right;
		padding-right:5px;
}
/* AUDIO ARCHIVE STYLES */
#PodcastTable {
	border-bottom: 1px solid #98B2E1;
	margin-bottom: 15px;
}
#PodcastTable .headingRow td {
border-top: 1px solid #98B2E1;
padding: 3px 0 3px 5px;
background: #E8F0FF;
font-size: 11px;
color: #495A77;
}
#PodcastTable .podcastRow td {
border-top: 1px solid #98B2E1;
padding: 10px 0 10px 5px;
}
#PodcastTable .podcastRow td.podcastName {
color: #A4CA00;
font-weight: bold;
font-size: 11px;
}
#PodcastTable .podcastRow span, .podcastShortDesc, .podcastDate {
font-weight: normal;
font-size: 10px;
color: #9A9A9A;
padding-right: 7px;
}
#Content #PodcastLink {
text-align: right; 
padding: 10px; 
font-size: 10px; 
}
#Content #PodcastLink a {
color: #0066CC; 
text-decoration: none;
}
#content_wrap {
	background:  url(../Images/content_wrap.jpg) repeat-y center top;
	width: 100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0 0px;
}
#content-inner
{
	background-color: #ffffff;
	color: #654;
	margin: -2px auto 0 auto;
	width: 95%;
}
/* =Breadcrumbs
----------------------------------------------------------------------*/
#content-inner p#breadcrumbs
{	color: #0059b2;
	font-size: 8.5pt;
	margin-bottom: 0;
	padding: 10px 20px 5px;
}
#content-inner p#breadcrumbs a
{
	
	font-weight: normal;
	text-decoration: none;
}
#content-inner p#breadcrumbs a:hover
{
	text-decoration: underline;
}
#panoramic
{
	width: 920px;
}
#panoramic img
{
	text-align: right;
}
div.full
{
	width: 930px;
}
div.fullpastor
{
	width: 930px;
	background-image: url(../Images/PastorsLogoforSpringSt.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#page-header {
	color: #5678B0;
	font-size:15pt;
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #D8EA86;
	width:910px;
	height: 35px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 7px;
	margin-left: auto;
}
/*footer sitemap styles */
#footer {
	font-size:9pt;
	width: 930px;
	padding: 5px;
	margin: 0 auto;
	color:#3366FF;
	height:35px;
}
#sidebar_header {
	DISPLAY: block;
	FONT-SIZE: 13pt;
	COLOR: #ffffff;
	PADDING: 5px 5px 5px 5px;
	BORDER-BOTTOM: #d8ea86 2px solid;
	LETTER-SPACING: 0.12em;
	BACKGROUND-COLOR: #5678b0;
	TEXT-ALIGN: center;
}
#sidebar {
	float: left;
	width: 179px;
	background-color: #5678B0;
	margin: 3px 0 3px 3px;
	display:inline;
	border: solid 1px #5678B0;
}
#inner-webpage-body {
	width:730px;
	text-align:left;
	float:right;
	padding:2.5px 4px 10px 0;
	
}
#news-container { 
	width: 900px;
	padding-left:18px;
}

#news-heading {
	padding: 25px 0 2.5px 0;
	text-align: left;
	font-size: 13pt;
	color: #0c1454;
}
#news-div-1 {
	margin: 0 auto;
	width: 900px;
	border-bottom:1px dashed #000000;
	padding:0px 0px 5px 0px;
}