html, body
	{
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Geneva, sans-serif;
		/*text-align: center;*/
		color: #6F8C54;
		background-color: #8c8c65;
		background-image:url(systeemi-grafiikka/background.gif);
		
	}

/* PERUSLINKIT */

a:link { color: #6f8c54; text-decoration:underline;}
a:visited { color:#6f8c54;; text-decoration:underline;}
a:hover {color:#fff; text-decoration:underline;}
a:active {color:white; text-decoration:underline;}

/* END PERUSLINKIT */

/* SEKALAISIA ASETUKSIA */

p.otsikko{padding:0; font-weight:bold;}
p.lootaC{display:block; border:1px solid white;font-size:0.8em; margin:0px; padding:5px; margin-left:5px; margin-right:5px; color:gray;}
p.menutext{font-size:1.1em; margin:0px; padding-top:4px; margin-left:5px;}
p.center{text-align:center}


h2.center{text-align:center;color:#6F8C54;
    font-family: 'Bookman Old Style', serif;
    font-size: X-large;
}

b.tulos {color:#99584b;}

.borderit{border:1px solid #300f0f;}

 
 
/* END Sekalaiset asetukset */



/* RAKENNE */

#background-layer-1{margin:0 auto;width:940px;}

#container2{width:940px;margin:0 auto;
            background-image:url(systeemi-grafiikka/background-container2.png);
background-repeat:repeat-y;

}

#container3{width:940px;margin:0 auto;background-color:black;}

#logo{position:relative;margin:0 auto;width:922px;height:150px;background-image:url(systeemi-grafiikka/background-logo-syys10.jpg);
margin-bottom:12px;border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid black;}

#news{padding:0px;
      margin:0 auto;
      width:290px;
      padding-left:5px;
      /*background-color:#2e2e2e;*/
      float:right;
      padding-right:8px;
        /*border:1px solid #8c8e67;*/
}

#content{margin:0 auto;width:624px;float:left;
         /*background-color:#2e2e2e;*/
         padding-left:8px;
         padding-right:5px;
         border-bottom:0px;
         background-image:url(systeemi-grafiikka/content-background.png); background-repeat:repeat-x;
            }

#footer{width:940px;margin:0 auto;background-image:url(systeemi-grafiikka/background-container2-footer.gif);
background-repeat:no-repeat;height:3px;}




#bottomdivcenter{margin:0 auto;width:940px;height:150px;margin-top:-1px;
background-image:url(systeemi-grafiikka/bottomdivcenter.png);
background-repeat:no-repeat;}

#bottomdivcenter2{margin:0 auto;width:940px;
height:150px;background-image:url(systeemi-grafiikka/bottomdivcenter2.png);
background-repeat:no-repeat;}

/* END RAKENNE */

/* subRAKENNE [ MENUT ] */

#menu{font-size: 13px; font-family: Tahoma, Geneva, sans-serif;padding:0px;margin:0 0 5px 8px;
width:923px;background-color:#5c5c5c;float:left;border:1px solid #8c8e67;border:1px solid #000; height:26px;
background: url(systeemi-grafiikka/menu-background.png); border-left:0px;}

#menu ul {list-style:none; padding: 0px; margin: 0px;}
#menu li {float:left;list-style:none;border-left:1px solid #000; height:26px;}
#menu li.active, #menu li.activesub2 {height:23px; padding:4px 6px 0 6px;float:left; color:#eee;
        background: url(systeemi-grafiikka/menu-background_active.png);background-repeat:repeat-x; cursor:default;
}

#menu li.activesub a{float:left; color:#9e9e9e;
background: url(systeemi-grafiikka/menu-background_active.png);background-repeat:repeat-x;}

#menu li a{float:left; height:23px;color:#9e9e9e; text-decoration: none;text-align: center; padding:4px 6px 0 6px;}

#menu li a:hover{float:left;color: #bbb; text-decoration: none;background: url(systeemi-grafiikka/menu-background_active.png);
background-repeat:repeat-x;}

#menu2{font-size: 13px; font-family: Tahoma, Geneva, sans-serif;padding:0px;margin:0 auto; margin-left:8px;
width:923px;background-color:#5c5c5c;float:left;border:1px solid #8c8e67;border:1px solid #000; height:26px;
background: url(systeemi-grafiikka/menu-background_submenu.png); border-left:0px; margin-bottom:0px;}

#menu2 ul {list-style:none; padding: 0px; margin: 0px;}
#menu2 li {list-style:none;float:left; height:26px;border-left:1px solid black;}
#menu2 li.info {float:left;}

#menu2 li.active {float:left; height:23px; padding:4px 6px 0 6px;color:#eee; background: url(systeemi-grafiikka/menu-background_submenu_active.png); background-repeat:repeat-x;}

#menu2 li.info a{float:left; height:23px; padding:4px 6px 0 6px; font-style:italic; text-decoration: underline;}

#menu2 li.info a:hover{color:#bbb; text-decoration: underline;}

#menu2 li a{text-decoration: none;float:left;color:#757575; height:23px;padding:4px 6px 0 6px;}

#menu2 li a:hover{float:left;height:26px;text-decoration: none;color: #bbb; background: url(systeemi-grafiikka/menu-background_submenu_active.png); background-repeat:repeat-x;}

/* END subRAKENNE [ MENUT ] */

/* CONTENT  */

.loota{position:relative;margin:0 auto;margin-top:26px;width:602px;
       border:1px solid #8c8e67;
       /*background-image:url(systeemi-grafiikka/loota-mainbg.png);
       background-repeat:repeat-x;
       background-position:bottom;*/
       background-color:#dbdbdb;
       padding-bottom:0px;padding-top:0px;
margin-bottom:5em;
/*-moz-box-shadow: 0px 0px 9px rgb(16,16,16);*/
}

.loota-content{/*position:relative;margin:0 auto;width:600px;background-image:url(systeemi-grafiikka/loota-c.png);
background-repeat:repeat-x;background-position:bottom;background-color:#531d1d;margin-left:10px;*/}

.loota-content p{padding-left:15px;padding-right:15px;margin:0px; font-size: small; font-family: Verdana, Geneva, sans-serif;
line-height: 1.5em;color:#7d803c;/*#959847;*/}

h3.lTop{ font-size: x-large; font-family: 'Bookman Old Style', serif; text-align: justify;
 font-weight: bold; font-variant: small-caps; display:block; padding:0px 0px 5px 5px;
 margin-top:0px; margin-bottom:0px;left:0.5em; color:#9f3827; z-index:1;}

.koirat{margin:0 auto;margin-bottom:5px;width:598px;float:left;text-align: center;}

.koirat:hover{margin:0 auto;margin-bottom:5px;width:598px;float:left;background-image:url(systeemi-grafiikka/koirat-hover.png);
background-repeat:repeat-y;}

#runot{margin:0 auto;width:80%}
#runot2{margin:0 auto;width:50%}

p.runot{margin:0 auto;padding-top:1em;padding-bottom:1em;display:block;font-style:italic;
font-size:small;text-align:left;}

p.author{text-align:right;font-style:normal;}


#linkitvasen {float:left; width:50%;}
#linkitvasen p{padding-left:15px; padding-right:5px;}
#linkitvasen ul{ font-size: small; font-family: Verdana, Geneva, sans-serif; list-style-type: circle;}
#linkitvasen li{ font-size: small; font-family: Verdana, Geneva, sans-serif; list-style-type: circle; color:#9f9f9f;}

#linkitoikea{float:left; width:50%;}
#linkitoikea p{padding-left:5px; padding-right:5px;}
#linkitoikea ul{ font-size: small; font-family: Verdana, Geneva, sans-serif; list-style-type: circle;}
#linkitoikea li{ font-size: small; font-family: Verdana, Geneva, sans-serif; list-style-type: circle; color:#9f9f9f;}

/* END CONTENT */

/* UUTISET */


.newsLoota{margin:0 auto;width:268px;background-image:url(systeemi-grafiikka/loota-newsfade-disable.png);
background-repeat:no-repeat;background-position:bottom;background-color:#2f2d2d;
border:1px solid #8c8e67; padding-bottom:2em; margin-bottom:10px; margin-top:16px;
}

.newsLoota p{
font-size: x-small;font-family: Verdana, Geneva, sans-serif;line-height: 1.3em;
margin:0px 5px 0px 5px; padding:5px; color:#f7f5d9;}

h3.uutinen-otsikko{display:block; 
                font-size:18px;
                background-color:#0f0f0f;
                margin:0px 2px 0px 2px;
                padding:2px 0 5px 0px;
                text-align:center;
                color:#9f3827;}

b.tulosUutinen {color:#fff;}

/* END UUTISET */


	
.hr{display:block;margin:0 auto;margin-top:3px;margin-bottom:3px; }
.loota-1{display:block; position:absolute; bottom:-52px; right:-1px; z-index:0;}
.loota-2{display:block; position:absolute; top:-32px;left:-1px; z-index:0;}

.kuva-vasen{float:left; margin:5px; margin-bottom:0px; margin-top:2px;border:1px solid #300f0f;}
.kuva-oikea{float:right; margin:5px; border:1px solid #300f0f;}
.keskitys{text-align: center; margin-top: 0px; margin-bottom: 0px; padding: 0px;}
.kuva-keskelle {border:1px solid black; margin-bottom:1em;clear: both;}
.kuva-keskelleNoBorder {border:0px solid black;margin-bottom:1em;clear: both;}
.kuva-keskelle2 {border:1px solid black; margin-bottom:0em;clear: both;}
.crinoidslogo{display:block; position:absolute; bottom:-7px; left:5px;
width:254px; 
height:65px;
background-image:url(systeemi-grafiikka/crinoids-logo.png);background-repeat:no-repeat;}


hr {border: 0; width: 99%; color:#300f0f; background-color: #300f0f;
height: 1px}

#yhteystiedot{text-align:left;}


#yhteystiedot p{color:#bc6256; font-size: small; font-family: Tahoma, Geneva, sans-serif; padding:0px; margin:0px;}



.ie{padding:2em; margin:1em; background-color:#660000; color:yellow;}

/* info hover */


p.date{font-size:x-small; padding-top:0.5em; text-align:right; font-style:italic;} 

 /* tänne tehhään vähän taulukoita */
 
table.sukutaulu {font-size:xx-small;  padding:0; margin-left: 10px; margin-right: 10px; border-collapse: collapse;}
table.sukutaulu p{font-size:xx-small;} 
table.sukutaulu td {padding:0; margin:0; border:1px solid #685858;}

table.infot{margin:0;margin-top:-1.1em;width:470px;border:1px solid #685858; border-collapse:collapse; padding:0;}
table.infot th{margin:0; background-color: #d7d7bf; padding:2px 2px 2px 2px;border:1px solid #685858; font-size:x-small; font-weight:normal; text-align:left; color:#595933; font-family: verdana; vertical-align:top;}
table.infot td{margin:0; padding:0;border:1px solid #685858;}

table.koiraInfo {margin:0;margin-top:-1.1em;width:526px;border:1px solid #685858; border-collapse:collapse; padding:0;}
table.koiraInfo th{width:50%;margin:0; padding:0;border:1px solid #685858; font-size:x-small; font-weight:normal; text-align:center; color:#595933; font-family: verdana; vertical-align:top;}
table.koiraInfo td{margin:0; padding:0;border:1px solid #685858;}

table.ltInfo {margin:0;margin-top:-1.1em;width:470px;border:1px solid #685858; border-collapse:collapse; padding:0;}
table.ltInfo th{margin:0; background-color: #d7d7bf; padding:2px 2px 2px 2px;border:1px solid #685858; font-size:x-small; font-weight:normal; text-align:left; color:#595933; font-family: verdana; vertical-align:top;}
table.ltInfo td{margin:0; padding:0;border:1px solid #685858;}




/* tänne tulee site-map tarvikkeet */

#contentStart{margin:0 auto;
            width:940px;
            height:17px;
            background-image:url(systeemi-grafiikka/content-start.png);
            background-repeat:no-repeat;
}

#contentEnd{margin:0 auto;
            width:940px;
            height:17px;
            background-image:url(systeemi-grafiikka/content-bottom.png);
            background-repeat:no-repeat;
}

.fontSmall{font-size:x-small;}


#sitemapStart{margin:0 auto;
            width:940px;
            height:17px;
            background-image:url(systeemi-grafiikka/sitemap-start.png);
            background-repeat:no-repeat;
}

#sitemapEnd{margin:0 auto;
            width:940px;
            height:17px;
            background-image:url(systeemi-grafiikka/sitemap-end.png);
            background-repeat:no-repeat;
}

#sitemapContainer{position:relative;margin:0 auto;width:940px;
    background-image: url(systeemi-grafiikka/sitemap-background.png);
    background-repeat:repeat-y;
    background-position: bottom;
    color:#F7F5D9;
}


     
     .osio{float:left; width:179px;}
     .osio2{float:left; width:300px; margin-top:5px; margin-bottom:0.5em;}

     .backToTop{position:absolute; right:12px; bottom:6px;}
     .backToTopFont{font-size:xx-small;}

     #sitemapContainer ul{padding:0; padding-left:35px;margin:0; font-size:10pt;font-weight:bold; list-style-type:none;}
     #sitemapContainer li{padding:0; padding-left:0.6em;margin:0; font-weight:normal;}

     #sitemapContainer p{font-size:10pt; padding:0px; margin:0; padding-left:20px; padding-right:5px;}


     #sitemapContainer h2{font-family: 'Bookman Old Style', serif; padding:0; padding-bottom:0.5em; padding-top:3px; padding-left:0.5em; margin:0;
    font-size: 15pt; text-align:center; color:#9f3827;}

    #sitemapContainer h2.left{text-align:left; margin-left:6px;}





/*  tooltip jquery     */


#iconbar	{ height:25px; position:absolute; top:45%; left:45%; font-size:9pt;}
#iconbar li { float:left; position:relative; margin-right:20px;list-style-type:none;}
#iconbar img {border:0px solid black;}

#iconbar span {
	background: url(systeemi-grafiikka/rollo/ttbg.png) no-repeat;
	width: 110px;
	height: 35px;
	position: absolute;
	top: -50px;
	left: -80px;
	text-align: center;
	padding: 5px;
	display: none;
	line-height:110%;
	color:#000;
	cursor:pointer;
        border:0px solid white;
}



a.tooltip:hover { 
    background-color:#d0dbc8;
    text-decoration:none;
} /*background-color pakollinen IE6:sta varten */

a.tooltip span {
    display:none;
    padding:2px 3px;
    margin-left:10em;
    margin-top:-4em;
    font-size:8pt;
}

a.tooltip:hover span{
    display:inline;
    position:absolute;z-index:1;
    background-color:#ffffff;
    border:1px solid #cccccc;
    color:#6c6c6c;
    
}

.ttw{width:360px;}