@charset "iso-8859-1";
/* ======================
Mobile View
========================= */
@viewport {
     width:device-width;
     }
/* ======================
this creates the first OUTER background layer
as well as body styles
========================= */
body {
   background-color: #c29381;/* butterscotch */
   color: black;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
   }
/* ======================
heading tags
========================== */
h1 {
   font-family: "Trebuchet MS", sans-serif;
   font-size: 160%;
   color: #0066ff;
   text-align: center;
   /*text-shadow: 3px 3px 9px #b00, -3px -3px 9px #b00; */
   }
h1 span {
   font-size: 80%;
   }
h2 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 114%;
   color: black;
   text-align: center; /* Judy added center here. */
   }
h3 {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   font-size: 100%;
   }
.left {
   text-align: left;
   }
.center {
   text-align: center;
   }
.right {
   text-align: right;
   }
hr {
   margin: 25px
   }
/* ============================
all links
========================== */
a {
   text-decoration: none;
   }
a:link, a:visited {
   background: transparent;
   color: #0066ff;
   }
a:hover {
   background: transparent;
   color: #505BA4;
   text-decoration: underline;
   }
img {
   border: none;
   }
table {
   width: 100%;
   margin: 2px auto;
   border:ridge 2px #aaa;
   padding: 5px;
   border-collapse: collapse;
   border-spacing: 0;
   }
table td {
   border: ridge 2px #aaa;
   padding: 5px;
   }
/* ============================================
MIDDLEMOST TRIPLE BORDER COLOR: http://www.color-hex.com/color/ecdac2
=============================================== */
#table1 {
   width:98%;
   background:#ecdac2;
   }
/* ============================================
INNERMOST TRIPLE BORDER - COLOR: http://www.color-hex.com/color/faf4e4
NOTE: The image jpg is commented out.
=============================================== */
#table2 {
   width:100%;
   border:ridge 3px #aaa;
   background: #faf4e4 
/*   url('http://freepages.genealogy.rootsweb.ancestry.com/~florian/marie/set1/mu25bkgd.jpg'); */
   }
#table3, #table4 {
   width: 20%;
   font-size: 80%;
   font-weight: bold;
   text-align: center;
   }
#table4 {
   width: 90%;
   }
#table5 {
    width: 808px;
    height: 137px;
    }
#table7 {
   width: 78%;
   text-align: center;
   }
#table8 {
   width: 98%;
   }
#table9 {
   width: 98%;
   border:none
    }
#notices {
    width:98%;
    border-collapse:collapse;
    border-spacing:0
    }
#notices td {
    border:ridge 2px #c0c0c0;
    padding:5px
    }
#notices td.clipping {
    }
#notices td.transcript {
    padding:10px
    }
#notices tr.spacer td {
    border:none;
    text-align:center;
    font-size:3em;
    line-height:12%;
    padding-top:20px
    }
#notices tr.spacer2 td {
    border:none;
    text-align:center;
    font-size:1.875em;
    line-height:12%;
    padding-top:20px
    }
#otherFamilies p {
   text-align: center;
   }
p.oF {
   font-size: 120%;
   font-weight: bold;
   }
/* ====================
centers text
====================== */
.center {
	text-align: center;
}
.small {
	 font-size:small;
}
p.small {
   font-size: 70%;
   }
p.large {
   font-size: 125%;
   }
pre { /* "Silver Bells" */
   width:400px;
   margin:0 auto;
   font-family:'lucida console', monospace;
   font-size:1em;
   }
pre span {
   position: relative;
   left: -1.2em;
   }
p.indent {
   text-indent: 60px;
   }
span.indent {
   display: inline-block;
   width: 60px;
   }
#newspapers {
   text-align: center;
   font-weight: bold;
   }
#newspapers span {
   font-size: 85%;
   }
/* ============================================
STYLES FOOTER INFO
=============================================== */
#footer {
   font-size: 80%;
   }
#footer p span {
   font-size: 130%;
   }
#credits {
   width: 300px;
   height: 50px;
   }
#credits img {
   display:inline-block;
   border:none;
   outline:none;
   margin:0 10px;
   vertical-align:middle;
   }
#fp_ftr td { /* remove RW footer border */
   border:none
}
/* ====================================
fancy horizontal line
====================================== */
div.hr {
	background-image: url("../../images/light-line_c-transp.gif");
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	margin: auto;
	width: 385px;
}
/* =====================================
Lists  ul and li can also use  content: "•";
======================================== */

ul.a {
    list-style-type: square;
    font-family:"Arial Black";
    padding:0;
    margin:0;
}

ul.b {
    list-style-type: circle;
    font-family:"Arial Black";
    padding:0;
    margin:0;
}

ol.c {
    list-style-type: upper-roman;
    font-family:"Arial Black";
    padding:0;
    margin:0;
}
ol.d {
    list-style-type: lower-alpha;
    font-family:"Arial Black";
    padding:0;
    margin:0;
}
/* ====================
Lists
====================== */
li {
    line-height:100%;
    padding-left: 1em; 
    text-indent: -.3em;
    padding-bottom: .2em
}
li:before {
    content: "¦"; font-family:"Arial Black";
    padding-right:7px;
    color: black;  /* or whatever color you prefer */
}
/*===================
Wedding lists
=================== */
.marriage ul li 
{ list-style-image: 
               ; 
               margin: 2px; 
               padding: 2px 
}
/* ====================
Image Headers
====================== */
#holder {
    min-width:460px; 
    font-family:tahoma,sans-serif; 
    font-size:1em
    }
  .iLeft {
   width:49px; height:75px; 
   background:red  no-repeat; 
   float:left; margin:0 50px
   }
  .iCenter {
   float:left;position:relative;
   left:50%;margin-left:-177px; 
   width:54px; height:75px; 
   background:green  no-repeat
   }
  .iRight {
   width:56px; height:75px; 
   background:blue  no-repeat; 
   float:right; 
   margin:0 50px
   }
  .iLeft p, .iCenter p, .iRight p {
    margin:0; position:relative; 
    width:150px; 
    top:80px; 
    margin-left:-50px; 
    text-align:center; 
    font-size:85%
    }
/* ====================
Image Float Right or Left
====================== */
   .imgrgt {   /* image to right of text; padding by trial */
        float: right;
        padding: 2px;
        padding-right: 5px;
        }
   .imglft {    /* image to left of text */
        float: left;
        padding: 2px;
        margin-right: 5px;
        padding-left: -10px;
        padding-right: 5px;
        }
/* ====================
Mobile Devices
====================== */
h2#mobile {
    display:none
        }