/*fm.css*/
      
      #title {
      background: url(images/FamilyLogoTitle.jpg) no-repeat right;
      margin: 0px 0px 10px 0px; /* pehapse you don't need this. */
      text-align: center;
      width: 100%;
      }
      
      body {
        background-image: url('images/or29.jpg')
      }

           p {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 1.1em;
        margin: 0 0 16px 0;
        padding: 0;
        color: #000000
      }

      a {
        color: #f6358a;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: 600;
      }
      a:link {
        color: #3399ff; /* Colour of links */
      }
      a:visited {

            a:link2 {
        color: #3399ff; /* Colour of link2 */
      }

      
      .black {
      color black; 
      }
      }

      a:hover {
        background-color: #e0ffff;/* Colour of Background Hover on links */
     }

      #navleft {  /* left column */
        position: absolute;
        width: 155px; /*width of left column */
        top: 0px;
        left: 0px;
        font-size: 8;
       background-color:#aaffb3;
       border-right: 5px solid lime;
        padding: 10px;
        z-index: 2;
      }
      #navleft ul {
        list-style: none;
        font-size: 8;
        margin: 0;
        padding: 0;
      }

            
.floatleft
{
float: left;
margin: 0 10px 0px 0px;
border: 1px solid #666;
padding: 2px;
}

.floatright
{
float: right;
margin: 0 10px 0px 0px;
border: 1px solid #666;
padding: 2px;
}

.logo { /* Logo */
        position: absolute; left: 240px;
        width: 130px;
        min-width: 100px;
        margin: 0 0px 0px 0px;
        padding: 10px;
        z-index: 3;
      }

      .content>p {
        margin: 0;
      }
      .content>p+p {
        text-indent: 30px;
      }

.logonl { /* Logo */
        position: absolute; left: 0px;
        width: 130px;
        min-width: 100px;
        margin: 0 0px 0px 0px;
        padding: 10px;
        z-index: 3;
      }

      .content>p {
        margin: 0;
      }
      .content>p+p {
        text-indent: 30px;
      }

.marquee+ 
{
height:30px;width:200px;
background-color: "#000000"; 
font-family:Garamond; 
font-size:22pt;
color:"00FF00";
border-width:0;
border-style:dotted;
border-color:"000000";
}
</style>

<marquee class="html-marquee" direction="left" behavior="scroll" scrollamount="8" >To know God and make Him known</marquee><p style="font-family:verdana,arial,sans-serif;font-size:10px;">

p.special {
text-align:justify;
}

.border
{
border-right-width: 1px;
border-right-style: solid;
border-right-color= "#06296e";
padding: 20px;}



.content { /* Center column with no borders*/
        position: relative; 
        left: 100px;
        width:650px;
        min-width: 100px;
        margin: 0 160px 0px 130px;
        padding: 10px;
        z-index: 3;
      }

.content2 { /* Center column data with left and right border*/
        font: 1em Verdana, Arial, Helvetica, sans-serif;
        position: relative; 
        left: 0px;
        width: 650px;
        min-width: 100px;
        margin: 0 160px 0px 0px;
        padding: 10px;
       color: #06296e;
       border-right: 0.25mm solid #06296e;
       border-left: 0.25mm solid #06296e;
        z-index: 3;
      }

.content3 { /* Center column data with right border*/
        font-family: 1em Verdana, Arial, Helvetica, sans-serif;
        position: relative; 
        left: 0px;
        width: 650px;
        min-width: 100px;
        margin: 0px 160px 20px 0px;
        padding: 10px;
        color: #06296e;
       border-right: 0.25mm solid #06296e;
       z-index: 3;
      }


.content4 { /* Center column data with top border for footer*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        position: relative; 
        left: 0px;
        width: 650px;
        min-width: 100px;
        margin: 0px 160px 0px 0px;
        padding: 10px;
        color: #06296e;
        z-index: 3;
      }

.content5 { /* Center column data with right border*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        position: relative; 
        left: 130px;
        width: 650px;
        min-width: 100px;
        margin: 0px 160px 20px 100px;
        padding: 10px;
        color: #06296e;
       z-index: 3;
      }

.content6{ /* Center column with no borders*/
        position: relative; 
        left: 0px;
        width:650px;
        min-width: 100px;
        margin: 0 0px 0px 20px;
        padding: 10px;
        z-index: 3;
      }

.content7 { /* Center column with no borders*/
        position: relative; 
        left: 110px;
        width:650px;
        min-width: 100px;
        margin: 0 160px 0px 130px;
        padding: 10px;
        z-index: 3;
      }

.tableleft { /*Left table */
        float: left;
        position: relative; left: 0px;
        width:320px;
        min-width: 300px;
        margin: 0px 0px 0px 0px;
        padding-right: 30px;
        z-index: 2;
      }

.tableright { /*right table */
        position: relative; left: 350px;
        width:280px;
        min-width: 100px;
        margin: 10px 10px 10px 10px;
        padding: 10px;
        z-index: 3;
      }

.footer {
    position: absolute;
    bottom: 0;
       left: 50px;
       width:650px;
        min-width: 100px;
        
	}

.footer2 {
      top:20px
       bottom: 0;
       left: -100px;
       width:650px;
        min-width: 100px;
        border-top: 0.25mm solid #06296e;
        
	}