/* common styling */
a:link {
	color: #FFFFFF;
}
a:visited {
	color: #EEE;
}
a:hover {
	color: #CC0000;
}
a:active {
	color: #EEE;
	text-decoration: none;
}
 /* common styling */

.menu {
	font-family: Arial, Helvetica, sans-serif;
	width:420px;
	font-size:0.95em;
	z-index:100;
	position: relative;
	color: #FFFFFF;
	float: left;
	margin-top: 0px;
}

.menu ul {
	padding:0px;
	margin:0px;
	list-style-type: none;
}

.menu ul li {
font-family: Arial, Helvetica, sans-serif;
float:left;
position:relative;
width: auto;
height: auto;
margin:0px;
padding: 0px;
white-space: nowrap;
}

.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
width:auto;
height:3em;
border-width:0;
padding-left:10px;
line-height:3em;
clear: both;
}
.menu a:visited {
color: #FFFFFF;
}

* html .menu ul li a, .menu ul li a:visited {
width:auto;
w\idth:auto;
}

.menu ul li ul {
display: none;
}

table {
margin:1px;
border-collapse:collapse;
font-size:1em;
color: #FFFFFF;
width: auto;
}

/* specific to non IE browsers */

.menu ul li:hover a,
.menu ul li a:hover {
color:#CC0000;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block;
position:absolute;
top:3em;
line-height: 3em;
margin-top:0px;
left:10px;
width:200px;
height: 500px;
padding-right: 5px;
color: #FFFFFF;
}

* html .menu ul li a:hover ul {
margin-top:0;
color: #FFFFFF;
marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
color: #FFFFFF;
}



.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block;
color:#FFFFFF;
height:auto;
line-height:1.8em;
padding:0 0 0 0;
width:inherit;
border-right: 0;
margin-left:0px;
}

* html .menu ul li a:hover ul li a {
width:auto;
color:#FFFFFF;
w\idth:auto;
}



.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
color:#FFFFFF;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
color:#CC0000;
height: auto;
width: 200px;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
left:auto;
top:0;
width:150px;
clear: both;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:auto;
}

.menu ul li .active, .active {
color:#990000;
}
.menu ul li .smenu1 active { color: #009900;}
.menu ul li .last {	
}
.menu ul li .first {
}
.menu ul li .smenu2 {
clear:both;
width: 100%;
color:#FFFFFF;
}

/* common styling sidemenu */

.sidemenu {
	font-family: Arial, Helvetica, sans-serif;
	width:auto;
	font-size:0.85em;
	z-index:100;
	position: relative;
	color:#FFFFFF;
	float: left;
	top: -10px;
	margin-left: 0px;
}

.sidemenu ul {
padding:0px;
margin:0px;
position:relative;
list-style-type: none;
}

.sidemenu ul li {
float:left;
position:relative;
width: auto;
height: auto;
margin:0px;
padding: 0px;
white-space: nowrap;
}

.sidemenu ul li a, .sidemenu ul li a:visited {
display:block;
text-decoration:none;
width:auto;
height:3.5em;
border-width:0;
padding-left:10px;
line-height:3.5em;
clear: both;
color:#FFFFFF;
font-size:12px;
}
.sidemenu a:visited {
color:#FFFFFF;
}

* html .sidemenu ul li a, .sidemenu ul li a:visited {
width:auto;
color:#FFFFFF;
w\idth:auto;
}

.sidemenu ul li ul {
display: none;
}

/* specific to non IE browsers */

.sidemenu ul li:hover a,
.sidemenu ul li a:hover {
color:#CC0000;
}



.sidemenu ul li:hover ul,
.sidemenu ul li a:hover ul {
display:block;
position:absolute;
top:3em;
line-height: 3em;
margin-top:0px;
left:10px;
width:200px;
height: 500px;
padding-right: 5px;
color:#FFFFFF;
}

* html .sidemenu ul li a:hover ul {
margin-top:0;
color:#FFFFFF;
marg\in-top:1px;
}



.sidemenu ul li:hover ul li ul,
.sidemenu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
color:#FFFFFF;
}

.sidemenu ul li:hover ul li a,
.sidemenu ul li a:hover ul li a {
display:block;
color:#FFFFFF;
height:auto;
line-height:1.8em;
padding:0 0 0 0;
width:inherit;
border-right: 0;
margin-left:0px;
}

* html .sidemenu ul li a:hover ul li a {
width:auto;
color:#FFFFFF;
w\idth:auto;
}

.sidemenu ul li:hover ul li a.drop,
.sidemenu ul li a:hover ul li a.drop {
color:#FFFFFF;
}

.sidemenu ul li:hover ul li a:hover,
.sidemenu ul li a:hover ul li a:hover {
color:#CC0000;
height: auto;
width: 130px;
}

.sidemenu ul li:hover ul li:hover ul,
.sidemenu ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
left:auto;
top:0;
width:150px;
clear: both;
}

.sidemenu ul li:hover ul li:hover ul.left,
.sidemenu ul li a:hover ul li a:hover ul.left {
left:auto;
}

.sidemenu ul li.active a,
.sidemenu ul li.active a {
color:#990000;}

.sidemenu ul li .last {	
}
.sidemenu ul li .first {
}
.sidemenu ul li .smenu2 {
clear:both;
width: 100%;
}
 /* common styling submenu */

.submenu {
	font-family: Arial, Helvetica, sans-serif;
	width:400px;
	font-size:small;
	color:#FFFFFF;
	margin-left: 15px;
	margin-top: 150px;
	float: left;
	display: inline;
}

.submenu ul {
	padding:0px;
	margin:0 0 0 10px;
	list-style-type: none;
	color:#FFFFFF;
}

.submenu ul li {
	float:left;
	width: 170px;
	color:#FFFFFF;
	margin-bottom: 8px;
}

.submenu ul li a, .submenu ul li a:visited {
display:block;
text-decoration:none;
width:auto;
height:2em;
border-width:0;
padding-left:0px;
line-height:1.1em;
clear: right;
}

* html .submenu ul li a, .submenu ul li a:visited {
width:auto;
w\idth:auto;
}

.submenu ul li ul {
display: none;
color:#FFFFFF;
}

table {
margin:1px;
border-collapse:collapse;
font-size:1em;
color:#FFFFFF;
width: auto;
clear: both;
}

/* specific to non IE browsers */

.submenu ul li:hover a,
.submenu ul li a:hover {
color:#CC0000;
}

.submenu ul li:hover ul,
.submenu ul li a:hover ul {
display:block;
position:absolute;
top:3em;
margin-top:0px;
left:5px;
width:150%;
}

* html .submenu ul li a:hover ul {
margin-top:0;
marg\in-top:1px;
}



.submenu ul li:hover ul li ul,
.submenu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
color:#FFFFFF;
}

.submenu ul li:hover ul li a,
.submenu ul li a:hover ul li a {
display:block;
color:#FFFFFF;
height:auto;
line-height:1.1em;
padding:0px;
width:inherit;
border-right: 0;
margin-left:0px;
}

* html .submenu ul li a:hover ul li a {
width:auto;
w\idth:auto;
}

.submenu ul li:hover ul li a.drop,
.submenu ul li a:hover ul li a.drop {
}

.submenu ul li:hover ul li a:hover,
.submenu ul li a:hover ul li a:hover {
color:#CC0000;
height: auto;
width: inherit;
}

.submenu ul li:hover ul li:hover ul,
.submenu ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
left:auto;
top:0;
width:150px;
}



.submenu ul li:hover ul li:hover ul.left,
.submenu ul li a:hover ul li a:hover ul.left {
left:auto;
}

.submenu ul li .subactive, .subactive a{
color:#990000;
}
.menu ul li:hover ul li.active a,
.menu ul li a:hover ul li.active a {
color:#990000; padding-left: 1px;}
.menu ul li ul li.active a:hover,
.menu ul li a ul li.active a:hover {
color:#CC0000;
}
.submenuh3{
	clear: both;
	margin-top: 5px;
	margin-bottom: 8px;
	border-top: 1px dotted #111111;
	padding: 5px 0 3px 0;
	font-size: small;
}
.mediamenuh3{
	clear: both;
	margin-top: 0px;
	margin-bottom: 8px;
	border-top: 1px dotted #111111;
	padding: 0px 0 3px 0;
	font-size: small;
}
/* common styling mediamenu */

.mediamenu {
	color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: small;
    margin-left: 50px;
    margin-top: 150px;
    position: relative;
    white-space: nowrap;
    width: 150px;
    z-index: 100;
}

.mediamenu ul {
	padding:0px;
	margin:0 0 0 10px;
	position:relative;
	list-style-type: none;
	color:#FFFFFF;
	width: 100px;
}

.mediamenu ul li {
	float:left;
	position:relative;
	width: 100px;
	color:#FFFFFF;
	margin-bottom: 8px;
}

.mediamenu ul li a, .mediamenu ul li a:visited {
display:block;
text-decoration:none;
width:auto;
height:2em;
border-width:0;
padding-left:0px;
line-height:1.1em;
clear: right;
}

* html .mediamenu ul li a, .mediamenu ul li a:visited {
width:auto;
w\idth:auto;
}


/* common styling mediamenu */

.mediateokset {
	font-family: Arial, Helvetica, sans-serif;
	width:150px;
	font-size:small;
	z-index:100;
	position: relative;
	color:#FFFFFF;
	margin-left: 0px;
	margin-top: 170px;
	white-space: nowrap;
}

.mediateokset ul {
	padding:0px;
	margin:0 0 0 10px;
	position:relative;
	list-style-type: none;
	color:#FFFFFF;
	width: 100px;
}

.mediateokset ul li {
	float:left;
	position:relative;
	width: 200px;
	color:#FFFFFF;
	margin-bottom: 8px;
}

.mediateokset ul li a, .mediateokset ul li a:visited {
display:block;
text-decoration:none;
width:auto;
height:2em;
border-width:0;
padding-left:0px;
line-height:1.1em;
clear: right;
}

* html .mediateokset ul li a, .mediateokset ul li a:visited {
width:auto;
w\idth:auto;
}

/********** Footer **********/

#footer a {
	color:#CCCCCC;
	text-decoration:none;
	text-align: right;
	margin-left: 5px;
    }
#footer a:hover {
color:#CC0000;

    }
#footer p {
	padding:0px;
	text-align: right;
	margin-top: -10px;
	margin-right: 10px;
	color: #CCCCCC;
    }
.clearing {	
    height: 0;	
    clear: both;
    }
.mediateokset{
	width: 250px;
	float: left;
	z-index: 101;
	display: inline;
	margin-top: 150px;

}
#toplink {
	float: right;
	clear: both;
	white-space:nowrap;
	text-align: right;
	width: 100%;
	margin: 0 0 30px 0 0;
	font-size: small;
	padding-bottom: 20px;
}
#toplink a{
margin-right: 40px;
text-decoration: none;
color:#CCCCCC;
}
#toplink a:hover{
color:#CC0000;
}