body {
text-align: center;
font-family: "Bell MT", "Trebuchet MS", Verdana, Arial, Serif;
font-size: 12px;
font-weight: bold;
width: 100%;
height: 100%;
margin: auto;
background: #222222;
vertical-align: center;
margin-top: 5px;
padding-top: 5px;
}

#body2 {
    background: #444 url(../katjaanna.jpg);
    background-repeat: no-repeat;
	margin-top: 35px;
	margin-left: 35px;
	text-align: center;
	font-family: Verdana;
	font-size: 10px;
	width: 580px;
	margin: auto;
	height: 400px;
	float: center;
}

#banner {
background: #222 url(../caramba.jpg);
width: 620px;
height: 150px;
margin: auto;
}

#loota {
width: 760px;
height: 730px;
background-color: #ffffff;
border-style: solid;
border: 5px solid #3300ff;
margin: auto;
padding-top: 5px;
padding-bottom: 5px;
}
#loota h1{
margin-top: 5px;
text-align: center;
font-family: Bell MT, Verdana;
font-size: 10px;
float: center;
}

#navigation {
background-color: #ffffff;
height: 25px;
width: 80%;
margin: auto;
padding: 2px;
padding-bottom: 2px;
font-family: verdana, arial;
font-size: 14px;
font-weight: bold;
vertical-align: center;
}

#chromemenu{
width: 600px;;
height: 20px;
font-weight: bold;
font-size: 90%;
margin: 30;
}

#chromemenu:after
{ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

ul#subnav {

background: #66ffff repeat-x scroll;
border: 2px solid #3300ff;
height: 17px;
font-size: 11px;
margin-top: 5px;
padding: 3 0 0 10px;
color: #0000ff;
}

ul#subnav li {
float: left;
list-style-type: none;
text-transform: uppercase;
padding: 0 0 0 20px;
color: #0000ff;
}

ul#subnav li a {
text-decoration: none;
}

ul#subnav li a:link, ul#subnav li a:visited {
background-color: #66ffff;
color: #0000ff;
}

ul#subnav li a:hover, ul#subnav li a:active {
color: #ffff33;
background-color: #000000;
}

#yhteys {
font-size: 12px;
font-weight: bold;
}

#kopiraitti {
font-size: 8px;
font-weight: bold;
}