* {
margin: 0;
padding: 0;
}

html  {
height: 100%;
}

p {
padding:5px;
line-height:150%;
}

body {
background:#36231e url('tlo.jpg');
font-family: verdana, sans-serif; 
font-size: 11px; 
color:#000000;
text-align:justify;
height: 100%;
}

#container {
position: relative;
min-height: 100%;
_height: 100%;
width:100%;
}

#top_background {
background:url('top_background.jpg') repeat-x;
position: absolute;
height: 268px;
width:100%;
top:0;
left:0;
}

#top_bottom {
background:url('top_bottom.jpg') repeat-x bottom;
position: absolute;
height: 145px;
width:100%;
bottom:0;
left:0;
}

#tresc {
background: url('tresc.gif') repeat-y top center;
position: relative;
height: auto;
width:742px;
margin: 0 auto;
padding-bottom:0;
z-index:1;
}

#text {
position: relative;
width:660px;
height: auto;
margin: 0 auto;
padding:50px 40px 250px 40px;
z-index:1;
}

#top {
position: relative;
width: 598px;
height: 258px;
}

#menu {
background:url('menu_en.jpg') no-repeat;
position:absolute;
left:70px;
top:196px;
width:618px;
height:60px;
z-index:90;
}

a#menu01, a#menu02, a#menu03, a#menu04, a#menu05, a#menu06, a#menu07, a#menu08, a#menu09{
left: 0px;
top: 0px;
text-indent:-3000px;
position:absolute;
display:block;
z-index:100;
}

a#menu01 {
top:0px;
width:80px;
height:60px;
}

a#menu02 {
top:0px;
left:90px;
width:70px;
height:60px;
}

a#menu03 {
top:0px;
left:160px;
width:70px;
height:60px;
}

a#menu04 {
top:0px;
left:215px;
width:70px;
height:60px;
}

a#menu05 {
top:0px;
left:275px;
width:70px;
height:60px;
}

a#menu06 {
top:0px;
left:348px;
width:60px;
height:60px;
}

a#menu07 {
top:0px;
left:404px;
width:60px;
height:60px;
}

a#menu08 {
top:0px;
left:464px;
width:70px;
height:60px;
}

a#menu09 {
top:0px;
left:538px;
width:60px;
height:60px;
}

a#menu01:hover {
background: url(menu_hover_en.jpg) 0px 0px;
}

a#menu02:hover {
background: url(menu_hover_en.jpg) -90px 0px;
}

a#menu03:hover {
background: url(menu_hover_en.jpg) -160px 0px;
}

a#menu04:hover {
background: url(menu_hover_en.jpg) -215px 0px;
}

a#menu05:hover {
background: url(menu_hover_en.jpg) -275px 0px;
}

a#menu06:hover {
background: url(menu_hover_en.jpg) -348px 0px;
}

a#menu07:hover {
background: url(menu_hover_en.jpg) -404px 0px;
}

a#menu08:hover {
background: url(menu_hover_en.jpg) -464px 0px;
}

a#menu09:hover {
background: url(menu_hover_en.jpg) -538px 0px;
}

#top01 {
background: url(top01_en.jpg);
position: absolute;
width: 742px;
height: 332px;
top:0;
left:0;
}

#top02 {
background: url(top02.jpg);
position: absolute;
width: 68px;
height: 332px;
top:0;
left:-68px;
}

#top03 {
background: url(top03.jpg); 
position: absolute;
width: 81px;
height: 332px;
top:0;
right:-220px;
}

#bottom {
width: 369px;
height: 332px;
bottom:0;
left:50%;
position: absolute;
margin-left: -371px ;
z-index:8;
}

#bottom01 {
background: url(bottom01_en.jpg);
position: absolute;
width: 742px;
height: 228px;
bottom:0;
left:0;
z-index:8;
}

#bottom02 {
background: url(bottom02.jpg);
position: absolute;
width: 125px;
height: 251px;
bottom:0;
left:-125px;
}

#bottom03 {
background: url(bottom03.jpg);
position: absolute;
width: 97px;
height: 228px;
bottom:0;
right:-470px;
}

#nfo2000{
position:absolute;
left: 197px;
top: 200px;
width:64px;
height:63px;
z-index:10;
}

#ekkr{
position:absolute;
left: 260px;
top: 205px;
width:50px;
height:58px;
z-index:10;
}

#fife{
position:absolute;
left: 320px;
top: 210px;
width:51px;
height:49px;
z-index:10;
}

#fpl{
position:absolute;
left: 375px;
top: 205px;
width:76px;
height:49px;
z-index:10;
}

#aviok{
position:absolute;
left: 375px;
top: 290px;
width:110px;
height:14px;
z-index:10;
}

a:link, a:visited {
color: #2c3905; 
text-decoration: underline;
}

a:hover	{ 
color: #4e630e; 
text-decoration:none; 
}

.pedigree{
padding:100px 0px 0px 0px;
margin:0px 0px 0 0px;
width:90%; 
border:1px solid #500500;
background:#D8BD94;
}

.pedigree th {
text-align:center;
border:none;
padding:5px;
background:#4F0900;
color:#D8BD94;
}

.pedigree td{
border:1px solid #514234;
padding: 3px;
text-align:left;
}

.liter{
margin:0px 0px 0 0px;
width:100%; 
border:1px solid #541100;
background:#D8BD94;
}

.liter th {
text-align:center;
border:none;
padding:5px;
background:#4F0900;
color:#D8BD94;
}

.liter td{
border:1px solid #674641;
padding: 3px;
text-align:left;
}

.kittens{
margin:0px 0px 0 0px;
width:95%; 
border:1px solid #541100;
background:#D8BD94;
}

.kittens th {
text-align:center;
border:none;
padding:5px;
background:#4F0900;
color:#D8BD94;
}

.kittens td{
border:1px solid #674641;
padding: 3px;
text-align:left;
}

code {
background:#E3C398;
display: block;
font-size:11px;
width:75%;
height: auto;
border: 1px dashed #71614D;
text-align:center;
padding:5px;
line-height:100%;
color:#2B1B07;
margin: 0 auto;
}

.link a:link img, .link a:visited img {
border: 2px solid #2c3905;
}
       
.link a:hover img, .link a:active img {
border: 2px solid #4e630e;
padding:0px;
}

.border{
border: 1px solid #B69F7D;
background:#531200;
padding: 3px 3px;
}

.table_pedigree{
margin:0px 0px 0 0px;
width:95%; 
border:1px solid #541100;
background:#D8BD94;
}

.table_pedigree th {
text-align:center;
border:none;
padding:5px;
background:#4F0900;
color:#D8BD94;
}

.table_pedigree td{
border:1px solid #674641;
padding: 3px;
text-align:left;
}