* { padding: 0; margin: 0; }

body {
 font-family: myriad pro, Helvetica, sans-serif;
 font-size: 15px;
 background: #181818 ; #FFFDC7
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 0px solid #ccc;
 height: 180px;
 margin: 10px 0px 5px 0px;
 background-image: url(ylapalkki2.jpg);
}
#navigation {
 float: left;
 width: 900px;
 height: 23px;
 color: #333;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 0px 0px 5px 0px;
 background-image: url(tausta3.jpg);
 text-align: center;
 font-family: hobo std, Helvetica, sans-serif;
 font-size: 20px;
}
#leftcolumn { 
 color: #333;
<!background-color:rgb(198,121,75);>
 border: 0px solid #ccc;
background-image: url(tausta4.jpg);
 margin: 0px 5px 5px 0px;s
 padding: 10px;
 height: 1100px;
 width: 205px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 border: 0px solid #ccc;
 background-image: url(tausta5.jpg);
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 1080px;
 width: 688px;
 display: inline;
 position: relative;

width: 688px;
voice-family: "\"}\"";
voice-family:inherit;
width: 686px;



}

<style type="text/css">
<!--
a:link {color: #FEFEFE; text-decoration: none; }
a:active {color: #FEFEFE; text-decoration: none; }
a:visited {color: #FEFEFE; text-decoration: none; }
a:hover {color: #FEFEFE; text-decoration: underline; }
-->
</style>