body {
 background-color : #DDDDDD;
 margin : 0;
 margin-top : 0;
 margin-bottom : 0;
 margin-left : 0;
 margin-right : 0;
}
body, td, a {
 font-family : "Trebuchet MS", Verdana, Arial, Sans-serif;
 font-size : 12px;
}
table.full {
 height : 100%;
}
b {
 font-weight : bold;
}
h1.valkoinen {
 color : #ffffff;
 font-weight : bold;
 font-size : 24px;
 padding-top : 5px;
 padding-bottom : 0;
 margin-top : 0;
 margin-bottom : 5px;
}
h1 {
 color : #3366ff;
 font-weight : bold;
 font-size : 24px;
 padding-top : 5px;
 padding-bottom : 0;
 margin-top : 0;
 margin-bottom : 5px;
}
h2.valkoinen {
 color : #ffffff;
 font-weight : bold;
 font-size : 21px;
 padding-top : 5px;
 padding-bottom : 0;
 margin-top : 0;
 margin-bottom : 5px;
}
h2 {
 color : #3366ff;
 font-weight : bold;
 font-size : 21px;
 padding-top : 5px;
 padding-bottom : 0;
 margin-top : 0;
 margin-bottom : 5px;
}
h3.valkoinen {
 color : #ffffff;
 font-weight : bold;
 font-size : 18px;
 padding-top : 5px;
 padding-bottom : 0;
 margin-top : 0;
 margin-bottom : 5px;
}
h3 {
 color : #3366ff;
 font-weight : bold;
 font-size : 18px;
 padding-top : 5px;
 padding-bottom : 0;
 margin-top : 0;
 margin-bottom : 5px;
}
h4 {
 color : #3366ff;
 font-weight : bold;
 font-size : 15px;
 padding-top : 5px;
 padding-bottom : 0;
 margin-top : 0;
 margin-bottom : 5px;
}
h4.valkoinen {
 color : #ffffff;
 font-weight : bold;
 font-size : 15px;
 padding-top : 5px;
 padding-bottom : 0;
 margin-top : 0;
 margin-bottom : 5px;
}
h5 {
 color : #3366ff;
 font-weight : bold;
 font-size : 13px;
 padding-top : 5px;
 padding-bottom : 0;
 margin-top : 0;
 margin-bottom : 5px;
}
td.sininen {
 background-color : #3366ff;
 color : #ffffff;
 padding-left : 10px;
 padding-top : 10;
 padding-right : 10px;
 padding-bottom : 10px;
}
td.valkoinen {
 background-color : #ffffff;
 color : #000000;
 padding-left : 10px;
 padding-top : 10;
 padding-right : 10px;
 padding-bottom : 10px;
}
td.sininen-tausta {
 background-color : #3366ff;
 color : #ffffff;
 padding-left : 0px;
 padding-top : 0;
 padding-right : 0px;
 padding-bottom : 0px;
}
td.valkoinen-tausta {
 background-color : #ffffff;
 color : #000000;
 padding-left : 0px;
 padding-top : 0;
 padding-right : 0px;
 padding-bottom : 0px;
}
input.text {
 font-family : "Trebuchet MS", Verdana, Arial, Sans-serif;
 font-size : 11px;
 background-color : #ffffff;
 color : #000000;
 border : 1px solid #AAAAAA;
 width : 130px;
}
input.painike {
 font-family : "Trebuchet MS", Verdana, Arial, Sans-serif;
 font-size : 11px;
 font-weight : bold;
 background-color : #3366ff;
 color : #ffffff;
 border : 1px solid #ffffff;
 width : 60px;
}
textarea {
 background-color : #ffffff;
 font-family : "Trebuchet MS", Verdana, Arial, Sans-serif;
 font-size : 11px;
 color : #000000;
 border : 1px solid #AAAAAA;
 width : 130px;
}
a:link, a:active, a:visited {
 color : #3366ff;
 text-decoration : underline;
}
a:hover {
 color : #3366ff;
 text-decoration : none;
}
a.linkki:link,a.linkki:visited,a.linkki:active {
 color : #ffffff;
 font-family : "Trebuchet MS", Verdana, Arial, Sans-serif;
 text-decoration : underline;
}
a.linkki:hover {
 color : #ffffff;
 font-family : "Trebuchet MS", Verdana, Arial, Sans-serif;
 text-decoration : none;
}
hr {
 color : #ffa0df;
 height : 1px;
}



/* MENU */

ul.menu {
	font: normal 11px verdana;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px; /* Width of Menu Items */
	border-bottom: 3px solid #FFFFFF;
	}

ul.menu li {
	font: normal 11px verdana;
	position: relative;
	}

li ul.menu {
	font: normal 11px verdana;
	position: absolute;
	left: 160px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul.menu li a {
	font: normal 11px verdana;
	display: block;
	text-decoration: none;
	color: #ffffff;
	background-color: #3366ff;/* IE6 Bug */
	font-weight: bold;
	padding: 7px;
	border: 3px solid #FFFFFF;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul.menu li { float: left; height: 1%; }
* html ul.menu li a { height: 1%; }
/* End */

ul.menu li a:hover { color: #3366ff; background-color: #ffffff; } /* Hover Styles */
		
li ul.menu li a { padding: 5px 7px; } /* Sub Menu Styles */
		
li:hover ul.menu, li.over ul.menu { display: block; } /* The magic */