﻿@charset "UTF-8";
body {
    font-family: Verdana,Tahoma,Helvetica,Geneva,Arial,sans-serif;
    background-attachment: fixed;
    background-color:    #FFFFE0;
    background-image: url('BG.gif');
    margin:                  0px; 
    padding:                 8px;
    font-size:              12pt;
    font-weight:             500;
}                                            /* color is lightyellow */
a:link {
    font-family: Arial,Verdana,Tahoma,Helvetica,Geneva,sans-serif;
    color:             #4169E1; 
    font-size:            100%;
    font-style:         normal;
    text-decoration: underline;
}                                            /* color is royalblue  */
a:visited         {color: navy;}
a:hover {text-decoration: none;} 

p {
    margin:              0;
    padding:   5px 0 0 5px;
}
/*------------------------------------------------------------*/
h1, h2, h3, h4, h5 {text-align: center; font-weight: 500; margin: 0;}
h1 {
    Padding:     15px 10px;
    font-size:        200%;
    word-spacing:  -3.00px;
    letter-spacing:-0.60px;
}
h2 {
    Padding:           5px;
    font-size:        150%;
     word-spacing: -2.00px;
    letter-spacing:-0.40px;
}
h3 {
    Padding:           5px;
    font-size:        100%;
    letter-spacing: normal;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover  {text-decoration: none;} 

/*------------------------------------------------------------*/
.Alphabet {
    text-align:     center;
    font-size:        110%;
    word-spacing:      8px;
}
.Alphabet  a:hover {color: red; text-decoration: blink;}

/*------------------------------------------------------------*/
TABLE  {table-layout: auto; margin: 0 auto; width: auto; text-align: left;}
TD     {width: auto;}

.PedigreeTable {
    border-collapse: collapse;
    border-spacing:         0;
    margin:          0   auto;
    text-align:          left;
    max-width:         1200px;
}
.PedigreeTable TD {
    width:               auto;
    vertical-align:    middle;
    height:             1.1em;
    text-align:          left;
    padding:      0 5px 0 2px;
    overflow:          hidden;
}

.PedigreeTable TD a:hover {text-decoration: none;}

.virticalFather    {background-image: url('q6.gif'); background-position: center; background-repeat: no-repeat;} 
.virticalMother    {background-image: url('q7.gif'); background-position: center; background-repeat: no-repeat;} 
.vertical          {background-image: url('q8.gif'); background-position: center; background-repeat: no-repeat;} 
.mother_FatherCell {background-image: url('qa.gif'); background-position: center; background-repeat: no-repeat;} 
.noMmotherCell     {background-image: url('qb.gif'); background-position: center; background-repeat: no-repeat;}  
.noFatherCell      {background-image: url('qc.gif'); background-position: center; background-repeat: no-repeat;}  
.topCornerCell     {background-image: url('q0.gif'); background-position: center; background-repeat: no-repeat;}


/*------------------------------------------------------------*/
.FColor1                   {color: black;}
.FColor1  a:hover {text-decoration: none;}

.FColor2                 {color: #FF7F50;}  /* color is coral */
.FColor2  a:hover {text-decoration: none;}

.FColor3                  {color: maroon;}
.FColor3  a:link         {color: #A0522D;}  /* color is sienna */
.FColor3  a:visited       {color: maroon;}
.FColor3  a:hover {text-decoration: none;}

.Indent1 {padding-left: 40px;}
.Indent2 {padding-left: 80px;}

/*------------------------------------------------------------*/
.NotesFont {
    font-family: "Lucida Console", "Courier New", Monaco, Monospace;
    background-color: transparent;
    background-image:    none;
    margin:            0 25px;
    border: 2px solid #cccccc; 
    padding:             13px;
    color:              black;
    font-size:            85%;
    font-style:        normal;
    font-weight:          500;
    line-height:         115%;
    white-space:     pre-wrap;
    overflow:            auto;
}
.NotesFont a:hover {text-decoration: none;}

/*------------------------------------------------------------*/
.header, .footer {
    background-color: transparent;
    background-image:    none;
    padding:              5px;
    color:               navy;
    font-size:            8pt;
    font-weight:          500;
    text-align:          left;
    line-height:         115%;
    white-space:     pre-wrap;
    width:              600px;
    height:              auto;
    overflow:         visible; 
}
.header {
    margin:  10px auto 0 auto;
    border:    1px solid navy;
}                                   /* Right-Justified text block */
.footer {
    margin:        5px auto 0 0;
    border: 2px solid #cccccc; 
}                                   /* Left-Justified text block  */

/*------------------------------------------------------------*/
.Centered    {text-align: center;}
.LeftAligned {text-align: left;}

HR {
    height: 3px;
    width:  70%;
    background-color: #FF7F50;
}                                   /* color is coral */

/* =============================================================================================================================== */
ul {background-color: transparent; list-style-type: disc; padding: 0; list-style-position: outside;}
ul ul {background-color: #FFD3A8;  list-style-type: decimal;}
ul ul ul {background-color: #FCE494;}
ul ul ul ul {background-color: #AFFED2;}
ul ul ul ul ul {background-color: #BFBCD3;}
ul ul ul ul ul ul {background-color: #D3D3D3;}
ul ul ul ul ul ul ul {background-color: #BBFFFF;}
ul ul ul ul ul ul ul ul {background-color: #FFD3A8;}
ul ul ul ul ul ul ul ul ul {background-color: #FCE494;}
ul ul ul ul ul ul ul ul ul ul {background-color: #AFFED2;}
ul ul ul ul ul ul ul ul ul ul ul {background-color: #BFBCD3;}
ul ul ul ul ul ul ul ul ul ul ul ul{background-color: #D3D3D3;}
ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #BBFFFF;}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #FFD3A8;}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #FCE494;}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #AFFED2;}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #BFBCD3;}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #D3D3D3;}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #BBFFFF;}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #FFD3A8;}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #FCE494;}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #AFFED2;}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #BFBCD3;}
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {background-color: #D3D3D3;}

ol {background-color: transparent; list-style-type: disc; padding: 0; list-style-position: outside;}
ol ol {background-color: #FFD3A8;  list-style-type: decimal;}
ol ol ol {background-color: #FCE494;}
ol ol ol ol {background-color: #AFFED2;}
ol ol ol ol ol {background-color: #BFBCD3;}
ol ol ol ol ol ol {background-color: #D3D3D3;}
ol ol ol ol ol ol ol {background-color: #BBFFFF;}
ol ol ol ol ol ol ol ol {background-color: #FFD3A8;}
ol ol ol ol ol ol ol ol ol {background-color: #FCE494;}
ol ol ol ol ol ol ol ol ol ol {background-color: #AFFED2;}
ol ol ol ol ol ol ol ol ol ol ol {background-color: #BFBCD3;}
ol ol ol ol ol ol ol ol ol ol ol ul{background-color: #D3D3D3;}
ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #BBFFFF;}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #FFD3A8;}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #FCE494;}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #AFFED2;}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #BFBCD3;}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #D3D3D3;}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #BBFFFF;}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #FFD3A8;}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #FCE494;}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #AFFED2;}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #BFBCD3;}
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {background-color: #D3D3D3;}

li {margin-bottom: 0; margin-left: 30px; padding-left: 8px;}

.DLeve00 {background-color: transparent; margin-left:0; list-style-type:disc; padding-top:8px; padding-bottom: 8px; border: 1px navy solid;}
.DLevel0 {background-color: #BBFFFF;}
.DLevel1 {background-color: #FFD3A8;}
.DLevel2 {background-color: #FCE494;}
.DLevel3 {background-color: #AFFED2;}
.DLevel4 {background-color: #BFBCD3;}
.DLevel5 {background-color: #D3D3D3;}

.DLevel0 a:hover {text-decoration: none;}

/* =============================================================== */
IMG {border-color: transparent; border-width: 2px; vertical-align: middle;}

.PImage {height:32px; margin:1px; width:32px;}
 
.Name     {font-weight: 500;}
.AKA      {font-size: 0.75em;}
.RedDot   {font-size: 0.75em; text-align: center;} 
.Supress  {font-size: 0.75em; text-align: center;} 
.Credit   {font-size: 85%; text-align: center; color: gray; font-style: italic;} 
.SubIndex {font-size: 0.85em; text-align: center; font-style: italic;} 
.Totals   {font-size: 85%; text-align: center; color: black;}