body {
	background: #fff;
	text-align:left;
	font-family: Georgia, Times, serif;
	font-size: 13px;
	line-height: 18px;
	margin-left: 10px; 
	}
	
@font-face {
    font-family: 'ForelleRegular';
    src: url('Forelle-webfont.eot');
    src: url('Forelle-webfont.eot?#iefix') format('embedded-opentype'),
         url('Forelle-webfont.woff') format('woff'),
         url('Forelle-webfont.ttf') format('truetype'),
         url('Forelle-webfont.svg#ForelleRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

div.bigfontface {
	font: 60px 'ForelleRegular', Arial, sans-serif;
	letter-spacing: 0; 
	color: #003399; 
	line-height: 60px; 
	padding: 0px; }

 .navbar { 
	text-align: center; 
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-weight: bold; 
	clear: both; 
	font-size: 12px; 
	padding-bottom: 20px; 
	border-bottom: 3px solid; 
	border-bottom-color: #003399;
	} 
	
.copyright { text-align: font-weight: bold; margin: .5em; font-size: 10px; }
	
#content {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	} 

.name { color: #003399; font-weight: bold; padding: 5px; width: 98%; border-color: #CCCC99; text-align: left; border-bottom: #CCCC99 solid; border-left: #CCCC99 solid; font-variant: small-caps; font-size: 16px; }

.pedigree { float: left; }

.photo {float: right; margin-left: 20px; width: 300px; clear:right; text-align:center; }
img.pic { border: solid #999999 1px; }


a { text-decoration: none; color: #336633; }
a:hover {
	color : #669966;
	text-decoration : underline;
}
a.n:hover {
	text-decoration: none;
	color: #669966;
}

.comment { font-style: oblique; color: #CC3333; margin-left: 2.5em; font-size: 12px; }
.feature { color: #CC3333; }
.gf { font-size: 12px; }
.gs { font-size: 12px; margin-left: 1em; }
.text { border-color: lime; text-align: justify; clear: both; float: none; width: 95%; padding-top: .5em; font-size: 15px; padding-bottom: .5em; }