#letters  {
}

#letters .letter {
  display: block;
  width: 15px;
  margin: 0px 0px -1px 0px;
  padding: 0px;
  -moz-border-radius: 5px 5px 0px 0px;
}

#letters .active {
  color: chocolate;
}

#letters .long {
  width: 100px;
  margin-right: 10px;
}

#letters p {
  border-color: ;
  color: gray;
  text-indent: 0;

}

#letters a {
  color: black;
}

.column {
  float: left;
#  width: 300px;
}

.column span {
  color: maroon;
  font-size: 100%;
}

.column a {
  color: chocolate;
}

#list-family {
  float: right;
  clear: right;
  width: 165px;
  border-left: dotted 1px gray;
  padding-left: 20px;
  margin:20px 0px 20px 20px;
}

#list-family  code{
  margin-left: 0px;
  color: black;
}

#list-family li {
  padding: 0px;
}

#list-family span {
color: chocolate;
}

.list_cover {
  border-top: dotted 1px gray;
  margin: 0px 20px;
  padding-top: 10px;
}

#list-male {
width: 350px;
margin-left: 50px;
}

#list-female {
width: 350px;
border-left: dotted 1px gray;
}

#gen-asc {
padding: 30px;
}

#gen-asc .person_card {
width:180px;
min-height: 45px;
margin: 5px 0px;
padding: 5px 10px;
}

.genbox {
margin-left: 100px;
padding-left: 20px;
}

.hline {
float: left;
width: 20px;
height: 3px;
margin-left: -20px ;
margin-top: 30px ;
}

.vline1, .vline2 {
float: left;
width: 3px;
margin-left: -22px ;
}

#gen4 .vline1,
#gen4 .vline2 {
height: 365px;
margin-top: -365px ;
}

#gen3 .vline1,
#gen3 .vline2 {
height: 165px;
margin-top: -165px ;
}

#gen2 .vline1,
#gen2 .vline2 {
height: 67px;
margin-top: -67px ;
}

#gen1 .vline1,
#gen1 .vline2 {
height: 30px;
margin-top: -30px ;
}

#gen4 .vline2 ,
#gen3 .vline2 ,
#gen2 .vline2 {
margin-top: 25px ;
}

#gen1 .vline2 {
margin-top: 0px ;
}

#gen1.father {
#background: lightgreen;
margin-top: -25px;
}

#gen1.mother {
#background: lightgreen;
margin-bottom: -25px;
}

#gen-desc-back  {
  margin: 0px 20px;
}

#gen-desc-cover {
  margin: 10px 20px 10px -160px;
}

.gen-desc-col {
  margin-left: 180px;
  margin-top: -1px;
  border-left: solid 1px maroon;
  border-top: solid 1px maroon;
}

.person_desc {
  float: left;
  width: 160px;
  min-height: 50px;
  margin: 5px 5px;
}


#gen-family {
}

#gen-family fieldset {
margin: 10px 20px;
border: solid 1px chocolate;
  -moz-border-radius: 10px;
padding: 0px 0px 20px 0px;
}

#gen-family legend {
#margin-top: -20px;
margin-left: 20px;
}

#gen-family .person_card {
float: left;
height: 60px;
#margin-top: 10px;
#margin-bottom: 10px;
padding: 5px;
#background: white;;
margin-top: 10px;
}

#gen-family-1 .person_card {
  margin-left: 22px;
# margin-right: 0px;
}

#gen-family-2 .person_card {
  margin-left: 112px;
  margin-right: 100px;
}
#gen-family-3 .person_card {
  margin-left: 300px;
}
#gen-family-3  {
  border: solid 2px black;
  text-align: right;
}
#gen-family-4 .person_card {
  margin-left: 22px;
}

.person_card > .person_card2 {
}

#find_person {
# float: right;
# margin: 10px 20px 0px 0px;
  position: absolute;
  margin: 8px 0px 0px 600px;
}

#find_person input{
  width: 175px;
}

#find_person .icon {
  position: absolute;
  width: 20px;
  margin: 1px 0px 0px -21px;
}

#person_history {
  float: right;
  margin: 20px 20px 0px 0px;
  border: solid 2px chocolate;
}


#genea-home {
#background: green;
text-align: justify;
}

#genea-home h2 {
margin: 20px 0px;
}

#genea-home dl {
margin-left: 20px;
}

#genea-home dt {
font-variant: small-caps;
font-weight: bold;
margin-top: 10px;
}