body
{
  background-color: #ffefd5;
  margin-top: 0px;
  font-family: sans-serif;
}

#header
{
  background-color: #ffefd5;
  position: fixed;
  width: 100%;
  height: 6em;
  z-index: 99;
}

#header h1
{
  text-align: center;
}

div.logo
{
  position: fixed;
  width: 8em;
  padding: 0.5em;
  font-size: 80%;
}

div.ourdogs
{
  width: 11em;
  text-align: center;
  float: left;
  margin: 0.5em;
}

.facebook-link
{
  font-size: small;
}

span.link-note
{
  font-size: small;
  font-style: italic;
}

#navigation
{
  position: fixed;
  text-align: center;
  top: 6em;
  width: 8em;
}

p.menu-item
{
  border-style: outset;
  border-color: #ffefd5;
  background-color: #fff4da;
  padding: 0.2em;
  margin: 0.2em;
}

p.menu-item2
{
  font-size: 80%;
  border-style: outset;
  border-color: #ffefd5;
  background-color: #fff4da;
  padding: 0.2em;
  margin: 0.1em 0.2em 0.2em 2em;
}

p.menu-item-selected
{
  border-style: inset;
  border-color: #ffefd5;
  background-color: #faead0;
  padding: 0.2em;
  margin: 0.2em;
}

p.menu-item2-selected
{
  font-size: 80%;
  border-style: inset;
  border-color: #ffefd5;
  background-color: #faead0;
  padding: 0.2em;
  margin: 0.1em 0.2em 0.2em 2em;
}

.bolditalic
{
  font-weight: bold;
  font-style: italic;
}

#content
{
  position: absolute;
  margin: 0em 0.4em 0.2em 0.4em;
  top: 6em;
  left: 8.4em;
  z-index: 1;
}

p.primary-image
{
  width: 100%;
  text-align: center;
}

img.rosette
{
  float: right;
}

table.pedigree
{
  width: 100%;
  margin-top: 0.4em;
  background-color: #ffffcc;
  border-collapse: collapse;
  border: medium solid #333333;
}

tr.pedigreeheader
{
  background-color: #ffcc99;
  border: thin solid #333333;
}

th.pedigreeheader
{
  border: thin solid #333333;
}

table.awards
{
  width: 100%;
  margin-top: 0.4em;
  background-color: #ffffcc;
  border-collapse: collapse;
  border: medium solid #333333;
}

tr.awardsseason
{
  font-size: 120%;
  background-color: #ffcc99;
  border: thin solid #333333;
}

tr.awards
{
  border: thin solid #333333;
}

td.awarddate
{
  border: thin solid #333333;
  text-align: center;
  width: 4em;
  padding: 0.2em;
}

td.awardtype
{
  border: thin solid #333333;
  text-align: center;
  width: 4em;
  padding: 0.2em;
}

td.award
{
  border: thin solid #333333;
  text-align: center;
  padding: 0.2em;
}

span.awarddog
{
  font-weight: bold;
}

span.awardlevel
{
  font-weight: bold;
  white-space: nowrap;
}

.awardcomment
{
  font-size: 80%;
  padding-bottom: 0.1em;
  margin-bottom: 0.1em;
  padding-top: 0.2em;
  margin-top: 0.2em;
}

table.links
{
  width: 100%;
  margin-top: 0.4em;
  background-color: #ffffcc;
  border-collapse: collapse;
  border: medium solid #333333;
}

tr.linktype
{
  font-size: 120%;
  background-color: #ffcc99;
  border: thin solid #333333;
}

tr.link
{
  border: thin solid #333333;
}

td.link
{
  border: thin solid #333333;
  text-align: center;
}

span.linkcomment
{
  font-size: 80%;
  padding-bottom: 0.1em;
  margin-bottom: 0.1em;
  padding-top: 0.2em;
  margin-top: 0.2em;
}

td.parent
{
  width: 24%;
  font-size: 100%;
  border: thin solid #333333;
  padding: 0.2em;
}

td.gparent
{
  width: 24%;
  font-size: 90%;
  border: thin solid #333333;
  padding: 0.1em;
}

td.ggparent
{
  width: 24%;
  font-size: 80%;
  border: thin solid #333333;
  padding: 0.05em 0.1em 0.05em 0.1em;
}

td.gggparent
{
  width: 28%;
  font-size: 70%;
  border: thin solid #333333;
  padding: 0em 0.1em 0em 0.1em;
}

span.qualification
{
  font-weight: bold;
}

span.comment
{
  font-size: 85%;
}

span.dogscore
{
  font-size: 75%;
}

table.dogdetails
{
  width: 100%;
  margin-top: 0.4em;
  background-color: #ffffcc;
  border-collapse: collapse;
  border: medium solid #333333;
}

td.dogcell
{
  border: thin solid #333333;
  padding: 0.1em;
  text-align: center;
  font-size: 80%;
}

span.dogvalue
{
  font-weight: bold;
}