﻿html, body { 
    background-color: #d8d8d8;
    text-align:center;
    padding: 0; 
    margin: 0 auto; 
    height: 100%;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size:11px;
    color: #043077;
}

A {
    color: #043077;
    text-decoration:underline;
}

P { margin-top: 10px;
    margin-bottom: 10px; }

#Container {
	width: 1000px;
	height: 667px;
	margin: 0px auto;
	padding: 0px;
	border:0;
	background-color:White;
}

#LeftEdge {
	float: left;
	width: 28px;
	height: 100%;
	background-image:url(images/LeftBack.jpg);
}

#PageContent { 
	float: left;
	width: 944px;
	height: 100%;
	text-align: left;
}

#RightEdge {
	float: right;
	width: 28px;
	height: 100%;
	background-image:url(images/RightBack.jpg);
}

#Logo {
	width: 100%;
	height: 50px;
	background-image:url(images/ChurchNameAndLogo.jpg);
	background-repeat: no-repeat;
}

#Header {
	width: 100%;
	height: 142px;
	background-repeat: no-repeat;
	background-image:url(images/TopBanner.jpg);
}

#Menu {
	float: left;
	width: 180px;
	height: 475px;
	background-repeat: repeat-y;
    background-color:#dae794;
    border-right: solid 1px #7f8792;
}  

#Heading {
	float: left;
	width: 763px;
	height: 30px;
    border-bottom: solid 1px #7f8792;
}

#Details 
{
    float:left;
	width: 723px;
	height: 434px;
	padding:10px 20px 0px 20px;
}

#Bottom {
	float: left;
	width: 100%;
	height: 28px;
}

#BottomEdge {
	float: left;
	width: 944px;
	height: 28px;
	background-image:url(images/BottomBack.jpg);
}

#BottomLeft {
	float: left;
	width: 28px;
	height: 100%;
	background-image:url(images/BottomLeft.jpg);
}

#BottomRight {
	float: right;
	width: 28px;
	height: 100%;
	background-image:url(images/BottomRight.jpg);
}

#LifeIsAJourneyBox {
    float:left;
	height: 338px;
	width:514px;
    padding-right:15px;
    border-right: solid 1px #7f8792; 
}

#WhatsComingUpBox {
    float:left;
    height:338px;
    width:178px;
    padding-left:15px;
    font-size:10px;
}

#DailyBibleVerse {
    float:left;
    height:80px; 
    width:723px; 
    padding-top:10px;
    border-top: solid 1px #7f8792;
}

.MenuButton {
	float: left;
	width: 180px;
	height: 35px;
	background-repeat:no-repeat;
	text-align: center;
}  

.MenuButtonText {
	float: left;
	width: 160px;
	height: 22px;
	text-align: center;
	margin:10px 10px 0px 10px;
	line-height:12px;
	font-size:12px;
	font-weight:bold;
	color:#7f8792;
	text-decoration:none;
}  

.MenuButtonTextRed {
	float: left;
	width: 160px;
	height: 22px;
	text-align: center;
	margin:10px 10px 0px 10px;
	line-height:12px;
	font-size:12px;
	font-weight:bold;
	color:Maroon;
	text-decoration:none;
}  

.TextBoxLabel 
{
    float:left;
    width: 100px;
    height: 14px;
    font-size:12px;
    text-align: right;
    padding: 2px 10px 0px 10px;
}

.ErrorLabel 
{
    float:left;
    width: 700px;
    height: 14px;
    font-size:12px;
    text-align: left;
    font-style:italic;
    color:Red;
    padding: 2px 10px 0px 10px;
}

.TextBox 
{
    float:left;
    width: 326px;
    font-size:12px;
}

.TextBoxHalf 
{
    float:left;
    width: 100px;
    font-size:12px;
}

.DropDownList
{
    float:left;
    width: 106px;   
    font-size:12px;
}

.TextBoxMultiLine 
{
    float:left;
    width: 550px;
    height: 130px;
    font-size:12px;
}

.SubmitButton {
    float:left;
    width: 200px;
    height: 27px;
    font-size:13px;
    margin-top:10px;
}

.PageHeadingText {
    text-align: right;
    font-weight:bold;
    color: #7f8792;
    font-size: 15px;
    margin: 10px 10px 0px 0px;
}

.ParagraphHeading {
    font-weight:bold; 
    font-size:14px;
}

.ComingUpHeading {
    font-weight:bold; 
    text-decoration:underline;
}

.ComingUpImage {
    margin:5px 5px 0px 0px;
}

.TableDocumentList {
    width:100%; 
    border-width:0px;
 }
 
.TableSpacer1Indent	{
    width: 20px;
 }

.TableHeaderColumnSize1	{
    background-color: #80a0d1; 
    font-weight:bold; 
    color:#FFFFFF; 
    width:60px ; 
    text-align:center; 
    padding: 1px;
}

.TableHeaderColumnSize2	{
    background-color: #80a0d1; 
    font-weight:bold; 
    color:#FFFFFF; 
    width:100px; 
    text-align:center; 
    padding: 1px;
}
    
.TableHeaderColumnSizeX	{
    background-color: #80a0d1; 
    font-weight:bold; 
    color:#FFFFFF; 
    width:auto; 
    text-align:left; 
    padding: 1px;
}

.TableDetailColumnSize1	{
    background-color: #D5E3F0; 
    font-weight:normal; 
    width:60px; 
    text-align:center; 
    padding: 1px;
}
    
.TableDetailColumnSize2	{
    background-color: #D5E3F0; 
    font-weight:normal;
    width:100px; 
    text-align:center; 
    padding: 1px;
}

.TableDetailColumnSizeX	{
    background-color: #D5E3F0; 
    font-weight:normal;
    width:auto; 
    text-align:left; 
    padding: 1px;
}
