/* PERUSASETUKSET */ 

body 
{
	margin: 0;
	padding: 0;
	font: normal 12px "Trebuchet MS", Helvetica, Arial, Sans serif; 
	background: #E3CC7F url('../Images/spu_tap_886pix.jpg') repeat-x top;
	color: #463228;
} 
.center
	{
		text-align: center
	} 
.floatright 
	{
		float: right
	} 
.floatleft 
	{
		float: left
	} 
.floatrightcontent 
	{
		float: left;
		padding-top: 4px;
		padding-left: 4px;
		padding-bottom: 4px;
	} 
.floatleftcontent 
	{
		float: left;
		padding-top: 4px;
		padding-left: 4px;
		padding-bottom: 4px;
	} 
	a 
	{
		color: #463228;
		text-decoration: underline;
	} 
	a:hover
	{
		color: #463228;
		text-decoration: underline;
	} 
	h1 
	{
		font: normal 18px "Trebuchet MS", Arial;
		color: #004D6F;
		margin:10;
		padding-left: 43px;
		padding-bottom: 9px;
		padding-right: 23px;
		padding-top: 9px;
		border-bottom: 1px solid #463228;
		background-position: 0px 50%;
		background-repeat: no-repeat;
		background-image: url('../Images/sormi.png');
	} 
	h2 
	{
		font: bold 1.1em "Trebuchet MS", Arial;
		margin: 8px;
	} 
	h3 
	{
		font: bold 1em "Trebuchet MS", Arial; 
		margin: 8px;
	} 
	h4 
	{
		margin: 8px;
	} 
	p
	 {
	 	font-size: 1em;
	 	line-height: 16px;
	 	margin: 5px 10px 15px 10px;
	 } 
	hr
	{
	display: none;
	}
	select
	{
		background-color: #F1E2A8;
	 	font: normal 12px "Trebuchet MS", Helvetica, Arial, Sans serif; 
	 	border: 1px solid #463228;
	 }
	input
	{
		background-color: #F9F2C6;
	 	font: normal 12px "Trebuchet MS", Helvetica, Arial, Sans serif; 
	 	border: 1px solid #463228;
	 }

	 textarea
	{
		background-color: #F9F2C6;
	 	font: normal 12px "Trebuchet MS", Helvetica, Arial, Sans serif; 
	 	border: 1px solid #463228;
	 }

	 	/* Logo Link Styles */

	td{
         font-size:12px;
        }

	#top_logo 
	{
		position: absolute; 
		top: 0;
		left: 0; 
		height:100px; 
		width: 100%; 
		z-index: 1;
	}
	#top_logo img 
	{
		display: block;
		margin: 0;
		padding: 0;
	}

	ul 
	{
		margin-left: 0px;
	}

	li 
	{
		font-size:12px;
        	padding: 2px;
	}

	span{
               font-size:12px;
        }

	
	/* HEADER SETTINGS AND IMAGES */
	 
	 #header 
	 {
	 	background: url('../Images/SPU_ylavinj.jpg') no-repeat left top;
	 	height: 144px;
	 	width: 800px;
	 	margin: 0 auto
	 } 

	    /* NAVIGOINTIALUE */ 

	    #main-navi 
	    {
	    	margin: 90px auto 10px auto;
	    	height:25px;
	    	width: 800px; 
	    	text-align: center;
	    } 
	   
		/* CONTENT AREA */ 

	    #content 
	    {
	    	width: 800px;
	    	min-height: 742px; 
	    	margin: 0 auto;
	    } 
	    
	   #left-content  /*Vasen palsta*/
	    {
	    	float: left;
	    	display: inline;
	    	width: 200px; 
	    	min-height: 742px; 
	    	margin:0;
	       	background: #EAD792 url('../Images/SPU_vasen.jpg') no-repeat top; 	/* Kuvalelementti vain kerran taustalla */ 
	    } 
	    #middle-content /* Keskipalsta */
	    {
	    	float: left; 
	    	display: inline; 
	    	width: 370px;
	    	min-height: 722px;
	    	margin:0;
	    	padding: 10px;
	    	background-color: #F1E2A8;
	    } 
	    #right-content  /* Oikea palsta */
	    {
	    	float: left;
	    	display: inline;
	    	width: 200px;
	    	min-height: 742px; 
	    	margin:0;
	    	background: #EAD792 url('../Images/SPU_oik.jpg') no-repeat top;
	    }

	      #left-column  /*Vasen sisältöpalsta*/
	    {
	    	float: left;
	    	display: inline;
	    	width: 200px; 
	    	min-height: 742px; 
	    	margin:0;
	       	background: #EAD792 url('../Images/SPU_vasen2.jpg') no-repeat top; 	/* Kuvalelementti vain kerran taustalla */ 
	    } 

	     #right-column /* Oikea sisältöpalsta */
	    {
	    	float: left; 
	    	display: inline; 
	    	width: 570px;
	    	min-height: 722px;
	    	margin:0;
	    	padding: 10px;
	    	background-color: #F1E2A8;
	    } 

	    #footer 
	    {
		    padding: 0;
		    margin: 0px auto 0px auto;
		    position:fixed;
			bottom:0;
			left:0;
			font-size: 1em;
			/*background: #463228 url('../Images/alatoisto.jpg') repeat-x top;*/
			background-color: #463228;
			width:100%;
			height:25px;
			overflow:hidden;
			z-index:30;
			color:#F1E2A8;
	 }
	    #footer p 
	    {
	    	text-align: center;
	    	margin: 0;
	    	padding: 5px;
	    	display: block;
	    } 
	    #footer a 
	    {
	    	color: #E3CC7F;
	    } 
	    #footer a:hover 
	    {
	    	color: #EAD792;
	    } 
		
		.download
		{
			padding-left: 17px;
			padding-top: 10px;
			padding-bottom: 10px;
			background:url('../Images/download.gif') no-repeat 0px center;
			color:#96966E;
		}


/* PRODUCT TABLE */

     .product-table
     {
	    	width: 100%;
	    	padding: 10px;
    } 

	.product-table th
     {
	   	text-align: left;
	   	font: normal 1.0em "Trebuchet MS", Arial;
		color: #004D6F;
		margin-left: 10px;
		padding-left: 10px;
		text-transform: uppercase;
	} 

    .product-table p
     {
	   	text-align: left;
	   	padding: 0;
                font-size:12px;
     } 

	
/* SIVUNAVIGOINTI LINKIT */ 
		.left-content 
		{
			margin: 0 7px 20px 0;
			padding: 0; 
			list-style-type: none; 
			border-bottom: 1px solid #22529f;
		} 
		.left-content li 
		{
			display: inline;
			list-style-type: none;
			margin: 0;
			padding: 0;
		} 
		.left-content a
		{
			display: block;
			padding: 4px 0px 4px 14px;
			font-weight: bold;
			text-decoration: none;
			color: #22529f;
			border-top: 1px solid #22529f;
		} 
		.left-content a:hover 
		{
			background: #d4e1e8;
			color: #22529f;
		} 

		#left-column .column-header
 		{
 			font-size: 1.6em;
 			font-weight: normal;
 			color: #004D6F;
 			letter-spacing: 0.03em;	
 			margin: 20px 0 20px 0;
 			text-align: center;
 			line-height: 2em;
 		}

		#left-column .column-content
 		{
 			font-size: 1.2em;
 			font-weight: normal;
 			color: #004D6F;
 			letter-spacing: 0.03em;	
 			margin: 10px 0 0 0;
 			text-align: center;
 			text-decoration: none;
 			line-height: 2em;
 			border-bottom: 1px solid #004D6F;
 		}

 		#left-column .column-content a
 		{
 			font-size: 0.9em;
 			font-weight: normal;
 			color: #004D6F;
 			letter-spacing: 0.03em;	
 			text-decoration: none;
 			line-height: 2em;
 		}

	 	.column-content p
 		{
 			font-size: 0.9em;
 			font-weight: normal;
 			color: #463228;
 			letter-spacing: 0.03em;	
 			text-align: center;
 		}

	 	.column-content p:hover
 		{
 			font-size: 0.9em;
 			font-weight: normal;
 			color: #004D6F;
 			letter-spacing: 0.03em;	
 			text-align: center;
 		}


 		#left-column .column-bottom
	    {
	    padding: 0;
	    margin: 0 59px 35px 59px;
	    position:fixed;
		bottom:0;
		background: url('../Images/avainlippu.png') no-repeat left;
		z-index: 2;
		height: 92px;
		width: 82px;
	 	}


		#left-content .column-bottom
	    {
	    padding: 0;
	    margin: 0 59px 35px 59px;
	    position:fixed;
		bottom:0;
		background: url('../Images/avainlippu.png') no-repeat left;
		z-index: 2;
		height: 92px;
		width: 82px;
	 	}