@charset "utf-8";
/* CSS Document */

body {
	font: 80% Georgia, "Times New Roman", Times, serif;
	color: #000000;
	line-height:1.3em;	
}

h1 {
	font-family: Palatino Linotype, Georgia, "Times New Roman", Times, serif; 	
	font-size: 1.4em; 
	margin: 1.5em 0 1em 0; padding: 0;	 
}
h2 {
	font-family: Palatino Linotype, Georgia, "Times New Roman", Times, serif; 	
	font-size: 1.3em; 
	margin: 1.5em 0 .5em 0; padding: 0;	 
}
h3 {
	font-family: Palatino Linotype, Georgia, "Times New Roman", Times, serif; 	
	font-size: 1.2em;
	margin: 1.4em 0 .5em 0; padding: 0;
}

a {
	outline:none;
	border:none;
}
a:link, a:visited {
	color:#003366;
}
a:hover, a:active {
	color:#09C;
}

.spaced {
	line-height:1.2em;
}
ul.spaced li {
	line-height:2.0em;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft {
	clear:left;
}
.clearright {
	clear:right;
}


.largetext {
	font-size:1.2em;	
}
.letterkern {
	letter-spacing: .05em;
}
.wordkern {
	word-spacing: .025em;
}

.first {
	padding-top:0;
	margin-top:0;
}
.last {
	padding-bottom:0;
	margin-bottom:0;
}
.signature {
	font-style:italic;
	font-weight:bold;
}

.scrollerphoto {
	padding:8px;
	background-color:#FFF;
	border-top:1px #eee solid; 	border-left:1px #eee solid;
	border-right:2px #ccc solid; border-bottom:2px #ccc solid;
}

.dots { background:url('../images/dot.gif') repeat-x bottom; height:1.1em; }
.field { background-color: #e3ddce; } 

.hyphen { background:url('../images/hyphentop.gif') repeat-x bottom; height:1.1em; }
.whitebg { background-color:#FFF; }

/* save for later
.opaque {
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
*/

div#dog {
	position:relative; top:-20px;
	background-color:#FFF;
	border: 1px solid #b49d73;
	width:910px;
	height:auto;
	min-height:250px;
	margin:0 0 -10px 0;	
	padding: 5px 10px;
	text-align:left;
}
#dog div.doggeneralone {
	width:250px;
	float:left;
	margin-right:30px;
}
#dog div.doggeneraltwo {
	width:300px;
	float:left;
	margin-right:30px;
}
#dog div.doghealthstats {
	width:50%;
	float:left;
	margin-right:30px;
}
#dog div.dogphoto {
	width:200px;
	float:right;
	margin-top:0;
	margin-right:10px;
	padding:5px;
	border:1px solid #ccc;
}

#dog div.doggeneralone table, #dog div.doggeneraltwo table {
	text-align:left;
}
#dog div.doghealthstats table {
	font-size:.85em;
}
#dog div.doggeneralone table th, #dog div.doggeneraltwo table th, #dog div.doghealthstats table th {
	text-align:left;
}
#dog div.doggeneralone table td, #dog div.doggeneraltwo table td, #dog div.doghealthstats table td {
	padding-left:10px;	
}


#dog table.pedigree {
	width:100%;
	border: none;
	margin:0; padding:0;
}
.pedigree table {
	width:100%;
	border: none;
	margin:0; padding:0;
	}	
.pedigree tr {
	line-height:1em;
	}	
.pedigree td {
    color: #000000;
    font-weight: bold;	
	font-size:.9em;
}
.pedigree td.champion {
	color:#C00;
}
.pedigree td.leftborder {
	border-left:1px #000000 solid;
}
.pedigree td.rightborder {
	border-right:1px #000000 solid;
}
.pedigree td.tophyphen { background:url('../images/hyphentop.gif') no-repeat top left; height:1.5em; padding-left:5px; }
.pedigree td.bottomhyphen { background:url('../images/hyphenbottom.gif') no-repeat bottom left; height:1.5em; padding-left:5px; }

.champion {
	color:#C00;
}


p.topreturn {
	margin-top:2em; margin-bottom:1em;	
}
p.topreturn a {
	font-size:.9em;
}
p.topreturn a:link, p.topreturn a:visited {
    text-decoration: none;		
}
p.topreturn a:hover, p.topreturn a:active {
    text-decoration: underline;	
}