/* CSS - Custom styles for Johnson Farms */
body { background: #242026 url(images/ex11back.gif) repeat-x; color: #FFFFFF; }
#hd { position: relative; width: 100%; height: 160px; }
#logo {
position: absolute;
top: 25px;
left: 0;
width: 390px;
height: 109px;
}
#email {
position: absolute;
top: 55px;
right: 124px;
width: 81px;
height: 84px;
}
#load h3 { display: block; width: 96%; padding: 2%; background: #e5d07c; color: #000000; }
#contact {
position: relative;
width: 21em;
height: 7em;
margin: 2em 0 1em 0;
padding: 3.5em 1em 1em 1em;
background: #e5d07c url(images/contactus.gif) .5em .5em no-repeat;
}
#contact p { color: #000000; }
#contact a { color: #000000; }
#sitemap ul li a { color: #ffffff; }
#sitemap .square li {list-style-type: square; }
#email a { text-decoration: none; border: 0; }
#email img { border: 0; }
#menu-holder {
position: absolute;
top: 0; right: 0;
width: 670px; height: 36px;
margin: 0; padding: 0;
}
#menu-holder a { margin: 0; padding: 0; }
.home, .pups, .saints, .newfs, .about, .links, .site {
float: left;
width: 94px;
height: 36px;
}

.home a { width: 94px; height: 36px; display: block; background: url(images/metromenu2.gif) 0 0;  }
.home a:hover, .home a.active { background: url(images/metromenu2.gif) 0 -36px; }

.pups a { width: 94px; height: 36px; display: block; background: url(images/metromenu2.gif) -94px 0;  }
.pups a:hover, .pups a.active { background: url(images/metromenu2.gif) -94px -36px; }

.saints a { width: 94px; height: 36px; display: block; background: url(images/metromenu2.gif) -188px 0;  }
.saints a:hover, .saints a.active { background: url(images/metromenu2.gif) -188px -36px; }

.newfs a { width: 94px; height: 36px; display: block; background: url(images/metromenu2.gif) -282px 0;  }
.newfs a:hover, .newfs a.active { background: url(images/metromenu2.gif) -282px -36px; }

.about a { width: 94px; height: 36px; display: block; background: url(images/metromenu2.gif) -376px 0;  }
.about a:hover, .about a.active { background: url(images/metromenu2.gif) -376px -36px; }

.links a { width: 94px; height: 36px; display: block; background: url(images/metromenu2.gif) -470px 0;  }
.links a:hover, .links a.active { background: url(images/metromenu2.gif) -470px -36px; }

.site a { width: 94px; height: 36px; display: block; background: url(images/metromenu2.gif) -564px 0;  }
.site a:hover, .site a.active { background: url(images/metromenu2.gif) -564px -36px; }

#links a { color: #ffffff; }
#links p { text-indent: 1em; }
.notice { font-weight: bold; font-size: 1.2em }
.image-holder { width: 100%; text-align: center; margin-bottom: 1em; }
.image-holder img { padding: 2px; border: 1px solid #e5d07c; }
#left-photo-holder { float: left; width: 48%; }
#right-photo-holder { float: right; width: 48%; }
#left-photo-holder img, #right-photo-holder img { margin-bottom: .3em; }
.photo { width: 100%; margin-bottom: .4em; text-align: center; }
.photo-large { float: left; width: 48%; text-align: center; margin-bottom: .4em; }
.yui-gb { margin-bottom: 1em; }
#dogList a { color: #e5d07c; font-size: 110%; font-weight: bold; text-decoration: none; }
#dogList ul {margin: 0; padding: 0; }
#dogList li { list-style: none; margin: 0; padding: .2em 0; }
#dogList img { padding: 2px; border: 1px solid #e5d07c; margin: 3px; }
#load { margin-top: 1.5em; width: 100%; }
#active { background: #FFFFFF; }
#ft {margin-top: 1em; text-align: center; }
#ft a { color: #FFFFFF; }

#doBlind { background-color:#e5d07c; border: 1px solid #000000; padding: .3em; cursor: default; }

#pedigree {
position: relative;
width: 400px;
height: 0;
background: blue;
overflow: hidden;
}
.hide {height: 400px; padding: 1em; margin-bottom: 1em;}

/* Pedigree Styles*/
	.ped-holder { position: relative; width: 36em; padding: 1em; color: #000000; text-align: left;}
.dog { margin: .2em 0; padding: .2em 0 .2em .2em; background: #E5D07C; width: 22.9em;} /* background color should match background color of lines */
.parent { margin-left: 4em;}
.grand-parent { margin-left: 8em;}
.great-grand-parent { margin-left: 12em;}

#top-long-line, #bottom-long-line, #short1, #short2, #short3, #short4, #short5, #short6 { position: absolute; width: .15em; background: #E5D07C; }
#top-long-line { top: 8.3em; left: 6em; height: 6em; }
#bottom-long-line { top: 15.585em; left: 6em; height: 6em; }
#short1 { top: 4.25em; left: 10em; height: 2.6em; }
#short2 { top: 8.1em; left: 10em; height: 2.6em; }
#short3 { top: 11.7em; left: 10em; height: 2.6em; }
#short4 { top: 15.475em; left: 10em; height: 2.6em; }
#short5 { top: 19.3em; left: 10em; height: 2.6em; }
#short6 { top: 23.05em; left: 10em; height: 2.6em; }
/*end Pedigree Stuyles*/