/*******************************************************
TITLE: Fixed One-Column #2 Layout (Basic) V1.0 (Beta)
DATE: 20070807
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:20px;
padding:0;
height:100%;
background-color:#228B22;
color:#000000;  
text-align:center;
font-family:Comic Sans MS, Verdana, Arial, sans-serif;
font-size:16px;
line-height: 1.2;
}

a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#cccccc;
text-decoration:none;
}

ul {
margin:0 0 0 20px;
list-style-type:disc;
}

li {
margin:4px 0 5px 10px;
}

#container { 	
margin:0 auto;
padding:0;
width:900px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
border:1px solid #cccccc;
}

#header {
margin:0;
padding:0;
height:160px;
background-color:#fff;
background-image: url(kuvat/ylaosa.jpg);
background-position: top right;
background-repeat: no-repeat;}

#header h1 {
margin:0;
padding:90px 0 0 20px;
font-size:1.8em;
letter-spacing:.1em;
color:#382B28;
font-weight:lighter;
}

#header h2 {
margin:0;
padding:130px 0 0 20px;
font-size:1.2em;
font-weight:lighter;
letter-spacing:.1em;
color:#382B28;
}

#leftColumn {
float:left;
margin:0;
padding:0;
width:180px;
font-size:.9em;
}

#leftColumn p {
padding:10px
}

#leftColumn h2 {
margin:0;
padding:10px 0 0 10px;
font-size:1em;
}

#leftColumn ul {
margin:0 0 0 0;
list-style:none;
}

#leftColumn li {
margin:4px 0 5px 10px;
}

#leftColumn li a {
text-decoration:underline;
}

#leftColumn li a:hover{
text-decoration:none;
}

#centerColumn { 	
margin:0 0 0 200px;
padding:0;
background-color:#ffffff;
}

#centerColumn p {
padding:10px
}

#centerColumn h2 {
margin:0;
padding:10px 0 5px 0;
font-size:1.3em;
letter-spacing:.1em;
}

#footer {
position:relative;
bottom:0;
margin:80px 0 0 0;
padding:0;
height:60px;
line-height:60px;
text-align:center;
font-size:.6em;
background-color:#ffffff;
border-top:1px solid #cccccc;
}

img.centered {display:block; margin: 0 auto 5px auto; padding:2px; }

img.alignright { display: inline;  margin:5px 7px 0 7px; padding:4px; vertical-align: middle; }

img.alignleft { display: inline;  margin:5px 7px 0 7px; padding:4px; vertical-align: middle; }
p.vari {color:#556B2F;}