/**********reset document styles************/ 

body, div, ul, ol {

margin:0;
padding:0;
font-family: Helvetica, Helvetica Neue, Arial, Tahoma;
font-size: 100%;

}


/*************main layout********************/


body{
     background-color:#67E46F;

}


div#main {

width:960px;
height:auto;
background-color:#00C90D;
border:solid 1px#dadada;
margin:auto;
margin-top:10px;

}

div#header {
padding-top:20px;
width:100%;
height:120px;
background-color:#4AA329;
}

div#header h1 a{
color:#000;
text-decoration:none;
font-family: Playbill, Impact, Arial;
font-size: 3em;
margin-left: 20px;
text-shadow: 0px 0px 2px #FF0000;

}

div#navi{

width:100%;
height:40px;
background-color:#FF0000;
}

#navi ul {

overflow:hidden;

}

div#navi li{

display:block;
float:left;
width:30%;
text-aling:center;
border-right:solid 1px#FFF;

}

div#navi li h1 {

font-size:14px;
margin:0;
display:block;

}

div#navi li h1 a {

display:block;
height:30px;
padding-top:10px;
text-decoration:none;
color:#000;

}

div#navi li h1 a:hover {

color:#fae00;
background-color:#f0f0f0;

}

#navi .selected {

color:#fae00;
background-color:#f0f0f0;

}

div#content {

float:left;
width:550px;
border:1px solid black;

}

#content p {

margin-left:20px;
margin-right:20px:
font-size:1,0em;
line-height:1,3em;

}

#content .kuva {

width:400px;
height:400px;
border:solid 1px #dadada;
background-image:url('Reima.jpg');
background-position:top left;


}

#clearfloat {

overflow:hidden;

}

#subinfo {

width:200px;
height:600px;
float:right;
border:1px solid black;

}

#subinfo li {

display:block;
border-top:solid 1px #dadada;
border-bottom:solid 1px #dadada;

}

#subinfo h2 {

font-size: 16px;

}

#footer {

clear:both;
width:100px;
height:200px;
background-color:#f0f0f0;

}