﻿body
{
	border: 0px;
	border-width: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-image: url( '../../images/BackgroundTile.jpg' );
	background-repeat: repeat; */
	background-color:#EEEEEE;
}

p
{
	 text-align:left;	
	/* text-indent:10px; */		
}

h2
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

h4
{
	text-align:center;
	background-color:#222288;
	color:#FFFFFF;	
}

.Backgnd1
{
	background-color:#2222FF; 	
}

.Foregnd1
{
	 color: #FEFFFF;	
}

.MainContentArea
{
	background-color:#FFFFFF;  
	text-align:center;
	border-style:ridge;
    border-width:1px;
    border-color:#000000;
    border-style:solid;
}

.MainContentPanels
{
	background-color:#FFFFFF;  
    width:100%;
    /* Used to create a spiral note book effect */
	/*border-left:4px;
	border-left-style:dashed;
	border-left-color:Gray; */
}

.TextPage
{
	width:100%;
	background-color:#FFFFFF;
}

.MainContentInner
{
	padding:10px;
	min-Height:550px;
	width:700px;
	margin-left:auto;
	margin-right:auto; 
	border:1px solid #DDDDDD;
	float:none;
}

.ContentColor
{
	background-color:#FFFFFF;

}



.CalendarDetailsPanel
{
	Height:120px;
}

.CalendarPanel
{
	 border-color:#CCCCFF;
	 border-style:inset;
	 border-width:4px;
	 padding-Left:10px;	
}

/* Master Styles */

#BannerText
{
	vertical-align: middle;
	padding-top: 8px;
	font-size: 40px;
	font-style: oblique;
	background-image: url(../../images/BannerBackGround.gif);
	height: 100px;
	font-family: 'Arial';
	font-weight: normal;
}

#BannerCell {
	text-align:center; 
	vertical-align:middle; 
	height:100px;
}
.MasterChurchImage
{
    float:Left; 
    background-color: White;  
    height:110px;
    border:0;
}                
#MasterAddressCell 
{
}
#MasterChurchAddress 
{
	background-color: #222288;
	color:White;
}

#MasterContentTable {
	width:100%;
	border:0;
	border-width: 0px;
}

#PageFooter {
	background-color:#BBBBBB;
	height: 40px;
	text-align: center;
	vertical-align: text-bottom;
	font-size: 14px;
	color: #333;
}

#PageFooterCell {
	text-align: center;
	vertical-align: text-bottom;
}
.MasterLeftSidePanel
{
	width:208px; 
	background-color: #CCCCFF;
}
.NavigationLeafTreeNodes
{
	background-color: White;
	background-image: url(  '../../ButtonUp1.jpg' );
	background-position: center;
	color: Black;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	line-height: 0px;
	font-weight: bold;
	border-color:#CCCCFF;
	border-style:Groove; 
	border-width:2px; 
    Width:120px;
}
.NavigationSelectedTreeNodes
{
	background-color: Black;
	color:White;
	background-image: url(  '../../ButtonDown.jpg' );
	background-position: center;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	line-height: 0px;
	font-weight: bold;
	border-color:#CCCCFF;
	border-style:Groove; 
	border-width:2px; 
    Width:120px;
}
.NavigationHoverTreeNodes
{
	color:Green;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	line-height: 0px;
	font-weight: bold;
	border-color:#CCCCFF;
	border-style:Groove; 
	border-width:2px; 
    Width:120px;
}
.SendMailWindow
{ 
	border-style:none;
	padding:20px;	
}
.CalendarDateTitle
{
	color:Black;
	font-weight:normal;	
	border:0px;
	width:100%;
}
.CalendarDateDetails
{
	color:Gray;
	font-weight:normal;	
	border:0px;
}

/* Accordian Ajax Control */

.accordion {
    width: 700px;
    margin-left:auto;
    margin-right:auto;
}        
.accordionHeader {
    border: 1px solid #2F4F4F;
    color:#FFFFFF;
    background-color: #0073B3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
    text-align:center;
}        
.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #222288;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    cursor: pointer;
    text-align:center;
}       
.accordionContent {
    background-color: white;
    color:black;
    border: 1px solid #BBBBBB;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.roundedPanel
{	
	width:300px;
	background-color:#5377A9;
}


.headerMainAdminContainer
{
	width:100%;
}

.headerMainAdmin {
	position:relative;
	height:50px;
	color:#FFFFFF;
	position:relative;
	background:url(../../images/headerBG.png) repeat-x;
	z-index:2;
	margin:0 0px;
	text-align:center;
		padding-top:20px;
	font-size:20px;
}


.EditPageHeader
{
	color:#004400;	
	font-size:16px;
	text-align:center;
	padding-top:8px;
	font-weight:bold;
}
.LoginContainer
{
	float:right;
	text-align:right;	
}

/* Insert Form */

.insertFormContainer
{
	background-color:#F5FFF5;	
	width:550px;
}
.insertForm
{
	border: thin solid #EEEEEE;
	background-color:#F5FFF5;
	padding:4px;
	margin:8px;
}
.insertForm .row
{
	float:none;
	width:100%;	
}
.insertForm .field
{
 float:none;
 border-style:none;
 border-width:0px; 
 background-color:#FFFFFF;
 padding:2px;
}
.insertForm .alternateField
{
	
	
}

.insertForm .insertLink
{
	background-color:#F5FFF5;
	color:#0069A2;
	text-decoration: underline;
	border-style: none;
	float:none;
	text-align:center;
	padding:8;
	width:400px;
	 margin-left:auto;
	margin-right:auto;
}

.insertForm .fieldCaption
{
	font-weight: bold;
	background-color:#F5FFF5;
	color: #333333;
	/*border-right-style:solid;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-right-width:thin;*/
	border:0 none;
	width:200px;
	padding-left:4px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	float:left;
}
.insertForm .inputField
{
	background-color: #FFFFFF;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	width:260px;
	padding-top:2px;
	padding-bottom:2px;
}
.insertForm .newRecordButton
{
 width:100%;
 background-color:#00FF00;	
}

/* Help */

.help
{
	
	
}
.help .heading
{
	
}
.help h1
{
	color:#386F54;	
	font-size:20px;
}
.help h2
{
	color:#386F54;	
	text-align:left;
	font-size:18px;
}
.help h3
{
	color:#386F54;	
	font-size:16px;
}
.help p
{
	color:#000000;	
	font-size:14px;	
}
.help a
{
	
}
.help ol li
{
 list-style-type:decimal;	
 list-style-position:inside;
 padding-top:4px;
 font-weight:bold;
}
.progressIndicator
{
	position:fixed;
	z-index: 5;
	bottom: 20px;
	right: 40px;
	background-color:#00FF00;
	color:#000000;
	padding:4px;
	z-index:10;
	opacity:0.0;
	filter:alpha(opacity=0);
}

.concernGridView
{

}
.concernGridView .button
{

}

h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight:normal;	
}
h1
{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	color:#386F54;
}
h2
{
	padding-top:5px;
	padding-bottom:10px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#386F54;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Alignment */

.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}
.alignright {
	float:right;
	text-align:right;
	margin-left:10px;
}
.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
}

/* Main */


/* Links */
a, a:visited {
	text-decoration:none;
	color:#5c7a99;
}
a:hover {
	text-decoration:underline;
}

/* Standard buttons */
a.btn,
a.btn:hover {
	display:-moz-inline-stack;
	display:inline-block;
	height:18px;
	background:url(./images/icons.png) no-repeat 0 -220px;
	color:#5c7a99;
	text-decoration:none;
	margin:0 0 0 10px;
}
.btn span {
	display:block;
	height:18px;
	margin-left:21px;
	background:url(./images/icons.png) no-repeat 100% -60px;
	line-height:18px;
	font-size:11px;
	padding:0 15px 0 8px;
}
a.btn:hover span {
	background-position:100% -80px;
}

/* Miscellaneous */
.clear {
	display:block;
	clear:both;
}


.pageContainer {
	text-align:left;
	margin:20px;

	border:1px solid #000000;

	background-color:#FFFFFF;
}

.headerBG {
	height:200px;
	position:absolute;
	top:0;
	left:0px;
	background:url(./images/headerBG.png) no-repeat 0 0;
}

.headerMain {
	position:relative;
	height:140px;
	/*background:url(./images/header/lightBlue.jpg) no-repeat 0 0;*/
	background:url(./images/headerBG.png) repeat-x;
	color:#FFFFFF;
		position:relative;
	z-index:2;
	margin:0 0px;
}
.headerMain h1 {
	color:#FFFFFF;
	background-color:Transparent;
	font-size:40px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	padding-top:20px;
}
.headerMain .bannerTitle
{
	float:left;
	font-size:38px;
 font-style:oblique;
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-left:15px;
}
.headerMain .bannerImage 
{
	width:20%; /*232px;*/
	height:130px;
	z-index:5;
	background-image:url("images/BannerImage1.png");
    background-repeat:no-repeat;
    background-position:right;
	float:right;
	text-align:right;
	margin-top:5px;
	margin-right:5px;
}

.SiteTitleLabel
{
 text-align:center;	
  vertical-align:text-bottom;
 color:Red;
}
.headerMain .bannerLogo
{ 	
	padding-top:40px;
	float:left;
	text-align:center;
	width:79%;
}
.headerMain .osLogoHome
{
	float:left;
	
}
.headerMain .sppsLogo
{
	margin-top:auto;
	margin-bottom:auto;
	 vertical-align:middle;
}
.headerMain h1 a,
.headerMain h1 a:visited,
.headerMain h1 a:hover {
	color:#FFFFFF;
	font-size:40px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	text-decoration:none;
}
.headerMain span {
	position:relative;
	right:70px;
	top:120px;
	color:#FFFFFF;
	font-size:20px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-weight:bold;
}

/* Content Wrapper */

.contentPage
{
	background-color: #FFFFFF;
	padding-left:10px;
	padding-right:10px
}
.contentPage ul
{
	list-style-type: circle; list-style-position: inside;
}
.contentWrapper .pageHeader
{
	background:url(./images/heading.png) no-repeat left 0;
	border-left-width:1px;
	border-left-style:solid;
	border-color:#8C8C8C;
	height:20px;
	width:100%;
}
.contentWrapper .pageHeaderRight
{
	float:right;
	width:100px;
	height:20px;
	display:block;
	background:url(./images/heading.png) no-repeat right 0;
}

.headerMenu2 {
	position:relative;
	z-index:2;
	background-color:#000000;
	/*background:url(./images/headerMenu2.png) no-repeat 0 0;*/
	background:url('images/headerMenuCust1.png') repeat-x 0 0;
	margin-bottom:1px;
}
.headerMenu2 ul {
	margin:0 20px;
	height:26px;
}
.headerMenu2DS ul {
	padding-left:2px;
	/*background:url('images/headerMenu2.png') no-repeat -958px -120px;*/
}
.headerMenu2 li {
	float:left;
	height:26px;
	position:relative;
	z-index:1;
}
.headerMenu2DS li {
	background:url(./images/headerMenu2.png) no-repeat right -120px;
	padding-right:2px;
}
.headerMenu2 li a,
.headerMenu2 li a:visited {
	display:block;
	line-height:26px;
	height:26px;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	padding:0 8px;
}
.headerMenu2 li a:hover {
	background:url(./images/headerMenu2.png) no-repeat -25px -60px;
	color:#ddd;
	text-decoration:none;
}
.headerMenu2 ul ul {
	position:absolute;
	top:25px;
	left:0;
	display:none;
	background:#dbdddd;
	border:1px solid #000;
	margin:0;
	z-index:1;
	height:auto;
	padding:0;
}
.headerMenu2 li li {
	float:none;
	width:180px;
	height:auto;
	background:none;
	padding-right:0;
}
.headerMenu2 li li a,
.headerMenu2 li li a:visited {
	height:auto;
	line-height:20px;
	padding:0 8px;
	width:164px;
	position:relative;
	color:#333;
}
.headerMenu2 li li a:hover {
	background:#cacccc;
	color:#333;
}
.headerMenu2 li:hover ul,
.headerMenu2 li.jHover ul {
	display:block;
}
.headerMenu2 ul ul ul,
.headerMenu2 li:hover ul ul,
.headerMenu2 li.jHover ul ul {
	top:3px;
	display:none;
	left:175px;
}
.headerMenu2 li li:hover ul,
.headerMenu2 li li.jHover ul {
	display:block;
}

.headerMenu2 li a.homeIcon,
.headerMenu2 li a.homeIcon:visited {
	background:url(./images/headerMenu2.png) no-repeat 0 -120px;
	padding-left:26px;
}
.headerMenu2 li a.homeIcon:hover {
	background:url(./images/headerMenu2.png) no-repeat 0 -60px;
}

h3.contentHeader {
	font-family:Arial, Geneva, sans-serif;
	font-size:18px;
	border-bottom:1px solid #8c8c8c;
	padding-bottom:4px;
	text-align:center;
	margin:10px 0 40px;
}
h3.contentHeader em {
	font-style:normal;
	font-weight:bold;
}


a.btnTrackback,
a.btnTrackback:hover {
	background-position:0 -260px;
	margin-top:5px;
}
a.btnReply,
a.btnReply:hover {
	background-position:0 -240px;
	margin-top:5px;
}



/* Footer */
.footer 
{
	height:20px;
	position:relative;
	float:none;
}
.footer .icon1 {

}
.footer .copyright {
	color:#666;
	font-size:11px;
}

.footer .design a em {
	color:#525c66;
}



/* No sidebar */
.NS .contentArea {
	float:none;
	width:920px;
}


/* No sidebar */
.contentAreaFull {
	float:none !important;
	width:auto !important;
}



/* Master Page styles */

.MasterPage 
{
	padding-left:20px;
	padding-right:20px;
	background-image:url(../../images/BackgroundGrad1000.gif); 
	background-repeat:repeat-x; 
	background-position:left top;
}
.MasterPageInner
{
	border-width:1px;
	border-color:Black;
	border-style:solid;
	width:100%;
	background-color:White;	
}
	
.LeftSideBarCell
{
	background-image:url(../../images/BackgroundGrad1000.gif); background-repeat:repeat-x; background-position:left top;
	width:215px;
	vertical-align:top;
}

.LeftPanel
{
	float:left;
	background-image:url(../../images/BackgroundGrad1000.gif); background-repeat:repeat-x; background-position:left top;
 background-color:#EEEEEE;
	width:115px;
	height:400px;
	vertical-align:top;
	padding-left:4px;
}

#page_footer 
{
	background-color:#0D0D0D;
	color:#EEEEEE;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	text-align:center; 
} 
  
.MasterBanner  
{
	background-image:url(../../images/BackgroundGrad1.gif); background-repeat:repeat-x; background-position:left top; 
	font-family:Arial;
	font-size:48px;
	font-weight:bold;
	width:100%;
}

.MasterAddress
{
	position:relative;
	left:0px;
	float:none;
	font-family:Arial;
	font-size:12px;	
	text-align:center; 
	color:#666666;
	padding-top:16px;
}
	

/* Calendar Editing Styles */

.CalendarDetailsPanel
{
	Height:120px;
}

.CalendarPanel
{
	 border-color:#CCCCFF;
	 border-style:inset;
	 border-width:4px;
	 width:800px;	
}
.MainContentDiv
{
	margin: 0px;
	width:100%;
	padding:0px;
	vertical-align:top;
}
.SendMailWindow
{
	background-color:#A6A6A6;
	width:65%;	
	text-align:center;
	border: solid 1px Black;
}
.MainActivityPanel
{
	background-color:#D9D9D9;
}

.FAQPageTopHyperLink
{
	 position:fixed;
	 top:0px;
	 color:#7B7BFF;	
}
.PublicMainMenuTreeView
{
	text-align:left;
}
.SectionHeading
{
	float:none;
	font-family:Arial;
	font-size:16px;	
	text-align:center; 
	background-color:#A50E11; 
	color:#FFFFFF;
	padding:6px;
}

.homePageContent
{
 padding-left:60px;
 padding-right:60px;
 font-size:14px;
}

.homePageContent ul
{
	list-style-type: disc;
	list-style-position: inside;
}
.pageHeading
{
	padding-top:5px;
	padding-bottom:10px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#386F54;
}

/* ListViews */

.ListViewGridAltItem
{
	background-color: #FFFFFF;
	color: #284775;
}
.ListViewGridItem
{
	background-color:#F5FFF5;
	color: #333333;
}
.ListViewGridHeading
{
	background-color:#009A6A;
	color: #FFFFFF; 
	text-align:center; 
	font-weight:bold; 
	font-size:13px;
}
.ListViewLayout
{
	background-color: #FFFFFF;
	border-collapse: collapse;
	border-color: #999999;
	border-style:none;
	border-width:1px;
	font-family: Arial, Helvetica, sans-serif;
}
.Pager
{
}
.Pager span
{
	font-weight:bold;	
}
.PagerButtons
{
	background-color:#FFFFFF;
	color:#00AA7A;	
}
.PagerCurrentPage
{
	color:#008487;
	text-decoration:underline;
}

/* UsefulLinks Page */

.useFulLinks
{
	padding-left:8px;
	font-size:14px;	
}

.useFulLinks li
{
	padding-left:8px;
	padding-bottom:8px;
	font-size:14px;	
}

/* Login Window */

.loginWindow
{
	text-align:center;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.loginWindow .loginForm
{	
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#F7F6F3;
	border-color:#111111;
	padding:10px;
	border-style:solid;
	border-width:2px;
	font-size:14px; 
	color:Red;
	margin-top:8px;
}
.loginWindow .textBox
{
	Font-Size:14px;
	margin:8px;	
}
.loginWindow button
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#F7F6F3;
	border-color:#111111;
	padding:10px;
	border-style:solid;
	border-width:2px;
	font-size:14px; 
	color:Red;
	margin-top:8px;
}
.loginWindow .title
{
	background-color:#0069A2;
	font-weight:bold;
	font-size:0.9em;
	color:White;
	padding:4px;
}

.accordianPaneHeader
{
	background-color:#0073B2;	
}

.leadership
{
	
}
.leadership .photoAlbum
{
	margin-left:auto;
	margin-right:auto;
	width:640px;
}

.leadership .leftphoto
{
	text-align:center;
	padding-top:18px;
	margin-bottom:20px;
	margin-left:10px;
	margin-right:10px;
	border:1px solid #AAAAAA;
	float:left;
	width:190px;
	height:252px;
}
.leadership .h2
{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	margin:0x;
}
