/* CSS Document */

*{
	margin:0;
	padding:0;
}

html{
	overflow: -moz-scrollbars-vertical;
	overflow-x:auto;
}

body{
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size:12px;
	background-image:url('../images/bg.jpg');
	background-repeat:repeat-x;
	background-color:#84A4BB;
}

.container{
	display:block;
	margin:auto;
	width:900px;
	padding-top:5px;
}

.container .fiilis{
	display:block;
	float:left;
	width:379px;
	height:253px;
	margin-right:5px;
}

.container .fiilis a img{
	border:none;
}

.container .top_bar{
	display:block;
	float:left;
	width:516px;
}

.container .top_bar .logo{
	background-color:#1771AD;
	display:block;
	width:516px;
	padding:0;
	margin-bottom:4px;
	font-size:1px;
	text-align:center;
}

.container .top_bar .logo a img{
	border:none;
}

.container .top_bar .navigation{
	display:block;
	width:270px;
	float:left;
	margin-right:5px;
}

.container .top_bar .navigation ul li{
	list-style-type:none;
	margin-bottom:5px;
	border:1px solid #dadada;
}

.container .top_bar .navigation ul li a{
	background-image:url('../images/navi_bullet.gif');
	background-repeat:no-repeat;
	padding:10px;
	padding-left:53px;
	padding-top:17px;
	padding-bottom:13px;
	display:block;
	width:205px;
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
}

.container .top_bar .navigation ul li.active a{
	list-style-type:none;
	background-image:url('../images/navi_bullet_active.gif');
	background-repeat:no-repeat;
	background-color:#dadada;
}

.container .top_bar .navigation ul li a:hover{
	background-color:#dadada;
}	

.container .top_bar .contact_info{
	display:block;
	padding:25px;
	float:left;
	width:191px;
	height:110px;
	background-image:url('../images/contact_bg.jpg');
	background-repeat:no-repeat;
}

.container .top_bar .contact_info p{
	margin-bottom:0;
	font-size:12px;
	line-height:15px;
}

.container .top_bar_footer{
	display:block;
	clear:both;
	height:5px;
	font-size:1px;
}

.container .container_footer{
	display:block;
	clear:both;
	width:900px;
	height:15px;
	font-size:1px;
	background-color:#1A85CD;
}

.main{
	display:block;
	width:818px;
	border:1px solid #dadada;
	border-top:none;
	padding:40px;
	padding-top:25px;
	min-height:150px;
	background-color:#ffffff;
}

.main .main_right{
	display:block;
	float:left;
	width:560px;
	padding-left:30px;
}

.main .main_footer{
	display:block;
	clear:both;
	height:1px;
	font-size:1px;
}

.footer{
	display:block;
	width:880px;
	padding:10px;
	text-align:right;
}

.footer a{
	color:#ffffff;
	text-decoration:none;
}

.footer a:hover{
	color:#dadada;
}

/*Tekstimuotoilut*/

h4{
	color:#1985CE;
	margin-bottom:10px;
	font-size:16px;
}

.main h1{
	font-size:22px;
	margin-bottom:15px;
	color:#1771AD;
}

.main h2{
	font-size:20px;
	margin-bottom:15px;
	color:#1771AD;
}

.main h3{
	font-size:18px;
	margin-bottom:15px;
	color:#1771AD;
}

.main h4{
	font-size:16px;
	margin-bottom:15px;
	color:#1771AD;
	font-weight:normal;
}

.main p{
	margin-bottom:15px;
}

.main a{
	color:#1771AD;
	text-decoration:none;
}

.main a:hover{
	text-decoration:underline;
}

.main ul{
	margin-bottom:15px;
}

.main ul li{
	list-style-type:none;
	padding-left:10px;
	background-image:url('../images/bullet.gif');
	background-repeat:no-repeat;
}

.main ul ul{
	margin-bottom:0px;
	margin-left:15px;
}

.main ul ul li{
	list-style-type:none;
	padding-left:10px;
	background-image:url('../images/bullet.gif');
	background-repeat:no-repeat;
}

.main ol{
	margin-bottom:15px;
}

.main ol li{
	padding-left:10px;
	list-style-position:inside;
}

.main ol ol li{
	padding-left:10px;
}

.main ol ol{
	margin-bottom:0;
	margin-left:15px;
}

.main img{
	border:1px solid #dedede;
	padding:5px;
}

.row_header{
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}

.row_field{
	padding-top:3px;
	padding-bottom:3px;
}

.row_submit{
	padding-top:3px;
	padding-bottom:3px;
	text-align:right;
}

.form_field{
	font-size:12px;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
	padding:2px;
	width:246px;
}

.nappi{
	border:1px solid #999999;
	color:#000000;
	cursor:pointer;
	padding:3px;
}

.error_message{
	display:block;
	width:90%;
	border:1px solid #cccccc;
	color:#FF0000;
	margin-bottom:20px;
	padding:10px;
}

.success_message{
	display:block;
	width:230px;
	border:1px solid #cccccc;
	color:#00CC00;
	margin-bottom:20px;
	padding:10px;
}

.container .main .sub_navigation{
	display:block;
	float:left;
	width:228px;
}

.container .main .sub_navigation ul li{
	background-image:none;
	list-style-type:none;
	margin-bottom:4px;
	padding:0;
	border-bottom:1px solid #ffffff;
}

.container .main .sub_navigation ul li a{
	border:1px solid #dadada;
	background-image:url('../images/subnavi_bullet.gif');
	background-repeat:no-repeat;
	padding-left:40px;
	padding-top:11px;
	padding-bottom:9px;
	display:block;
	color:#000000;
	text-decoration:none;
	text-transform:uppercase;
}

.container .main .sub_navigation ul li.active a{
	list-style-type:none;
	background-image:url('../images/subnavi_bullet_active.gif');
	background-repeat:no-repeat;
	background-color:#dadada;
}

.container .main .sub_navigation ul li a:hover{
	background-color:#dadada;
}	

.container .main .sub_navigation ul ul li a{
	text-transform:none;
}

/*IE6 KIKKAILUA*/
.container .main .sub_navigation ul li.active ul li a{
	background-color:#ffffff;
	text-transform:none;
	background-image:url('../images/subnavi_bullet.gif');
}

.container .main .sub_navigation ul li.active ul li.active a{
	list-style-type:none;
	background-image:url('../images/subnavi_bullet_active.gif');
	background-repeat:no-repeat;
	background-color:#dadada;
}
/*ie7 hover - efekti*/
.container .main .sub_navigation ul li.active ul li a:hover{
	background-color:#dadada;
}

/*IE6 KIKKAILU PÄÄTTYY*/

.container .main .sub_navigation ul ul{
	margin-top:4px;
}
	



