/*
CSS for Rising Sun Cattle site - Main Layout:  fixed width, full graphics
*/
body {
  margin: 0;
  padding: 0;
  text-align: center;
  min-width: 920px;
  background-color: #333333;
/*  background-color: #d91161;
  background-color: #ed4400; */
}

#wrapper {
  text-align: left;
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  background-color: #e6e4de;
}

#header {
  width: 920px; 
  height: 170px;
/*  border-top: 1px solid #000000; */
  background: url(backgrounds/header_bg.jpg) no-repeat;
/*  background-color: #5a3220; */
}

#header h1, #header p {
  margin-left: -5000px;
}

#main {
  background-image: url(backgrounds/sidebar_fake_bg.png);
  background-color: #f6f6b5;
  background-position: top left;
  background-repeat: repeat-y;
}

#sidebar {
  float: left;
  width: 160px
  margin: 0;
  background: url(backgrounds/sidebar_bg.jpg);
  background-color: #e6e4de;
}

/*
#sidebar .inner {
  padding: 10px;
}
*/

/* First navigation menu */
#nav {
  position: relative;
  list-style: none;
  top: 18px;
  left: 20px;
  margin: 0;
  padding: 0;
  width: 123px;
  overflow: hidden;
  background: url(backgrounds/nav_bg.png) no-repeat;
}

#nav li {
  position: relative;
  top: 12px;
  left: 8px;
  margin: 0 0 18px 0;
  width: 108px;
  height: 27px;
}

#nav li a {
  display: block;
  width: 108px;
  height: 27px;
}

#nav li.home a {
  background-image: url(backgrounds/buttons_tbg.png);
  background-position: -3px -3px;
}

#nav li.genetics a {
  background-image: url(backgrounds/buttons_tbg.png);
  background-position: -3px -48px;
}

#nav li.donors a {
  background-image: url(backgrounds/buttons_tbg.png);
  background-position: -3px -92px;
}

#nav li.inv a {
  background-image: url(backgrounds/buttons_tbg.png);
  background-position: -3px -136px;
}

#nav li.contact a {
  background-image: url(backgrounds/buttons_tbg.png);
  background-position: -3px -182px;
}

#nav li.links a {
  background-image: url(backgrounds/buttons_tbg.png);
  background-position: -3px -225px;
}

#nav li.home a:hover, #home #nav li.home a {
  background-position: -117px -3px;
}

#nav li.genetics a:hover, #genetics #nav li.genetics a {
  background-position: -117px -48px;
}

#nav li.donors a:hover, #donors #nav li.donors a {
  background-position: -117px -92px;
}

#nav li.inv a:hover, #inventory #nav li.inv a {
  background-position: -117px -136px;
}

#nav li.contact a:hover, #contact #nav li.contact a {
  background-position: -117px -182px;
}

#nav li.links a:hover, #links #nav li.links a {
  background-position: -117px -225px;
}

#nav li a span {
  margin-left: -5000px;
}

.navbtm {
  position: relative;
  top: 9px;
  left: 20px;
  margin: 0;
  padding: 0;
}

#brand {
  margin: 65px 9px 32px 15px;
}

.brand {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
}

/* Second (Inventory Sub-)navigation Menu */
#submenu {
  margin: 0 0 0 161px;
  width: 759px;
  height: 22px;
  border-top: 2px solid #fecf00;
  border-bottom: 2px solid #fecf00;
  background-color: #5a3220;
}

#nav2 {
  font-family: "Comic Sans MS", cursive;
  font-size: 90%;
  margin: auto;
  padding: 0;
  min-width: 285px;
  width: 700px;
  height: 18px;
  overflow: hidden;
  text-align: justify;
}

#nav2 li {
  display: inline;
  list-style: none;
}

#nav2 li.semen {
  margin-right: 100%;
}

#nav2 li a {
  display: inline-block;
  padding: 0 3px;
  height: 22px;
  vertical-align: middle;
  text-decoration: none;
}

#nav2 li.bulls a {
  background-image: url(backgrounds/sub_menu.png);
  background-position: -1px 0;
  width: 45px;
}

#nav2 li.cows a {
  background-image: url(backgrounds/sub_menu.png);
  background-position: -108px 0;
  width: 38px;
}

#nav2 li.heifers a {
  background-image: url(backgrounds/sub_menu.png);
  background-position: -207px 0;
  width: 58px;
}

#nav2 li.calves a {
  background-image: url(backgrounds/sub_menu.png);
  background-position: -329px 0;
  width: 48px;
}

#nav2 li.embryos a {
  background-image: url(backgrounds/sub_menu.png);
  background-position: -440px 0;
  width: 62px;
}

#nav2 li.semen a {
  background-image: url(backgrounds/sub_menu.png);
  background-position: -563px 0;
  width: 45px;
}

#nav2 li.bulls a:hover, #inventory.bulls #nav2 li.bulls a {
  background-position: -1px -24px;
}

#nav2 li.cows a:hover, #inventory.cows #nav2 li.cows a {
  background-position: -108px -24px;
}

#nav2 li.heifers a:hover, #inventory.heifers #nav2 li.heifers a {
  background-position: -207px -24px;
}

#nav2 li.calves a:hover, #inventory.calves #nav2 li.calves a {
  background-position: -329px -24px;
}

#nav2 li.embryos a:hover, #inventory.embryos #nav2 li.embryos a {
  background-position: -440px -24px;
}

#nav2 li.semen a:hover, #inventory.semen #nav2 li.semen a {
  background-position: -563px -24px;
}

#nav2 li a span {
  margin-left: -5000px;
}

#content {
/*  position: relative; */
  margin: 0 0 0 161px;
  padding: 10px;
  border-top: 1px solid #000;
  background-color: #f6f6b5;
}

h1, h2, h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h2 {
  margin-top: 15px;
  color: #5a3220;
  font-size: 130%;
  font-weight: normal;
  padding-top: 5px;
}

/* p {
  font-size: small;
}
*/

.feature {
  float: right;
  margin: 10px;
}

a[href ^="http:"] {
  padding-left: 20px;
  background: url(backgrounds/link_icon_external.gif) no-repeat;
}

a[href ^="mailto:"] {
  padding-left: 20px;
  background: url(backgrounds/link_icon_email.gif) no-repeat;
}

a[href $=".pdf"] {
  padding-left: 20px;
  background: url(backgrounds/link_icon_pdf.gif) no-repeat;
}

/* DOB Table */
table.dob {
  width: 100%;
  line-height: 1.4em;
  border-collapse: collapse;
  border: 4px solid #eda553;
  color: #000;
}

table.dob caption {
  margin: 0;
  padding: 0;
  color: #5a3220;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
}

table.dob thead tr {
  color: white;
  background: #996a36;
}

table.dob thead tr th {
  padding: 0.4em 0.6em 0.4em 0.6em;
  border: 4px solid #eda553;
}

table.dob tbody td {
  background: #f6f6b5;
  padding-left: 0.6em;
  border-bottom: 4px solid #eda553;
}

table.dob tbody tr.odd td {
  background: #fff;
  color: #1d230b;
}

table.dob tbody td a {
  color: #bd2d00;
  text-decoration: underline;
}

table.dob tbody td a:hover {
  color: #f5a125;
  text-decoration: none;
}
/* End DOB Table */

/* Donors Table */
table.donor {
  width: 100%;
  line-height: 1.4em;
  border-collapse: collapse;
  border: 4px solid #71ae3e;
  color: #4f6480;
  background: #d8f289;
/*  border: 4px solid #adbbca;
  color: #4f6480;
  background: #f0f0f0; */
}

table.donor caption {
  margin: 0;
  padding: 0;
  color: #5a3220;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
}

table.donor thead tr {
  color: white;
  background: #3f5900;
/*  background: #5e7796; */
}

table.donor thead tr th {
  padding: 0.4em 0.6em 0.4em 0.6em;
  border: 4px solid #71ae3e;
/*  border: 4px solid #adbbca; */
}

table.donor tbody tr {
  border: 4px solid #71ae3e;
/*  border: 4px solid #adbbca; */
}

table.donor tbody td {
  background: #d8f289;
/*  background: #d8f289;
  background: #e9ecee; */
  padding-left: 0.6em;
  border-bottom: 4px solid #5b772a;
/*  border-bottom: 4px solid #a5bf56;
  border-bottom: 4px solid #ccc; */
}

table.donor tbody tr.odd {
  background: #a5bf56;
/*  background: #c4cfdb; */
}

table.donor tbody tr.odd td {
  background: #a5bf56;
/*  background: #f0f0f0; */
  color: #1d230b;
}

table.donor tbody td a:link {
  color: #5a3220;
/*  color: #808000; */
  text-decoration: underline;
}

table.donor tbody td a:visited {
  color: #5a3220;
/*  color: #808000; */
}

table.donor tbody td a:hover {
  color: #5a3220;
/*  color: #808000; */
  text-decoration: none;
}
/* End Donors Table */

/* Animal Layout */
#content .animal {
  position: relative;
  margin-top: 15px;
  border-top: 3px solid #5a3220;
/*  border-bottom: 1px solid #000000; */
  padding-bottom: 5px;
/*  width: 740px; */
  height: 1205px;
/*  background: #f6f2df url("donors/BR MS Takazakura 9667.png") no-repeat; */
  background: #f6f2df;
}

#content .animal {
  position: relative;
}

#content .animal h5 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
/*  color: #5a3220; */
  font-size: 80%;
  font-weight: normal;
  padding-top: 5px;
}

#content .animal h5 a {
  color: #bd2d00;
  text-decoration: none;
}

#content .animal h5 a:hover {
  color: orange;
}

#content .animal p {
  font-family: "Comic Sans MS", cursive;
/*  font-size: 1.5em; */
  color: #8c581d;
}

#content .animal p span {
  font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
/*  font-size: 1.5em; */
  color: #5a3220;
}

#content p.name {
  position: absolute;
/*  margin-left: 40px; */
  top: 10px;
  left: 25px;
  width: 460px;
  height: 35px;
  font-size: 1.5em;
}

#content p.name span {
  font-size: 1.5em;
}


#content p.reg {
  position: absolute;
/*  margin-left: 40px; */
  top: 85px;
  left: 25px;
  width: 180px;
  font-size: 1.4em;
}

#content p.caption {
  position: absolute;
/*  margin-left: 390px; */
  top: 45px;
  left: 390px;
  width: 330px;
  font-size: 2.2em;
}

#content p.type {
  position: absolute;
/*  margin-left: 40px; */
  top: 150px;
  left: 25px;
  width: 195px;
  font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  color: #5a3220;
}

#content p.dob {
  position: absolute;
/*  margin-left: 40px; */
  top: 215px;
  left: 25px;
  width: 195px;
  font-size: 1.4em;
}

#content p.comments {
  position: absolute;
  top: 280px;
  left: 25px;
  width: 195px;
  font-family: Georgia, Lucida, Console, Monaco;
  font-size: .95em;
  font-weight: normal;
  color: #5a3220;
}

#content .animal img {
  position: absolute;
  top: 125px;
  left: 240px;
  width: 505px;
  height: 365px;
}

/* #content .animal .animg p {
  position: center;
  width: 505px;
} */

#content .animal .sire {
  position: absolute;
  top: 525px;
  left: 10px;
  width: 720px;
  height: 210px;
  background: #f6f2df url("backgrounds/pedigree-sire.png") no-repeat;
}

#content .animal .sire p {
  font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  color: #5a3220;
}

#content .animal .dam {
  position: absolute;
  top: 745px;
  left: 10px;
  width: 720px;
  height: 210px;
  background: #f6f2df url("backgrounds/pedigree-dam.png") no-repeat;
  font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
/*  font-size: 1.5em; */
  color: #5a3220;
}

#content .animal .dam p {
  font-family:  "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  color: #5a3220;
}

#content .a {
  position: absolute;
  top: 70px;
  left: 5px;
}

#content .ags {
  position: absolute;
  top: 5px;
  left: 265px;
}

#content .agd {
  position: absolute;
  top: 145px;
  left: 265px;
}

#content .asggs {
  position: absolute;
  top: -5px;
  left: 520px;
}

#content .asggd {
  position: absolute;
  top: 55px;
  left: 520px;
}

#content .adggs {
  position: absolute;
  top: 95px;
  left: 520px;
}

#content .adggd {
  position: absolute;
  top: 155px;
  left: 520px;
}

/* EBV & Analysis Tables */
table.ebv, table.analysis {
  position: absolute;
  width: 100%;
  line-height: 1.4em;
  font-size: 90%;
  text-align: center;
  border-collapse: collapse;
  border: 4px solid #996a36;
  color: #000;
  background: #f6f6b5;
}

table.ebv caption, table.analysis caption{
  margin: 0;
  padding: 0;
  color: #5a3220;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
}

table.ebv thead tr, table.analysis thead tr {
  color: white;
  font-size: 85%;
  background: #996a36;
}

table.ebv thead tr th, table.analysis thead tr th {
  padding: 0.1em 0.2em 0.3em 0.1em;
}

table.ebv tbody td, table.analysis tbody td {
  background: #fff;
  padding-left: 0.5em;
}

table.ebv {
  top: 985px;
}

table.analysis {
  top: 1095px;
}

/* End EBV & Analysis Tables */

/* #cleartwo {
  clear: both;
  height: 1px;
} */
/* End Animal Layout */

/* Test Animals Layout */
#content .animals {
  margin-top: 15px;
  border-top: 3px solid #5a3220;
  padding-bottom: 5px;
}

#content .animals h2 {
  margin-top: 10px;
  margin-bottom: 5px;
  color: #5a3220;
  font-size: 130%;
  font-weight: normal;
  padding-top: 0px;
}

#content .animals h5 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
/*  color: #5a3220; */
  font-size: 80%;
  font-weight: normal;
  padding-top: 5px;
}

#content p.description {
  margin-top: 0.2em;
  font-family: Georgia, Lucida, Console, Monaco;
  font-size: 95%;
  font-weight: normal;
}

#content .animals h5 a {
  color: #bd2d00;
  text-decoration: none;
}

#content .animals h5 a:hover {
  color: orange;
}

/* Animal Stats image alignment */
/* Replacing image content with text layout in process */
#content img.stats {
  margin-left: -10px;
  overflow: hidden;
}
/* End image alignment */
/* End Test Animals Layout */

#clearone {
  clear: both;
  height: 1px;
}

#footer {
  clear: both;
  margin-top: 0;
  border-top: 2px solid #fecf00;
  border-bottom: 2px solid #fecf00;
  color: #ffffff;
  background-color: #5a3220;
}

#footer p {
  font-size: 90%;
  margin: 0 0 0 10px;
  padding: 0.2em 0 0.2em 0;
}

/* Temp borders for block alignment. */

/* body, #wrapper, #header, #sitebranding, #tagline, #main, #sidebar, #nav, #nav li, #brand, #submenu, #nav2, #nav2 li, #content, #content .animal, #content .specs, #content .name, #content .reg, #content .caption, #content img, #content .type, #content .dob, #content .comments, #content .sire, #content .dam, #content .a, #content .ags, #content .agd, #content .asggs, #content .asggd, #content .adggs, #content .adggd, #footer {
  border: 1px solid red;
  padding: 2px;
  margin-bottom: 2px;
} */