
* {
	padding: 0;
	margin: 0;
}

	body {
		font-family: Arial, serif;
		font-size: small;
		color: #68686b; 
		background: #f5f5ef;/*e7fcff*/ /*content osion tausta***/
		padding-bottom: 20px;
	}
	
	p {
		line-height: 1.4;
	}
	
	#navileft
	{ float: right;
	background: #eef0f0;
	
	width: 150px;
	margin-right: 40px;
	}
	
	#navileft	ul li a
	{ font-size: 14px; color: #37a8df;
	list-style: none;
	text-decoration: none;
	
	}
	#navileft ul li 
	{ 
	list-style: none;
	padding: 10px 10px 10px 10px;
	}
	
	#wrapper {
		
	}
	#right_blog
	{
	}
	#right_blog ul li a
	{ font-size: 14px; color: #37a8df;
	list-style: none;
	text-decoration: none;
	
	}
	#right_blog ul li 
	{ 
	list-style: none;
	padding: 10px 10px 10px 10px;
	}
	
		
		
		#site_top {
			width: 100%;
			background: #00467f;
			float: left;
		}
		
			#site_top h2 {
				/*font-family: Georgia, serif;*/
				font-weight: normal;
				font-size: 90%;
				color: #e7fcff;
				padding: 17px 0 17px 10px;
				float: left;
			}
			
				#site_top p {
					float: right;
					padding: 17px 0 17px 20px;
					margin-left: 10px;
					color: #e7fcff; /*37a8df*/
					font-weight: bold;
					font-size: 85%;
				}
				
					#site_top p.tel {
						
						background: url(../images/icon_phone.gif) left  no-repeat;						
					}
					
					#site_top p.fax {
						background: url(../images/icon_fax.gif) left center no-repeat;
						margin-right: 38px;
					}
					
					#site_top p.email {
						background: url(../images/icon_email.gif) left center no-repeat;
					}
		


		
		
			#header img {
				
				float: left;
			}
			
		
			#inner_header {
				width: 100%;
				height: 161px;
				background: #f5f5ef;
			
				float: left;
			}
			
				#inner_header img {
					
					margin-top: 0;/*35px*/
					float: left;
					padding-top: 10px;
				}
				
			#logocontainer
{
margin-left: 17%;  /*tulikettu : 17%*/

}			
				
		#container {
			width: 100%;

			/*background: #e7fcff url(../images/container_bg.gif) top left repeat-x;*/
		}
		
			#content {
				width: 750px;
				margin-left: 17%;  /*tulikettu : 17%*/
				background: #fff;
				padding: 10px 10px 10px 10px;
				float: left;
				margin-bottom: 12px;
border: solid #00467f 2px;
			}
			
			/*********FIX FOR GOD DAMN IE PIECE OF SHIT!!!!!!************/
			*html #content {
				margin-left: 8.5%;
			}
			
				#inner_container {
					background: #eef0f0;
					width: 750px;
					float: left;
					padding-bottom: 22px;
				}
				
				
				
					#blogger {
						width: 750px;
						float: left;
						margin-top: 17px;
					}
					
						#blogger h2 { 
							margin-left: 24px;
							margin-top: 18px;
							color: #37a8df;
							font-family: Georgia, serif;
						}
						
							#blogger h2.ladattavat {
								padding-bottom: 16px;
							}
						
		/******************uutis alueen säännöt************************/
		
			.newsblock {
			float: left;
			padding-right: 8px;
			padding-bottom: 24px;
		}
		
			.newsblock h3 {
				font-family: Georgia, serif;
				font-size: 100%;
				color: #68686b;
		font-style: bold;
		font-size: 16px;
				margin-left: 16px;
				margin-top: 6px;
				
			}
		
				.newsblock p.date {
					color: #68686b;
					font-size: 90%;
					padding: 10px 0 10px 20px;
					margin-left: 16px;
					background: url(../images/icon_news01.gif) left center no-repeat;
				}
				
				.newsblock p {
					margin-top: 8px;
					margin-left: 16px;
					line-height: 1.3;
				}
				
					.newsblock a {
						margin-left: 24px;
						margin-top: 6px;
						text-decoration: none;
						color: #37a8df;
						float: left;
						padding-left: 20px;
						background: url(../images/icon_link.gif) left center no-repeat;
					}
					
					.newsblock a:hover, .newsblock a:active {
						color: #669960;
					}
					
					
					
					
					
					
	/***************Table säännöt*********************/
	
	 table {
		border-top: 1px solid #e5eff8;
		border-right: 1px solid #e5eff8;
		background: #fff;
		border-collapse: collapse;
		margin-bottom: 16px;
		margin-left: 36px;
		
	}
	
	caption {
		text-align: left;
		font-weight: bold;
		padding-top: 16px;
		padding-bottom: 12px;
		margin-left: 36px;
		font-size: 95%;
	}
	
	 th {
		text-align: center;
		padding: 5px;
		color: #68686b;
		border-bottom: 1px solid #e5eff8;
		border-left: 1px solid #e5eff8;
		font-size: 95%;
	}
	
	 td {
		text-align: center;
		padding: 5px;
		color: #68686b;
		border-bottom: 1px solid #e5eff8;
		border-left: 1px solid #e5eff8;
		font-size: 95%;
	}
	
	 tr.odd {
		background: #e5eff8;
	}
	
	
	
	
					
		/************************Footer alueen säännöt*************************/
					
					
						#footer {
							clear: both;
							width: 400px;
							float: left;
							margin-top: 30px;
							margin-left: 200px;
							
						}
						
													/*********FIX FOR GOD DAMN IE PIECE OF SHIT!!!!!!************/
															*html #footer {
																margin-left: 100px;
															}
					
							#footer p {
								font-size: 95%;
								margin-bottom: 5px;
							}
							
								#footer p.coding {
									float: left;
									padding-left: 20px;
									margin-right: 20px;
									background: url(../images/icon_footer.gif) left center no-repeat;
								}
								
								#footer p.optimized {
									float: left;
									margin-right: 12px;									
								}
								
								#footer p.browser {
									float: left;
									margin-right: 8px;	
								}
								
								#footer p.designer {
									float: left;
								}
								
								
								
								
								
								
								

					
					
				
				/*
					#left_blog {
							width: 475px;
							float: left;
							border-right: 1px solid #cdccc6;
							padding-bottom: 6px;
						}
						
							
						
						#right_blog {
							width: 265px;
							float: right;
						}	
						*/
			
				
				
					
		
		
		
		
		
		
		
		
				
		

	
