@rbrown: #431402;
@lbrown: #782908;


* {
 font-family: 'Lato', sans-serif;
 box-sizing: border-box;
}

body {
  margin:0px;
  padding:0px;
  overflow-y:auto;
}

p {
  margin-top:0px;
  padding-top:0px;
}

.left {
  float:left;
}

.right {
  float:right;
}

.clr {
  clear:both;
}

.band {
  padding:10px 0px;
}

.band .content {
  width:960px;
  margin:0px auto;
}

.title {
  font-size:32px;
  font-weight:900;
  padding-bottom:20px;
  color:@rbrown;
}

.band-about .left {
  width:550px;
}

.band-health .right {
  width:550px;
}

.band-top {
  width:100%;
  padding-top:20%;
  background:url(/images/top2020.jpg) center center no-repeat;
  background-size:cover;
}

.band-menu {
  background:@rbrown;
  height:60px;
  padding:0px;
}

.band-menu a {
  color:white;
  display:inline-block;
  padding:0px 12px;
  text-decoration:none;
  font-size:18px;
  height:60px;
  line-height:60px;
  float:left;
}

.band-menu a:hover {
  background-color:@lbrown;
}

.band-menu .homelink {
  font-size:10px;
  background:url(/images/maxicon2.png) center 4px no-repeat;
  position:relative;
  width:120px;
}

.band-menu .homelink span {
  position:absolute;
  top:47px;
  line-height:10px;
  height:10px;
}

.band-footer {
  background:@rbrown url(/images/maxicon2.png) center center no-repeat;
  color:white;
  min-height:100px;
}

.band-copy {
  background:#431402;
  margin-top:0px;
}

.band-copy .content {
  color:white;
  font-size:12px;
  text-align:center;
  padding:2px;
}

.band-contact {
  border-top:1px solid #999;
  height:449px;
  background:url(/images/contact.jpg) center center no-repeat;
}

.band-contact .content {
  line-height:28px;
  padding-top:100px;
}

.tree-h {
  background:url(/images/tree-h.png) right center no-repeat;
}

.tree-down {
  background:url(/images/tree-down.png) left center no-repeat;
}

.tree-up {
  background:url(/images/tree-up.png) left center no-repeat;
}

.tree-down-h {
  background:url(/images/tree-down.png) left center no-repeat, url(/images/tree-h.png) right center no-repeat;
}

.tree-up-h {
  background:url(/images/tree-up.png) left center no-repeat, url(/images/tree-h.png) right center no-repeat;
}

.pedigree td {
  padding:10px;
}

.pedigree .pic{
  width:200px;
}

.pedigree .pdog {
  border-radius: 12px;
  border:2px solid #431402;
  position:relative;
  overflow:hidden;
  height:184px;
}

.pedigree .pdog .name {
  position:absolute;
  left:0px;
  top:160px;
  width:200px;
  background:rgba(255, 255, 255, 0.85);
  padding-left:10px;
  color:black;
  height:20px;
  line-height:20px;
  font-size:10px;
}

.pedigree .pdog .flag {
  position:absolute;
  left:0px;
  top:0px;
  background:green;
  width:29px;
  height:20px;
}

.pedigree .pdog .flag1 {background:url(/design/flags/flag1.png)}
.pedigree .pdog .flag2 {background:url(/design/flags/flag2.png)}
.pedigree .pdog .flag3 {background:url(/design/flags/flag3.png)}
.pedigree .pdog .flag4 {background:url(/design/flags/flag4.png)}
.pedigree .pdog .flag5 {background:url(/design/flags/flag5.png)}
.pedigree .pdog .flag6 {background:url(/design/flags/flag6.png)}
.pedigree .pdog .flag7 {background:url(/design/flags/flag7.png)}

.email {
  height:28px;
  line-height:24px;
  padding-left:26px;
  display:inline-block;
  background:url(/images/email.png) left center no-repeat;
}

.facebook {
  height:28px;
  line-height:24px;
  padding-left:26px;
  display:inline-block;
  background:url(/images/facebook.png) left center no-repeat;
}