BODY
{  
  	 
  	BACKGROUND-ATTACHMENT: fixed;
  	background-color: #C1C6C7;
 	background-image:url('images/taustat/tausta_uusi.jpg');
	background-position: top;
	margin-top: 0px;
	text-align:left;
	bgsound:url('koe.mpg'); padding-top:0
}


.logo
{
	
	background-image: url('images/etukuva.png');
    width: 760px;
    height:179px; 
   
  	top:0; left:0;
    margin-top: 0px;  padding-top:110px; background-repeat:no-repeat;   
}


} 

.palkki
{
 background-position: center; 
 background-image: url('images/taustat/linkki_tausta1.jpg');
  background-repeat:no-repeat; 
  width:760px;
 height:50px;
 top:0; left:0;
 margin-top: 0px;    
position : relative;
    TEXT-DECORATION: none;
	vertical-align:text-top;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10pt;
	font-variant:small-caps;
	FONT-FAMILY: Arial;  
}


p
{
	background-position: center; background-image: url('images/taustat/linkki_tausta.jpg');
    background-repeat:no-repeat; 

	padding-top:20px;
	TEXT-DECORATION: none;
	vertical-align:text-top;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	font-variant:small-caps;
	FONT-FAMILY: Arial;
    width: 760px;
    height:35px;   
}



pre          

{ font-family: Georgia; font-size: 10pt; font-weight:bold; color:#666666; }


pre#musta
{ font-family: Arial; font-size: 11px; font-weight:bold; color:#000000 }



marquee
{ width:482px;
} 

span
{ 
padding:0; 
margin:0; background-color:#FFFFFF; font-family:Arial; 
font-size:8pt; font-weight:bold; width:50px;

} 


div#taku
{ 
width:648px;
height:864px;
background-image:url('images/taustat/humility.jpg');
background-repeat:repeat-y;

} 


table 
{ 
width : 760px;
padding : 0;
font-family : Times New Roman;
font-size : 12pt;

letter-spacing : 0;
margin-left : 0;
margin-right : 0;
border-collapse : collapse; 
vertical-align:top
} 


div 
{ 
padding-left : 0;
align:center;
font-family : Helvetica, Arial, sans-serif;
font-size : 12pt

} 


div#kellu1, div#kellu2, div#kellu3, div#kellu4 
{ 

position : relative;
border : 0px solid #aaaaaa;
text-align : center;
font-family : Arial;
font-variant : small-caps;
font-size : 11pt;
font-weight : bold;
width : 180px;
float : left;
} 


.kuvatausta  
{background-position: center; background-image: url('images/tausta_sarja1.jpg');
width:180px; 
height:70px; 
background-repeat:no-repeat; text-align:center;
}


div#linkki1
{ 
position : relative;
border : 0px solid #aaaaaa;
width : 283px;
float : left;
} 


div#navi 
{ 
border : 0px solid #aaaaaa;
text-align : left;
font-family : Helvetica, Arial;
font-variant : small-caps;
font-size : 10pt;
font-weight : bold
} 

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

div#kuva1 
{ 
border:0 none;
padding:0;
margin:0;
float:right
}


.kuva   { background-image: url('images/taustat/keskitaku.jpg'); 
}

.kuvakeski  
{background-image: url('images/taustat/www_taku.jpg'); 
width:172px; 
height:59px; 
border:0px none;
}

.kuvakeski1 
{background-image: url('images/taustat/neliot1.gif'); 
width:352px; 
height:354px; 
border:0px none; 
letter-spacing:0; 
margin-left:0; 
margin-right:0;
font-family:Helvetica, Arial; 
font-size:11pt; 
font-variant:small-caps; 
padding-top:0; 
font-weight:bold 
}


div.omakuva
{ 

border:0px inset #E1BE6C; 
width:150px;
height:452px


} 



div.navigointi 
{ 
width : 750px;
height : 20px;
text-align : left;
font-family : Arial;
font-variant : small-caps;
font-size : 14pt;
font-weight : bold;
}





H5
{	
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    FONT-FAMILY: Helvetica, Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none; background-color:#DAD9D7;
	TEXT-DECORATION: none;	
}



H3
{
	
	FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    TEXT-TRANSFORM: none;
    COLOR: #000000;
    FONT-FAMILY: Helvetica, Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}


H1
{
   	width:700px;
   	border:0px;
	FONT-SIZE: medium;
    TEXT-TRANSFORM: none;
    COLOR: #FFFFFF;
    FONT-STYLE: normal;
    FONT-FAMILY: Helvetica, Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    
    }
H2
{
    FONT-WEIGHT: 400;
    FONT-SIZE: medium;
    TEXT-TRANSFORM: none;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: Helvetica, Arial;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

A:link
{
  	
  	COLOR: #008000;
    font-family: Georgia; font-size: 10pt; font-weight:bold;

    TEXT-DECORATION: underline
   


    
}
A:visited
{
   	
	COLOR: #808000;
    font-family: Georgia; font-size: 10pt; font-weight:bold;
	
   	TEXT-DECORATION: underline
   
}
A:active
{
    COLOR: #C0C0C0;
    font-family: Georgia; font-size: 10pt; font-weight:bold;
  
    TEXT-DECORATION: underline; 
    
    
}
A:hover
{
    
    COLOR: #808080;
    TEXT-DECORATION: underline;
    font-family: Georgia; font-size: 10pt; font-weight:bold
  
}





#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }


#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}