body {
	text-align: center;
	background-color: grey;
}


     #nolla
 {

     position: relative;
	top: 0px;
	left:70px;
	width: 750px;
	float: left;
	padding: 0px 0px 0px 20px;
        color:black;
        background-color: white;
 }
 
     #kerhot
 {

     position: relative;
	top: 80px;
	left:100px;
	width: 750px;
	float: left;
	padding: 0px 0px 0px 20px;
        color:white;
 }
       #matkat
 {

     position: relative;
	top: 40px;
	left:260px;
	width: 7px;
	float: left;
	padding: 0px 0px 0px 20px;
        color:white;
        background-color: red;
 }

 td{

  font-weight: bold;
 font-size:18px;
}

   h6 {
  color: white;
font-size:17px;
 margin: 15px 7px 4px 1px;

}



    #linkki {
	position: relative;
	top: 15px;
	left:70px;
	width: 750px;
	float: left;
	padding: 0px 0px 0px 20px;
	7background-color: white;
	background: url(yla-osa_2.jpg);
	height:310px;

}

#linkkirivi {
	position: relative;
	top: 260px;
	left:5px;
	width: 750px;
	float: left;
	padding: 0px 0px 0px 20px;
	7background-color: white;


}


#navlist ul
{
margin: 0;
white-space: nowrap;
padding: 0;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a
{
padding: 1px 8px 1px 6px;
border: 1px solid #333;
background-color: #D99647;

}

#navlist a:link, #navlist a:visited
{
color: black;
text-decoration: none;
}

#navlist a:hover
{
border: 1px solid #333;
background-color: white;
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
color: #333;
}