/* CSS Document */

BODY{
background-image:url(../kuvat/bg.png);
background-attachment:scroll;
background-repeat:repeat-x;
font-family: Trebuchet MS, Helvetica, sans-serif;
background-color:#63737A;}

.header{
width:912px;
background-image:url(../kuvat/up.gif);
height:69px;}

.mid_column{
width:912px;}

.block_btm{
width:912px;
height:15px;}

.blocks1{
width:152px; 
height:15px;
background-color:#333333; 
float:left;
color:#1800ff;
padding:5px;
padding-left:15px;
padding-right:15px;
font-weight:bold;
font-size:11px;}

.blocks2{
width:151px; 
height:15px;
background-color:#333333; 
float:left;
color:#1800ff;
padding:5px;
padding-left:15px;
padding-right:15px;
font-weight:bold;
font-size:11px;}

.main_content_area{
	background-color:#FFFFFF;
	width:912px;
	padding-top: 15px;
}




.title{
	color:#FFFFFF;
	padding-top: 15px;
	float:left;
	width:300px;
	height:50px;
	font-weight: bold;
	text-align: center;
	font-size: 44px;
	font-family:"Times New Roman", Times, serif;
}

.navigation{
float:right;
padding-top:35px;
padding-right:15px;
color:#FFFFFF;}

.content_area{
background-color:#FFFFFF;
width:729px;
float:left;
border-right: 1px #1800ff solid;

}

.sub_content{
	background-color:#ffffff;
	vertical-align:middle;
	width:167px;
	float:right;
	color: #000000;
	margin-left:2px;
	margin-right:6px;
	font-size:11px;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	color:#0000FF;
	}

.sub_nav{
	width:163px;
	height:300px;
		padding-top:10px;
		padding-bottom:400px;
	padding:10px;
	color:#49555B;
	font-size:10px;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1800ff;
}

.yht{
text-align:center;
margin-bottom:8px;
	width:163px;
	padding:10px;
	color:#49555B;
	font-size:10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #1800ff;
}
h2{
font-size:16px;
margin:0px;
}

.content_area2{
height:500px;
width:532px;
float:right;
padding-right:5px;
padding-left:5px;
font-size:11px;
background-image:url(../kuvat/kuvia/bak.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#FFFFFF;
}


a:link {color: #6666CC}   
a:visited {color: #6666CC}
a:hover {color: #006699}  
a:active {color: #6666CC} 

.scroller{
overflow:auto;
width:150px;
height:200px;
border: solid 1px #CCCCCC;
list-style:none;}

.nav{
text-decoration:none;
color:#FFFFFF;
color:#FFFFFF;
font-weight:bold;
font-size:10px;}

.nav:visited{
text-decoration:none;
color:#FFFFFF;
}

.nav:hover{
text-decoration:none;
color:#FFFFFF;}

ul.menu{
margin:0px;
padding:5px;
list-style:none;
width:110px;}

img.screenshot{
width:60px;
height:50px;
float:right;}

#Layer1 {
	position:absolute;
	width:530px;
	height:480px;
	z-index:1;
	left: 196px;
	top: 318px;
	overflow: auto;
	
}