body { text-align:center; margin:0px; padding:0; background:url("../graf/bg_body.jpg") #99cc99 repeat-x; }

h1 { font-size: 16px; color: #588258; font-weight: bold; line-height:normal; padding:0; margin:0; }
h2 { font-size: 16px; color: #FFFFFF; font-weight: bold; line-height:normal; padding:0; margin:0; }
h3 { font-size: 16px; color: #000000; font-weight: bold; line-height:normal; padding:0; margin:0; }
img { border:0; }
p { padding-top:0; margin-top:0; }
a, a:visited, a:hover, a:active { color:#a09fa0; }

div#container { width:902px; text-align:left; margin-left:auto; margin-right:auto; position:relative; font-family:Verdana; font-size:12px; color:#000000; background:url("../graf/bg_content.gif") repeat-y; }
div#header { position:relative; width:1030px; margin-left:auto; margin-right:auto; text-align:right; }
div#search { width:214px; height:22px; padding-top:10px; padding-right:15px; position:absolute; top:24px; right:83px; background:url("../graf/bg_search.jpg") no-repeat; }
div#navigationarea { float:left; width:205px; padding-left:10px; }
div#maincontentarea { float:left; width:687px; margin-top:6px; }
div#bodytextarea { width:627px; line-height:18px; padding: 0 35px 0 25px; }
div#footercontainer { position:relative; width:902px; background:url("../graf/bg_footer.gif") no-repeat; height:36px; padding-top:7px; margin-left:auto; margin-right:auto; color:#ffffff; }

a.mL, a.mL:visited, a.mL:hover, a.mL:active { float:left; font-family: Arial,Calibri; font-size:17px; text-decoration:none; color:#58ab00; padding:15px 15px 0 15px; z-index:300; border-top:3px solid transparent; }
a.mLA, a.mLA:visited, a.mLA:hover, a.mLA:active { float:left; font-family: Arial, Calibri,"Arial Narrow"; font-size:17px; text-decoration:none; color:#494949; padding:15px 15px 0 15px; border-top:3px solid #010100; z-index:300; }
span.separator { float:left; padding:15px 0 0 0; }

ul#navi { position:relative; width:181px; margin:0; padding:0; list-style:none; }
ul#navi li ul, ul#navi li ul li ul { margin:0; padding:0; list-style:none; }
/* 1.tason navi */
ul#navi li { margin:0; position:relative; width:166px; background:url("../graf/bg_subpage.jpg") no-repeat; margin-bottom:3px; padding:10px 5px 7px 15px; }
ul#navi li.act, ul#navi li:hover { background:url("../graf/bg_subpage_act.jpg") no-repeat; }
ul#navi li a { text-decoration:none; color:#000000; text-transform:uppercase; }
ul#navi li a.act { text-decoration:none; color:#000000; text-transform:uppercase;  }
/* 2.tason navi */
ul#navi li ul { padding-top:10px; }
ul#navi li.normal ul, ul#navi li.normal ul li { display:none; border:0;}
ul#navi li.act ul, ul#navi li.act ul li { font-size:11px; display:block; }
ul#navi li.act ul li { background:url("../graf/subpage_icon.gif") 0 5px no-repeat; padding:3px 0 0 0; }
ul#navi li.act ul li.act, ul#navi li.act ul li:hover {  background:url("../graf/subpage_icon_act.gif") 0 5px no-repeat; padding:3px 0 0 0; }
ul#navi li ul li a, ul#navi li ul li a:visited, ul#navi li ul li a:hover, ul#navi li ul li a:active { display:block; width:157px; padding-left:15px; padding-bottom:3px; text-decoration:none; color:#000000; text-transform:none; background:url("../graf/bg_subnavi1.gif") left bottom no-repeat; }
/* 3.tason navi */
ul#navi li.act ul li.act ul { display:block; }
ul#navi li.act ul li.act ul li a.act2 { color:#99cc00; }
ul#navi li ul li ul li { padding-left:30px; }

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

input.searchField { width:140px; border:1px solid #bcbcbc; margin-right:10px; font-size:10px; }
input.searchButton { width:50px; border:1px solid #cbc8b5; background-color:#f1eee5; text-transform:uppercase; color:#000000; font-size:10px; }

hr.dotted {border-top: 0px; border-top: 0px; border-top: 0px; border-top: gray dotted 2px; margin-bottom: 20px;}
p.sisennys {margin-left: 10px;}
p.otsikko {font-size: 16px; color: #588258; font-weight: bold;}

A:link.main{color:#000000; text-decoration:none; font-weight:bold;}
A:visited.main{color:#000000; text-decoration:none; font-weight:bold;}
A:active.main{color:#000000; text-decoration:none; font-weight:bold;}
A:hover.main{color:#5FBB7C; text-decoration:none; font-weight:bold;}