/* STRUCTURE */



body {

font-size: 11px;

font-family: Verdana, Arial, Sans-Serif;

background-color: #000000;

color: #666666;

text-align: center;
 
padding: 0px;

margin: 0px;

}

#bw {
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 807px;
height: 100%;
overflow: hidden;
} 


#wrapper {
background: url(../images/contentbg.jpg);
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 802px;
border: 3px solid #df043a;
height: 100%;
overflow: hidden;
} 


#header {
font-size: 11px;
font-family: Verdana, Arial, Sans-Serif;
color: #FFFFF;
padding: 0px 0px 0px 0px;
margin: 0px auto;
width : 802px;
}



#logo {
background: url(../images/header.jpg);
width: 802px;
height: 77px;
}


#topmenu {

background: url(../images/menubg.jpg) repeat-x;
float: left;
width: 802px;
height: 28px;
text-align: left;
padding-left: 20px;
color: #000000;
}

#topcontent {
float:left;
background: url(../images/index_img_bg.jpg);
width: 802px;
height: 282px;
margin-bottom: 20px;
}

#topcontent a {
border: 0px solid #000000;

}

#imglink {
float: right;
}

#imglink img{
margin: 15px 0px 0px 10px;
}


#topmenumodules a, #topmenumodules a:visited {
border-right: 0px solid #FFFFFF;
}

#header a, #header a:visited {

	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	margin-left: 5px;
	margin-right: 10px;
	padding-right: 10px;
	
}

#header a:hover {

text-decoration: underline;
color: #000000;
}
	
#bottomlayer {
padding-right: 2px;
width: 795px;
height: 22px;
margin: 0px auto;
background: url(../images/bottomlayer.gif) repeat-x;

}


#sidebar {

float: left;

width : 280px;

margin: 0px 0px 0px 0px;

padding: 0px;

text-align: left;

}

#sbimage {

padding-top: 22px;
padding-left: 15px;
float: left;
}

#menuleft {

color:#000000;

font: 11px Verdana, Helvetica, sans-serif;

float: left;

width : 240px;

height: 100%;


}




#sidebar a {

font: 11px Verdana, Arial, Helvetica, sans-serif;

color: #000000;

text-decoration: none;

padding-left: 0px;
padding-right: 0px;
height: 20px;

}

#sidebar a:hover {

text-decoration: underline;
color: #000000;
}

#menuleft a {

font: 11px Verdana, Arial, Helvetica, sans-serif;

font-weight: normal;

color: #000000;

text-decoration: none;

padding-left: 20px;
padding-right: 0px;


height: 20px;

}

#menuleft a:hover {

text-decoration: underline;
color: #000000;
}



#main {

text-align: left;

width : 500px;

float: left;

margin: 10px 0px 0px 0px;

padding-left: 0px;
margin-top: 20px;

overflow: hide;

}

#footer {

text-align: center;

margin-top: 0px;

margin-bottom: 10px;

font: 10px Verdana, Arial;

color: #666666;

width : 795px;

float: left;

}

#footer p {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 0px;

}


									/* general styles */





.mypathway {

padding-left : 3px; 

padding-bottom : 3px; 

} 



ul {

text-align: left;

margin : 15px 0px 30px 0px;

padding : 0px 0px 0px 0px; 
list-style: none;

}



li {

text-align: left;

line-height : 16px; 

padding: 0px 0px 5px 0px;

margin: 0px 0px 0px 0px;

}



.pagenav {

font-size : 11px; 

font-weight : normal; 

}

 

.componentheading {		/* Otsikko, toimii descriptionissa, esim. uutisten p��sivulla*/

height : 20px; 

padding-left : 50px;

padding-bottom: 5px;

padding-top: 0px;

color : #000000; 

text-align : left; 

white-space : nowrap; 

font-family : Verdana, Arial, serif, Tahoma; 

font-size : 17px; 

font-weight : normal;


}



a.toclink:link, a.toclink:visited {

line-height : normal; 

font-size : 11px; 

font-family : Verdana, arial, serif, georgia; 

color : #000000; 

text-decoration : underline; 

} 

a.toclink:hover {

text-decoration : none;

} 

table.contenttoc {

border : 1px solid #ffffff;

padding : 2px; 

margin-left : 2px; 

margin-bottom : 2px; 

} 

table.contenttoc th {

background : #e9e9e9; 

color : #000000; 

text-align : left; 

padding-top : 2px; 

padding-left : 4px; 

height : 21px; 

font-weight : bold; 

font-size : 11px;

text-transform : uppercase; 

} 

.inputbutton        { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight : bold; margin-top : 3px; margin-bottom : 3px; 

padding-left : 5px; padding-right : 5px;  font-size: 11px; text-align: center; color: #000000;; background-color: #FFFFFF; border: 1 solid #00733E }

#textarea     { font-family: Verdana, Arial, Helvetica, sans-serif;
		 font-size: 11px; backround-color: #FFFFFF; border: 1 solid #00733E; }


.button {

margin-top : 3px; 

margin-bottom : 3px; 

padding-left : 5px; 

padding-right : 5px; 

border : 1px solid #00733E; 

background-color : #FFFFFF; 

color : #000000; 

font-family : Verdana, Arial, Helvetica, Sans Serif; 

text-align : center; 

font-size : 11px; 

} 





.sectiontableheader {

background : #e9e9e9; 

height : 20px; 

padding-right : 3px; 

font-weight : bold; 

}

table.contentpane td.contentdescription {			/* Description osio */

font-size : 11px; 

line-height : 16px;						

margin-right: 5px;
padding-left: 50px;

padding-right: 30px;

padding-top: 10px;


}

table.contentpane td.componentheading {

background : #e1decf; 

height : 18px; 

padding-right : 30px;
padding-left : 50px;
padding-top: 20px;

color : #c20a28;

text-align : left; 

padding-bottom : 3px; 

white-space : nowrap; 

font-family : Verdana, Arial, serif, Tahoma; 

font-size : 17px; 

font-weight : bold; 

}

table.contentpane td {

padding-top : 1px; 

padding-bottom : 2px; 
padding-left : 50px;
padding-right : 30px;

font-size : 11px; 

} 

#main a:link, a:visited {

font-family : Verdana, Arial, serif, georgia;

color : #000000; 

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

text-decoration : underline;

}

#main a:hover {

color: #000000;

font-weight : normal;

} 



table.contentpaneopen {

width : 100%;

} 

table.contentpaneopen td {				/* sivujen sisältö */

line-height : 15px; 

font-size : 11px;

margin-right: 5px;

padding-right: 30px;

padding-left: 50px;

padding-top: 10px;


} 

table.contentpaneopen td.contentheading {		/* Content heading iso otsikko sivulla */


height : 20px; 

padding-left : 50px;

padding-bottom: 5px;

padding-top: 0px;

color : #000000;

text-align : left; 

white-space : nowrap; 

font-family : Verdana, Arial, serif, Tahoma; 

font-size : 17px; 

font-weight : normal;


} 

.A5          {                                                            
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; text-decoration: none;
               color: #000000; font-size: 13px; }

.pic {  padding-bottom: 15px; }


a.mainlevel:link, a.mainlevel:visited { 	/* Sivumenun tyylit ym. */


display : block; 
vertical-align : middle; 

font-size : 11px; 

color : #000000; 

text-align : left;

font-family : Verdana, Tahoma, Arial, sans-serif;

}

a.mainlevel:hover {

font-family : Verdana, Lucida, Arial, sans-serif; 

font-size : 11px; 

} 

#menuleft a.sublevel:link, a.sublevel:visited {

font: 11px Verdana;

font-weight: normal;

color : #003399; 

text-align : left;

text-decoration : none; 

vertical-align: top;

} 

a.sublevel:hover {

text-decoration : none; 

} 

#banner {

	color:#FFFFFF;

	width: 500px;

	height: 0px;

	font-size:10px;

	margin-bottom: 2px;

	pading-top: 2px;

	}

	

.readon, a.readon:hover {		/* read more */

    color: #666666;

    margin-top : 0px;

    display : block;

    float : right;

    line-height : 12px;

    text-indent : 16px;



}

.small, .modifydate, .createdate {

	color:#666666;

	font-size:10px;

	background-color:inherit;

}

h2 {

font : Verdana bold 17pt "georgia", serif, verdana;

color : #000000;

margin-top : 0px;

margin-left : 50px;

display : inline; 

} 

.back_button {
padding-left: 100px;
padding-bottom: 20px;
}

                                                  /* sivun otsikkotyyli */



.inputbox {
	
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 5px 0px;
	}
	
#memberlogin a {
font-weight: normal;
border: 0px;
}