/* Layout */
* {
 margin: 0;
 padding: 0;
}
#wrapper {
 position: relative;
}
#hdr {
 height: 38px;
 width: auto;
 background: #a60000;
 color: #f5f5f5;
 border: solid #000000;
 border-width: 1px 0;
 margin: 20px 0 0;
 padding-left: 30px;
 white-space: nowrap;
}
#logo {
 position: absolute;
 top: -10px;
 left: 30px;
 height: 58px;
 width: 47px;
 border: 0;
 background: transparent;
}
#columns {
 position: relative;
 min-width: 900px;  /* see rh-col {width: 67%;} */
}
#lh-col {
 float: left;
 width: 186px;
 border: 1px solid #000000;
 background: #fff1ab;
 color: #033e6b;
 margin: 20px 0 20px 20px;
}
#rh-col {
 float: left;
 width: 67%; /* see columns {min-width: 900px;} */
 border: 1px solid #000000;
 background: #fff1ab;
 margin: 20px;
 padding: 20px;
}
#bottom {
 display: inline-block;
 position: relative;
 border: 1px solid #000000;
 background: #fff1ab;
 width: auto;
 margin: 0 20px 20px;
 padding: 20px;
}

/* Navigation menu */
#navcontainer {
 width: 100%;
 text-align: center;
 overflow: hidden;
}
#navcontainer ul {
 margin-left: 0;
 padding-left: 0;
 list-style-type: none;
 font-family: Helvetica,Arial,sans-serif;
 font-size: 12px;
 font-weight: normal;
}
#navcontainer a {
 display: block;
 padding: 3px 0;
 width: 100%;
 background: #a60000;
 border-bottom: 1px solid #fff1ab;
}
#navcontainer a:link,#navlist a:visited {
 color: #f5f5f5;
 text-decoration: none;
 font-weight: bold;
}
#navcontainer a:hover {
 background: #ff4040;
 color: #ffde40;
 font-weight: bold;
}
#navcontainer li a#current {
 background: #033e6b;
 color: #ffff00;
 font-weight: bold;
 border-bottom: 1px solid #fff1ab;
}
#w3c {
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
}
#w3c img {
 border: 0;
 width: 88px;
 height: 31px
}

/* Style */
body {
 background: #d9c561;
 font-family: Arial, sans-serif;
 font-size: 11pt;
 color: #000000;



}
#hdr > h1 {
 font-size: 32px;
 font-weight: normal;
}
#lh-col p {
 text-align: center;
 font-weight: bolder;
 padding: 10px 0;
}
#rh-col h2,#bottom h2 {
 color: #033e6b;
 font-size: 18pt;
 font-variant: small-caps;
 padding-top: 0;
 padding-bottom: 0.3em;
 border-bottom: medium double #a60000;
 border-bottom-width: thick;
 margin-bottom: 0.7em;
}
#rh-col h3,#bottom h3 {
 color: #a60000;
 font-size: 14pt;
 font-weight: bolder;
 font-style: italic;
 margin: 0.5em 0;
}
#rh-col h4,#bottom h4 {
 color: #033e6b;
 font-size: 12pt;
 font-weight: bold;
 margin: 0.3em 0 0.3em 15px;
}
#rh-col p,#bottom p,#submitter {
 padding: 0 0 0.5em 15px;
}
#bottom p {
 width: 700px;
}
blockquote {
 color: #033e6b;
 font-style: italic;
}
ol,ul {
 padding: 0.3em 0 0.7em 40px;
}
#submitter li {
  list-style-type: none;
}
a:link,a:visited {
 color: #033e6b;
 text-decoration: underline;
}
a:hover {
 color: #a60000;
}
a:active {
 color: #ff4040;
}
img.tree {
 margin: 0 20px 0 0;
}
table.borders {
 border: 1px solid #000000;
 border-collapse: collapse;
 font-family: Arial,Helvetica,sans-serif;
 font-size: inherit;
 background: #ffffff;
}
.borders th,.borders td {
 text-align: center;
 border: 1px solid #000000;
 padding: 3px;
}
.align-left {
 text-align: left;
}
.align-right {
 text-align: right;
}
.highlight {
 background: #ffff00;
 font-weight: bold;
 padding: 0 2px;
}
.male {
 background: #99ffff;
}
.female {
 background: #ffcccc;
}
input[type="text"] {
background: #ffffb2;
}
input[type="text"].required {
background: #00ffff;
}
#top-link a:link,#top-link a:visited {
 position: fixed;
 display: block;
 width: 50px;
 bottom: 10px;
 right: 10px;
 outline: 0 none;
 float: left;
 padding: 4px 10px;
 text-align: center;
 text-decoration: none;
 font-size: 14px;
 line-height: 1.2;
 border: 3px outset #b7b7ae;
 background-color: #777770;
 color: #f3f3ed;
}
#top-link a:hover,#top-link a:active {
 border: 3px outset #b7b7ae;
 background-color: #4c4c42;
 color: #f3f3ed
}

/* Results page */
table.results {
 font-size: 8.5pt;
 width: 2450px;
}
table.mtdna {
 font-size: 8.5pt;
 width: 1270px;
}
.unmatched,
.group0,
.group99 {background: #ffffff;} /* white */
.group1  {background: #adff2f;} /* greenyellow */
.group2  {background: #ffff00;} /* yellow */
.group3  {background: #add8e6;} /* lightblue */
.group4  {background: #f0e68c;} /* khaki */
.group5  {background: #ffc0cb;} /* pink */
.group6  {background: #d3d3d3;} /* lightgray */
.group7  {background: #00ffff;} /* aqua */
.group8  {background: #ffd700;} /* gold */
.group9  {background: #e6e6fa;} /* lavender */
.group10 {background: #dda0dd;} /* plum */
.group11 {background: #7fffd4;} /* aquamarine */
.group12 {background: #ffb6c1;} /* lightpink */
.group13 {background: #f5f5dc;} /* beige */
.group14 {background: #90ee90;} /* lightgreen */
.group15 {background: #e0ffff;} /* lightcyan */

.results th {
 vertical-align: bottom;
 border-top-width: 2px;
 padding: 3px;
}
.results .ancestor {
 width: 320px;
}
th.fast,th.slow {
 vertical-align: top;
}
.results tbody th { /* Group headers */
 text-align: left;
 font-size: 9.0pt;
 padding-left: 15px;
}
.results td {
 padding: 3px 1px;
}
td.kit {
 font-size: 9.0pt;
}
td.ancestor {
 text-align: left;
}
td.haplo {
 color: #ff0000;
 font-weight: bold;
}
td.haploconfirmed {
 color: #008000;
 font-weight: bold;
}
td.haploblank {
 color: #000000;
 font-weight: bold;
}
td.mt { /* 'mt' means 'empty' */
 visibility: hidden;
 border-width: 0;
}
.slow {
 color: #ffffff;
 font-weight: bold;
 background: #0000ff;
}
.fast {
 color: #ffffff;
 font-weight: bold;
 background: #ff0000;
}

/* Ancestry tables (group pages)*/
table.ancestry, table.ancestors {
 margin: 0 0 30px 15px;
 font-size: 9.0pt;
}
.ancestry th, .ancestors th {
 background: #f5f5f5;
 padding: 2px 4px;
 font-weight: bold;
}
th.name {
 width: 140px;
}
th.date {
 width: 8em;
}
th.place {
 width: 140px;
}
.ancestry td, .ancestors td {
 padding: 2px 4px;
 border: 1px solid #000000;
}
td.generations {
 width: 10px;
 text-align: center;
}