body
	{
		margin: 0;
		padding: 0;
		font: 85% arial, helvetica, sans-serif;
		text-align: center;
		color: #333;
		/*background-color: black;*/
		background-image:url(kuvat/systeemi/background3.jpg);
	/*	background-repeat:repeat-x;*/
		overflow: -moz-scrollbars-vertical;
	}

a:link { color: #5f1717; text-decoration:underline}
 a:visited { color:#5f1717; text-decoration:underline}
 a:hover {color:#8f4a4a; text-decoration:underline}
 a:active {color:white; text-decoration:underline}
 


	a.footer:link { color: #cba061; text-decoration:underline}
	a.footer:visited { color: #cba061; text-decoration:underline }
	a.footer:hover {color:#ecb172; text-decoration:underline }
	a.footer:active {color:white;}


h2.etusivu { text-align: left; }


h2 { 

text-align: center;

}

#varjo
{
width: 900px;
margin: 0 auto;
border: 1px solid black;
/*background-image:  url(kuvat/systeemi/varjot.gif);*/
}

#container
{
width: 900px;
margin: 0 auto;
border-bottom: 2px solid black;
}

#banner
{
height: 220px;
background-color: #666;
background-image:  url(kuvat/systeemi/logobanner4.jpg);
border-bottom: 1px solid black;
}

#banner h1
{
margin: 0;
padding: .5em;
}

#nav
{
margin-left:0px;
padding-left: 0px;
text-align:left;
height: 30px;
background-color: black;
border-bottom: 1px solid black;
}


#content
{
width: 900px;
text-align:left;
border: 0px solid black;
margin:0px;
padding: 0px;
}

#content p

{
margin-left: 20px;
margin-top: 0px;
}

#content p.second

{
margin-left: 20px;
margin-top: 45px;
}

#content p.news-etusivu

{
margin-left: 50px;
margin-top: 0px;
margin-right:1em;
}




#content p.news

{
margin-left: 200px;
margin-top: 0px;
}

p.news2{margin-left:200px; padding-bottom:1em; width:70%;}
p.news3{margin-left:200px; padding-bottom:0.5em; width:70%;}

#content p.tarina

{
margin-left: 200px;
margin-top: 0px;
}



#content p.info

{
margin-left: 260px;
margin-top: 0px;
}



#content h2

{
margin-left: 20px;

}


#footer
{
padding-top: 4px;
padding-right: 0px;
padding-left: 5px;
text-align:center;
height: 18px;
color: #ba9050;
background: url(kuvat/systeemi/footer.png)  top center no-repeat;
background-color: #4b1a1c;
border-top: 1px solid #333;
font-size: 80%
}

table.tulostaulu
{ 
margin: 0 auto;
text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 580px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; 

} 


table.tulostaulu td 
{ 
border-bottom: 1px solid #B9BB94;
border-top: 0px; 
border-left: 1px solid #B9BB94; 
border-right: 0px; 
text-align: left;  
background-color: #fafafa;
padding:5px; 
margin:0px;
}

table.tulostaulu td.kategoria
{ 
border-bottom: 1px solid #B9BB94;
border-top: 0px; 
border-left: 0px solid #B9BB94; 
border-right: 0px; 
text-align: left;  
background-color: #fafafa;
padding:5px; 
}


table.tulostaulu td.otsikot 
{ border-bottom: 2px solid #6699CC; 
border-left: 1px solid #6699CC; 
background-color: #BEC8D1; 
text-align: center; 
font-family: Verdana; 
font-weight: bold; 
font-size: 11px; 
color: #404040; 
}


table.tulostaulu td.pisteet
{ 

text-align: center;
border-right: 1px solid #B9BB94; 
}

table.tulostaulu td.nimi
{ 

text-align: center;
border-right: 1px solid #B9BB94; 
padding: 28px;
}


table.tulostaulu td.kuvat
{ 
padding:1px;
padding-right:0;
background-color: black;
border-right: 1px solid #B9BB94; 
}


table.tulostaulu td.total 
{ 
background-color: #EEE; 
border-top: 0px; 
border-left: 0px;
border-right: 0px; 
border-bottom: 0px;
}

table.tulostaulu td.totalpoints 
{ 
background-color: #EEE;
text-align: center;
border-top: 0px; 
border-left: 1px solid #B9BB94; 
border-right: 0px; 
border-bottom: 0px solid #B9BB94;
}

/*       LBOX START           */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* end lbox */

table.pedigree
{ 
margin: 0 auto;
text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 780px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; 

}

table.pedigree td
{ 
border: 1px #6699CC solid;

}


table.pedigree font.colori
{ 
color: black;
font-weight: bold;
}

table.galleria
{ 
text-align: center;
margin: 0 auto;
width: 680px;
}

table.galleria td
{ 

height: 60px;
padding: 0px;
text-align:center;

}


table.photogalleria
{ 
text-align: left;
margin: 0 auto;
width: 680px;
}

table.photogalleria td
{ 
height: 60px;
padding: 0px;
text-align:center;
}

table.photogalleria td.teksti 
{ 
height: 60px;
padding: 10px;
padding-bottom: 40px;
text-align:center;
}



table.fullsisterit
{ 
margin: 0 auto;
text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 580px;

border: 1px black solid;
border-collapse: collapse;
border-spacing: 0px; 

}

.centeroisisalto{text-align:center; background-color:red;}









