body
{
font-family: Verdana, Tahoma, Arial, sans-serif;
background: url("bg.png") #750000 repeat-x;
margin: 0px;
padding: 0px;
font-size: 10pt;
color: white;
}

.content
{
left: 0px;
margin: 0px;
padding: 0px;
position: absolute;
top: 100px;
width: 100%;
}

.leftcolumn
{
width: 175px;
left: 0px;
margin-left: 0px;
position: absolute;
}

.middlecolumn
{
margin-top: 0%;
marfin-bottom: 0%;
margin-left: 185px;
margin-right: 185px;
width: auto;
overflow: auto;
}

.rightcolumn
{
right:0px;
top:0px;
width:175px;
right: 0px;
margin-left: 10px;
margin-right: 0px;
position: absolute;
}


.sectiontitle
{
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-size: 10pt;
background: url("sectionbg.png") #FFFFFF no-repeat right top;
clear: both;
padding: 1px 1px 1px 8px;
color: black;
font-weight: bold;
}

.itemtitle
{
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	font-size: 10pt;
	background: url("titlebg.png") #C4C4C4 no-repeat right bottom;
	clear: both;
	padding: 0px 0px 0px 8px;
	color: black;
	font-weight: bold;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.sectiontitleright
{
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-size: 10pt;
background: url("sectionbgright.png") #FFFFFF no-repeat left top;
clear: both;
padding: 1px 1px 1px 8px;
color: black;
font-weight: bold;
}

.itemtitleright
{
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-size: 10pt;
background: url("titlebgright.png") #C4C4C4 no-repeat left bottom;
clear: both;
padding: 1px 1px 1px 8px;
color: black;
font-weight: bold;
}

a
{
color: #C0C0C0;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

img
{
border: none;
}

li
{
	list-style-image: url("bullet.png");
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h1
{
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-style: bold;
color: white;
font-size: 26pt;
}

h2
{
font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
font-style: bold;
color: white;
font-size: 16pt;
}

.menu
{
	color: black;
	background: url("curl.jpg") #E0C4AE no-repeat left top;
	font-family: 'Monotype Corsiva', 'Lucida Handwriting', 'Book Antiqua', 'Garamond', Verdana, Tahoma;
	font-size: 16pt;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0.5cm;
}

pre
{
	color: #000;
	font-family: 'Monotype Corsiva', 'Lucida Handwriting', 'Book Antiqua', 'Garamond', Verdana, Tahoma;
	font-size: 16pt;
	text-align: center;
}

pre a,pre a:link,pre a:visited,pre a:hover,pre a:active
{ 
	color: #00F;
	text-decoration: none;
}

#otsikko span
{
display:none;
}

#otsikko
{
height: 62px;
background: url("banner.gif") top no-repeat;
}

#tervetuloa span
{
display:none;
}

#tervetuloa
{
width: 134px;
height: 34px;
background: url("tervetuloa.gif") top no-repeat;
}

#av span
{
display: none;
}

#av
{
height: 100px;
background: url("av.png") top no-repeat;
}
