* {
    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: 0px;
}

#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;
}

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

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

.alert
{
   background-color: #E5C3C3;
   border-color: #E83535;
   border-width: 1px;
   border-style: solid;
   margin-bottom: 10px;
}

.alert p
{
   padding: 4px;
}

.alert div {
    padding: 8px;
}

.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 */