* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    font-family: "Segoe UI";
    font-size: 10pt;
}

p {
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 1.45;
}

h3 {
color: #570E16;
width: auto;
border-bottom-style: ridge;
border-bottom-width: thin;
 border-color: #FBE873;
padding-bottom: 2px;
margin-bottom: 6px;
}

h4 {
  margin-top: 8px;
  margin-bottom: 4px;
color: #570E16;
  font-size: 11pt;
}

li {
  margin-left: 16px;
}

#InnerContent li {
  margin-top:6px;
}

a
  {
    color: #90440D;
    text-decoration:none;
}

a:visited
{
color: #90440D;
text-decoration:none;
}

a:hover
{
color: #90440D;
text-decoration:underline;
}

#Main
{
    width: 900px;
    margin: 0px auto 0px auto;
}

#loginControls {
	text-align: right;
 	margin: 0 auto;
	width: 900px;
}

#loginControls a {
	color: #FDD43C;
}

#bottom
{
    clear:both;
    margin-top: 20px;
    border-top-style: dotted; 
    border-width: thin
}

#menu
{
    clear:both;
    font-size: 16px;
    background: url(/images/Menu.png) no-repeat;
    width:898px;
    height:28px;
}

#menu ul
{
    list-style-type: none;
    margin-left: 0px;
  
}

#menu ul li
{
    float: left;
    margin-bottom: 0px;
    margin-left: 0px;
    height:28px;
}

#menu ul li:hover
{
    background: url(/images/Menu_highlighted.png) repeat-x;
}

#menu ul li:first-child
{
    margin-left: 15px;
}

#menu ul li a 
{
    text-decoration:none;
    color: #FFFFFF;
    vertical-align: middle;
    float: left;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
}

#menu ul li a:visited 
{
    text-decoration:none;
    color: #FFFFFF;
}

#menu ul li.selected {
    background: url(/images/Menu_highlighted.png) repeat-x;
}

#sub-menu
{
    clear: both;
    font-size: medium;
    background: url(/images/SubNav_bg.png) no-repeat;
    width:860px;
    height:30px;
     margin: 0px auto 0px auto;
}

#sub-menu ul
{
    list-style-type: none;
    margin-left: 0px;
    margin-bottom: 2px;
}

#sub-menu ul li
{
    text-decoration:none;
    color: #FFFFFF;
    vertical-align: middle;
    float: left;
    padding-left:10px;
    padding-right:10px;
    padding-top:2px;
    padding-bottom:2px;
}

#sub-menu ul li:first-child
{
    padding-left: 0px;
}

#sub-menu ul li a 
{
    text-decoration:none;
    color: #570E16
}

#sub-menu ul li a:hover 
{
    text-decoration:none;
    color: #570E16;
}

#sub-menu ul li a:visited 
{
    text-decoration:none;
    color: #570E16;
}

#sub-menu ul li.selected 
{
    font-weight:bold;
 color: #FFFFFF;
}

#middle
{
    clear:both;
}

#ContentBody
{
    clear:both;
    margin-top: 10px;
}

#InnerContent
{
    float:left;
    width:650px;
    margin-top: 10px;
}

#RightColumn
{
margin-top: 10px;
float:right;
width:250px;
}

.ScriptureVerseBorder
{
   margin-left:20px;
   margin-right:20px;
}

.ScriptureVerseHeader
{
  height:25px;
  width:210px;
  background: url(/images/ScriptureBoxHeader.png);
}

.ScriptureVerseHeader h5
{
  font-weight:bold;
  color:#1B4E27;
  padding-top:5px;
  padding-left:10px;
  padding-right:10px;
}

.ScriptureVerseText
{
  background: url(/images/ScriptureBoxBackground.png) repeat-y;
}

.ScriptureVerseText p
{
  margin:0px;
  padding:10px;
  background: url(/images/ScriptureBoxBackground.png) repeat-y;
  color: #570E16;
}

.ScriptureVerseFooter
{
  height:25px;
  width:210px;
  background: url(/images/ScriptureBoxFooter.png);
}

.ScriptureVerseReference
{
  margin-left:auto;
  margin-right:10px;
  text-align:right;
  margin-top:5px;
  margin-bottom:5px;
  font-weight:bold;
  color:#1B4E27;
  float:right;
}

.ScriptureVerseReference:visited
{
  color:#1B4E27;
}

.ScriptureVerseReference:hover
{
  color:#1B4E27;
}

#FrontPageInnerContent
{
    clear:both;
    margin-top: 10px;
}

#ChurchName
{
    margin: 25px 10px 20px 0px;
    float: left;
    vertical-align: middle; 
    color: #570E16;
}

#ChurchName a
{
    text-decoration:none;
    color: #570E16;
}

#ChurchName a:visited
{
    text-decoration:none;
    color: #570E16;
}

#ChurchName a:hover
{
    text-decoration:none;
    color: #570E16;
}

#ChurchName h2
{
    font-size: 12px;
    font-family: "Segoe UI";
    color: #E2929B;
}

#ChurchImage 
{
    float:right;
    height:118px;
    width:227px;
}

.box h4
{
    background: url(/images/BlockTitle_bg.png) repeat-x;	
    padding: 4px;
    margin: 0px;
}

.box .footer
{
    background: url(/images/BlockTitle_bg.png) repeat-x;	
    padding: 4px;
    margin: 0px;
    text-align: center;
}

.box 
{
   background-color: #FBF6D8;
   border-color: #EAD033;
   border-width: 1px;
   border-style: solid;
}

.box div {
    padding: 8px;
}

.box ul {
  margin-left: 4px;	
}

input {
  border:solid;
  border-width:1px;
  border-color:gray;
  margin: 4px;
  padding: 2px;
}

input.button
{
   background-color: #FBF6D8;
   border-color: #EAD033;
}

input.button:hover
{
  background-color:#EAD033;
}

/* Three-Column styles */
.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
/* 3 Column settings */
	.threecol {
		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}




























































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */