table.pedigree td {
	//text-align: center;
}

table.buck {
	text-align: left;
	color: #000000;
	background-color: #4040FF;
}

table.doe {
	text-align: left;
	color: #000000;
	background-color: #FF8080;
}

img.buck {

	background-color: #4040FF;
	max-width:  300px;
	max-height: 300px;
	width:expression(document.body.clientWidth > 300? "300px": "auto" );
	height:expression(document.body.clientHeight > 300? "300px": "auto" );
}

img.doe {
	float: right;
	background-color: #FF8080;
	max-width:  300px;
	max-height: 300px;
	width:expression(document.body.clientWidth > 300? "300px": "auto" );
	height:expression(document.body.clientHeight > 300? "300px": "auto" );
}