a.menu {line-height: 200%; font-family: Arial; font-weight: Bold; color: #000000; text-decoration: none; padding-left: 5px; padding-top: 10px;}
a.menu:hover {font-family: Arial; font-style: Bold; color: fca24a; text-decoration: none; padding-left: 5px; line-height: 200% padding-left: 10px;}
p.right {font-family: Arial; font-weight: bold; color:#000000;}
p.footer {font-family: Arial; font-weight: normal; color: #ffffff; text-align: center;}
p.footer2  {font-family: Arial; font-weight: bold; color: #ffffff; text-align: center;}
p.oikea {padding-left:5px; padding-right: 4px;}

div.scroll
{
padding-left:0;
width:605px;
height:768px;
overflow: scroll;

left: 0;
}

#footer
{
background:#5b8ec8;
clear: both;
width: 100%;
height: 18%;


}



body




{ 
background-image: 
url('images/headerc.png');
background-repeat: repeat-x;
background-color: #f2f8ff;
}

#sddm
{
	
	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	
	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 13px arial;
	
	}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 4px 10px;
	width: 130px;
	background: #c7d9ec;
	color: #000000;
	text-align: center;
	text-decoration: none;
	border: 1px solid #1b62b3
	}

#sddm li a:hover
{	
	color: #fca24a;
	background: #b2c9e5;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #b2c9e5;
		color: #00000;
		font: 13px arial;
	}

	#sddm div a:hover
	{	background: #fca24a;
		color: #FFF}





		



.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
padding-right: px;
padding-bottom: px;
}

/*Top level list items*/
.horizontalcssmenu ul li{
padding-top: 80px;
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a {
display: block;
width: 135px; /*Width of top level menu link items*/
padding: 2px 8px;
border: 0px solid #202020;
border-left-width: 0;
text-decoration: none;
background: url(images/menubg.png) center center repeat-x;
color: #000000;
font: bold 13px Arial;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
border-top: 0px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;

}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
padding-top: -70px;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 95px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: url(images/menubg.png);
border-width: 0 0px 0px 0px;
}

.horizontalcssmenu ul li a:hover{
background: url(images/menubg.png) center center repeat-x;
color: #fca24a;
}

.horizontalcssmenu ul li ul li a:hover{
background: url(images/menubg.png);
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 30;
background: transparent url(images/menuarrow.png) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */