/*	CSS: T. Copeland
	Last edit: 2010-03-03 */
/* @group Main Layout */

body{
	margin: 0;
	padding: 0;
	background-color: #000;
	text-align: center;
}
body, p{
	font: 14px "Trebuchet MS", "ITC Avant Garde Gothic", "Lucida Grande", Helvetica, Geneva, "Arial Narrow", sans-serif;
	color: #ddd;
}
p{
	margin: 0;
	padding: 5px 0;
}
a{
	color: #0096ff; 
	text-decoration: none;
}
a:visited{
	/* Save for later
	color: #530741; */
	color: #ce3718;
	}
a:hover{
	text-decoration: underline;
	color: #5c970d;
}
h1, h2, h3, h4, h5, h6{
	/* Save for later
	color: #f26520;*/
	color: red;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	font-variant: small-caps;
	/*border-bottom: 3px dotted #f26520;*/
	border-bottom: 3px dotted red;
}

.white{
	color:#FFFFFF;
	}

h1{font-size: 300%;}
h2{font-size: 250%;}
h3{font-size: 200%;}
h4{font-size: 150%;}
h5{font-size: 100%;}
h6{font-size: 80%;}

/* Container for intro animation */
#flashcontent{
text-align: center;
margin: 0 auto;
height: 400px;
width: 550px;
}

#container{
	width: 810px;
	margin: 0 auto;
	height: auto;
	text-align: left;
}
#header{
	background: url(../images/template/nav/header.png) no-repeat;
	height: 109px;
}
#wrapper{
	background: url(../images/template/nav/nav_bg.png) repeat-y;
	float: left;
}
#nav{
	background: url(../images/template/nav/nav.png) no-repeat;
	float: left;
	width: 206px;
}
#nav ul{
	list-style-type: none;
	margin: 110px 0 0;
	padding: 0;
}
#nav ul li a{
	font-size: 150%;
	text-decoration: none;
	color: #123c66;
	text-align: center;
	background: url(../images/template/nav/button.png) no-repeat;
	height: 25px;
	display: block;
	padding: 15px 0;
}

#nav ul li a:hover{
	color: #68a6cc;
	background: url(../images/template/nav/button_over.png) no-repeat;
}
#nav .allied{
	background: url(../images/template/nav/AlliedProducer.png) no-repeat center;
	margin-top: 5px;
}
#nav .allied a{
	background-image: none;
	display: block;
	width: 120px;
	height: 90px;
	padding: 0;
	margin: 0 auto;
	text-indent: -1200px;
}
#nav .allied a:hover{
	background-image: none;
}
.poweredByAJ{
	text-align: center;
	color: #000;
	margin: auto;
	padding: 20px 0;
}

.poweredByAJ a{
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0;
	margin: 0;
	display: inline;
}

.poweredByAJ a:link{
	color:#000;
}

.poweredByAJ a:visited{
	color:#000;
}

.poweredByAJ a:hover{
	color:#5c970d;
}

.poweredByAJ img{
	margin-bottom:-3px;
}

#content{
	float: left;
	width: 584px;
	padding: 0 10px 0 6px;
}

#content img{
	border: 1px solid #fff;
}

#content a img{
	border: 2px dashed #0096ff;
}

#content a:visited img{
	border: 2px dashed #ce3718;
}

#content a:hover img{
	border:  2px solid #5c970d;
}

#content img.no_borders{
	border: none;
}
#content a:hover img.no_borders{
	border: none;
}
.twoCol {
	margin: 0 4px 8px;
	width: 275px;
	display: block;
	float: left;
}

.saletwoCol {
	margin: 0 8px;
	height: 250px;
}

#donors-thumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#donors-thumbs::before, #donors-thumbs::after {
    content: none;
}

/*preloadPlay preloads the hove art in a hidden div to fight against blink - Yes, it is a bad hack.*/
.preloadPlay{
	background: url('../images/template/nav/play-button-redHover.png') no-repeat center center;
	display: block;
	width: 0;
	height: 0;
	visibility: hidden;
}
.vid a{
	background: url('../images/template/nav/play-button-red-40.png') no-repeat center center;
	position: relative;
	display: block;
	
}
.vid a:hover{
	background: url('../images/template/nav/play-button-redHover.png') no-repeat center center;
}
.vid a img{
	position: relative;	
	z-index: -1;
	display: block;
	border: 1px solid #4c4c4c!important;
}
.vidFootnote{
	clear: both;
	padding-top: 4px;
	padding-bottom: 10px;
	text-align: left;
}

#footer{
	text-align: center;
	background: url(../images/template/nav/footer.png) no-repeat;
	float: left;
	margin: auto;
	width: 810px;
}
#footer ul{
	list-style-type: none;
	padding: 0;
	margin-left: 206px;
}
#footer ul li{
	display: inline;
}
#columns_left{
	float: left;
	margin: 0 10px 10px 0;
	width: 45%;
}
#columns_right{
	margin: 0 0 10px 10px;
	float: right;
	width: 45%;
}

/* @end */


/* @group Detailed Presentation */

/* To make the contact us page stand out */
.bigfont{
	font-size: 28px;
}
.left{
	float: left;
	margin-right: 10px;
}
.right{
	float: right;
}
.clear{
	clear: both;
}
.center {margin: 0 auto; text-align: center;}
.coming-soon{
	width: 150px;
	height: 193px;
	background-color: #333;
	display: block;
	float: left;
	font-size: large;
	text-align: center;
}
.PedTable{
		font-size: 12px;
}

/* .PedTable td{
	
} */

.divEpdTbl table {
	font-size: 12px;
}

.divEpdTbl caption{
	background-color: #123c66;
	padding: 3px;
	border-bottom: none;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
}

.divEpdTbl thead {
	border-right: 1px solid gray;
	border-left: 1px solid gray;
}

.divEpdTbl th{
	background-color: #333;
}

.divEpdTbl td{
	background-color: #191919;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
}

.PedAnmName{
	font-size: 24px;
	color: #ce3718;
}

/* .PedCalvedRow{
	
} */

.PedS, .PedD{
	color: #ce3718;
}
.PedPGS, .PedPGD, .PedMGS, .PedMGD{
	margin-left:35px;
}

.EPDAcc
{
	padding-left:7px; 
	font-weight: 600;
}

.EPDAsOfDt
{	width: 400;
	font-size: 14px;
}
#epdtable{
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
}

#epdtable td{
	border-top: 1px solid gray;
	border-right: 1px solid gray;
}

.epdhead{
	background-color: #123c66;
}

.epdsubhead{
	background-color: #333;
}

.epddata{
	background-color: #191919;
}

.ped_name{
	font-size: 24px;
	color: #ce3718;
}

/* .ped_calved{
	
} */

.ped_sirename{
	color: #ce3718;
}

.ped_damname{
	color: #ce3718;
}

.ped_pedbody{
	font-size: 12px;
}
/* @end */

@media (max-width: 768px) {
	.divEpdTbl thead {
		border-right: 0;
		border-left: 0;
	}
	.divEpdTbl th {
		border-right: 0;
		border-top: 0;
		border-bottom: 1px solid gray;
	}
	.divEpdTbl td {
		border-top: 0 !important;
		border-left: 0;
		border-right: 0;
	}
	.divEpdTbl caption {
		border-bottom: 1px solid gray
	}
}

#discrip img {
    border: none;
}

.animalBox{
	display: block;
	float: left;
	width: 242px;
	margin-bottom:20px;
}
.animalBox a {
	text-align: center;
	padding: 6px;
}

#case {
	text-align: center;
}

#case img:nth-of-type(2) {
    display: none;
}

@media(max-width: 767px) {
    .divEpdTbl th, .divEpdTbl td {
        min-height: 60px;
	}
}
.EPDAcc {
    font-weight: normal;
}
.divEpdTbl .EPDAcc {
    padding-left: 0;
}