* { /* nollställer alla marginaler och padding - globalt */
   margin:0; 
   padding:0;
   } 
   
   body {
   text-align: center; /* content center MSIE (steg 1/3)*/
  
   line-height: 1.3em;
   font-family:Helvetica,Arial,sans-serif,"Times New Roman";
   color: #000;
   background-color: #fff;
   background-image: url(kuvat/taustahaive.jpg);
   background-position: top right;
   background-repeat: repeat-x;
   }	
   
   #wrap {
   margin:10px auto; /* center #wrap */
   color: #000;
   background-color: #EEEEEE;
   width: 750px;
   text-align: left; /* left align content in #wrap */  
   }

   #header {
   height:100px;
   background-color:#405062;
   color:#FFD39B;
   background-image: url(kuvat/ray_media3.jpg);
   background-position: top right;
   background-repeat: no-repeat;
   border-bottom: solid 1px #898989;
   }

   #left {
   width: 498px;
   float: left;
   display: inline;
   border-right:solid 2px #898989;
   }

   #right {
   width: 250px;
   float: right;
   display: inline;
   }

   #footer {
   margin:10px 0;
   text-align: center;
   color: #FFE8C3;
   background-color: #405062;
   height:30px;
   line-height: 30px;
   border-top: solid 1px #898989;
   }

   ul {
	 margin:0 20px 10px 50px;
	 }

	 li {
	 list-style-type: disc;
	 padding: 3px 10px 0;
	 margin: 0;
	 }

	 #right ul {
	 margin:0 20px 10px 20px;
	 }

	 #right li {
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
	 }


	 ul#menu {
	 margin:0 0 25px 0;
	 background-color:#40542E;
	 text-align: center;
	 height:30px;
	 }

	 ul#menu li {
	 list-style-type: none;
	 padding: 0 10px;
	 margin: 0;
	 display: inline;
	 line-height: 30px;
	 }
 
	 p,h1,h2,h3,h4 {
	 margin:0 20px;
 	 }

	 p {
	 padding-bottom: 10px;
	 }
	 	 
 	 h2 {
	 padding: 10px 0; 
	 }

	 h3 {
	 padding: 10px 0 5px; 
	 }

	 a {
	 color:#B4E342;
	 text-decoration: none;
	 background:transparent;
	 }

	#left a:link{color: #666666; text-decoration: none; border-bottom: 1px dotted;}
	#left a:visited{color: #F27426; text-decoration: none; border-bottom: 1px dotted;}
	#left a:hover{color: #974B18; text-decoraton: none; border-bottom: 1px solid;}
	#left a:active{text-decoration: none; border-bottom: 1px solid;}

    #right a:link{color: #666666; text-decoration: none; border-bottom: 1px dotted;}
	#right a:visited{color: #F27426; text-decoration: none; border-bottom: 1px dotted;}
	#right a:hover{color: #974B18; text-decoraton: none; border-bottom: 1px solid;}
	#right a:active{text-decoration: none; border-bottom: 1px solid;}    
    
	 ul#menu a {
	 font-weight: bold; 
	 color:#fff;
	 text-decoration: none;
	 background:transparent;
	 }

	 ul#menu a:link {
	 color: #fff;
	 }

	 ul#menu a:visited {
	 color: #fff;
	 }

	 ul#menu a:hover {
	 color: #FFE8C3;
	 background: transparent;
     border-bottom:solid 3px #F7C152;
	 }

	 ul#menu a:active {
	 color: #444;
	 }


	.smaller {
	font-size: 90%;
	}

.keskella {text-align: center;
padding: 2px;
margin: 1em; 
border: 1px solid #9FA41D;
}
.oikealla {float: right;
padding: 2px;
margin: 1em;
border: 1px solid #9FA41D;
}
.vasemmalla {float: left;
padding: 2px;
margin: 1em;
border: 1px solid #9FA41D;
} 

.clear {
  clear: both;
  height: 0;
}