 <!--
 
body{background-color: #016b6b;
        background-repeat:repeat-x;
        font-family: tahoma, arial;
        font-size: 12px;
        color: #016b6b;
        text-align:center;
        text-valign:top;}

td{font-family: tahoma, arial;
        font-size: 12px;
        color: #016b6b;
        text-align:center;
        text-valign:top;}

img {margin: 0px;
        padding: 0px;
        border: 0px;}


td.loota{font-family: tahoma, arial;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        border:2px dashed #c4f3f3;
        background-color: #c4f3f3;
        width:610px !important;}

h1{font-family: berylium, Times New Roman, Modern, Tahoma, Arial;
        color: #016b6b;
        text-align:center;
        text-valign:top;}

h2{font-family: berylium, Times New Roman, Modern, Tahoma, Arial;
        color: #016b6b;
        text-align:center;
        text-valign:top;}

h3{font-family: berylium, Times New Roman, Modern, Tahoma, Arial;
        color: #016b6b;
        text-align:center;
        text-valign:top;}

td.tiedotvas1 {aling:center;
        text-align:left;
        border-top:1px dashed #016b6b;
        border-left:1px dashed #016b6b;
        border-bottom:1px dashed #016b6b;
        width:75px !important;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

td.tiedotoik1 {aling:center;
        text-align:left;
        border-top:1px dashed #016b6b;
        border-left:1px dashed #016b6b;
        border-right:1px dashed #016b6b;
        border-bottom:1px dashed #016b6b;
        width:325px !important;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

td.tiedotvas2 {aling:center;
        text-align:left;
        border-top:0px dashed #016b6b;
        border-left:1px dashed #016b6b;
        border-right:0px dashed #016b6b;
        border-bottom:1px dashed #016b6b;
        width:75px !important;¨
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

td.tiedotoik2 {aling:center;
        text-align:left;
        border-top:0px dashed #016b6b;
        border-left:1px dashed #016b6b;
        border-right:1px dashed #016b6b;
        border-bottom:1px dashed #016b6b;
        width:325px !important;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

td.sukuuros1 {text-align:left;
        border-top:1px dashed #016b6b;
        border-left:1px dashed #016b6b;
        border-right:1px dashed #016b6b;
        border-bottom:1px dashed #016b6b;
        width:190px !important;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

td.sukunarttu1 {text-align:left;
        border-top:0px dashed #016b6b;
        border-left:1px dashed #016b6b;
        border-right:1px dashed #016b6b;
        border-bottom:1px dashed #016b6b;
        width:190x !important;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

td.sukuuros2 {text-align:left;
        border-top:1px dashed #016b6b;
        border-left:0px dashed #016b6b;
        border-right:1px dashed #016b6b;
        border-bottom:1px dashed #016b6b;
        width:190px !important;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

td.sukunarttu2 {text-align:left;
        border-top:0px dashed #016b6b;
        border-left:0px dashed #016b6b;
        border-right:1px dashed #016b6b;
        border-bottom:1px dashed #016b6b;
        width:190px !important;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

td.taulukko {border-top:0px dashed #016b6b;
        border-left:0px dashed #016b6b;
        border-right:0px dashed #016b6b;
        border-bottom:0px dashed #016b6b;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

#kehys {border-top:0px dashed #016b6b;
        border-left:0px dashed #016b6b;
        border-right:0px dashed #016b6b;
        border-bottom:0px dashed #016b6b;
        width:900x !important;}

#bannu {border-top:0px dashed #016b6b;
        border-left:0px dashed #016b6b;
        border-right:0px dashed #016b6b;
        border-bottom:0px dashed #016b6b;
        width:900x !important;
        height:146px !important; }

#menu {background-image: url(http://www.kennel-grimoire.com/palikat/linkkipohja.jpg);
        background-repeat: no-repeat;
        text-align:left;
        border-top:0px dashed #016b6b;
        border-left:0px dashed #016b6b;
        border-right:0px dashed #016b6b;
        border-bottom:0px dashed #016b6b;
        width:140x !important;
        height:500px !important; }

#valemenu {background-image: url(http://www.kennel-grimoire.com/palikat/oikea.jpg);
        background-repeat: no-repeat;
        border-top:0px dashed #016b6b;
        border-left:0px dashed #016b6b;
        border-right:0px dashed #016b6b;
        border-bottom:0px dashed #016b6b;
        width:147x !important;
        height:500px !important; }

#vasen {text-align:left;}

#keskellä {text-align:center;}

#oikea {text-align:right;}

#tiedot {background: #c4f3f3 url(http://www.kennel-grimoire.com/palikat/taulukkotausta.jpg) top left repeat-x; 
	width: 400px; 
	border: 1px solid #c4f3f3;
	margin: 0px auto 0px auto;
	align: center;
        valign: top;
        padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px; }

#suku{background: #c4f3f3 url(http://www.kennel-grimoire.com/palikat/taulukkotausta.jpg) top left repeat-x; 
	width: 580px; 
	border: 1px solid #c4f3f3;
	margin: 0px auto 0px auto;
	align: center;
        valign: top;
        padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px; }


#taulukko{background: #c4f3f3 url(http://www.kennel-grimoire.com/palikat/taulukkotausta.jpg) top left repeat-x; 
	border: 1px dashed #016b6b;
	margin: 0px auto 0px auto;
	align: center;
        valign: top;
        padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px; }

#solu1{border-bottom: 1px dashed #016b6b;
        border-right: 1px dashed #016b6b;
	margin: 0px auto 0px auto;
	align: center;
        valign: top;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }


#solu2{border-bottom: 1px dashed #016b6b;
        border-right: 0px dashed #016b6b;
	margin: 0px auto 0px auto;
	align: center;
        valign: top;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

#solu3{border-bottom: 0px dashed #016b6b;
        border-right: 1px dashed #016b6b;
	margin: 0px auto 0px auto;
	align: center;
        valign: top;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

#solu4{border-bottom: 0px dashed #016b6b;
        border-right: 0px dashed #016b6b;
	margin: 0px auto 0px auto;
	align: center;
        valign: top;
        padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px; }

.pikkutekstit{color:#016b6b;font-family: tahoma, arial;font-size: 10px;}

.tekstit{color:#016b6b;font-family: tahoma, arial;font-size: 12px;}

.copy{color:#016b6b;font-family: tahoma, arial;font-size: 10px;}

.copyvaalea{color:#c4f3f3;font-family: tahoma, arial;font-size: 10px;}

.navi{color:#c4f3f3;font-family: berylium, Times New Roman, Modern, Tahoma, Arial;font-size: 18px; font-style: italic; font-weight: normal; }

.paksu{color:#016b6b;font-family: tahoma, arial;font-size: 12px; font-weight: bold; }

.pikkutekstitpaksu{color:#016b6b;font-family: tahoma, arial;font-size: 9px; font-weight: bolder; }

.otsikko{color:#016b6b;font-family: berylium, Times New Roman, Modern, Tahoma, Arial;font-size: 18px; font-weight: normal; }

a:link{color: #016b6b;text-decoration: underline;}
a:visited{color: #016b6b;text-decoration: underline;}
a:active{color: #016b6b;text-decoration: underline;}
a:hover{color: #016b6b;text-decoration: none;}

a.tumma:link{color: #016b6b;text-decoration: underline;}
a.tumma:visited{color: #016b6b;text-decoration: underline;}
a.tumma:active{color: #016b6b;text-decoration: underline;}
a.tumma:hover{color: #016b6b;text-decoration: none;}

a.musta:link{color: #000000;text-decoration: underline;}
a.musta:visited{color: #000000;text-decoration: underline;}
a.musta:active{color: #000000;text-decoration: underline;}
a.musta:hover{color: #000000;text-decoration: none;}

a.vaalea:link{color: #c4f3f3;text-decoration: none;}
a.vaalea:visited{color: #c4f3f3;text-decoration: none;}
a.vaalea:active{color: #c4f3f3;text-decoration: none;}
a.vaalea:hover{color: #c4f3f3;text-decoration: underline;}

a.vaaleaav:link{color: #c4f3f3;text-decoration: underline;}
a.vaaleaav:visited{color: #c4f3f3;text-decoration: underline;}
a.vaaleaav:active{color: #c4f3f3;text-decoration: underline;}
a.vaaleaav:hover{color: #c4f3f3;text-decoration: none;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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.jpg) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.jpg) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #016b6b; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #016b6b; }
 -->