html , body {
line-height : 120%; 
color : black; 
background : white; 
font-weight : normal; 
font-family : Trebuchet MS, Lucida Sans, Arial, Helvetica, Geneva, Univers, sans-serif;
font-style : normal; 
text-decoration : none; 
margin : 0; 
padding : 0; 
border : 0; 
}

i {
font-family : Times New Roman, Times, sans-serif;
font-weight : normal; 
}

#hidden {
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden; 
}

#ohje h1 , #ohje h2, #ohje h3 {
color : #008080;
}

#banner {
background-image : url("images/banner.jpg"); 
background-repeat : no-repeat; 
background-attachment : scroll; 
height : 236px; 
border-bottom : 1px solid black; 
background-position : center; 
margin : 0; 
padding : 0; 
} 

#linevertical {
background: url(images/dotted11x2.gif) #ffffff repeat-y;
}

div.outer_a {
float: left;
width: 75px;
height: 18px;
margin: 0 3px 0 0;
background: url( 'images/button_a.gif' ) -75px 0 no-repeat;
}

div.outer_b {
float: left;
width: 75px;
height: 18px;
margin: 0 3px 0 0;
background: url( 'images/button_b.gif' ) -75px 0 no-repeat;
}

div.outer_c {
float: left;
width: 75px;
height: 18px;
margin: 0 3px 0 0;
background: url( 'images/button_c.gif' ) -75px 0 no-repeat;
}

div.outer_a a {
display: block;
margin: 0;
padding:0;
width:100%;
height:100%;
overflow:hidden;
text-align: center;
font-family : Arial, Helvetica, Geneva, Univers, sans-serif;
font-size: 13px;
font-weight : bold;
line-height : 80%;
letter-spacing : -0.5px;
color:#fff;
text-decoration: none;
background: url( 'images/button_a.gif' ) top left no-repeat;
}

div.outer_b a {
display: block;
margin: 0;
padding:0;
width:100%;
height:100%;
overflow:hidden;
text-align: center;
font-family : Arial, Helvetica, Geneva, Univers, sans-serif;
font-size: 13px;
font-weight : bold;
line-height : 80%;
letter-spacing : -0.5px;
color:#fff;
text-decoration: none;
background: url( 'images/button_b.gif' ) top left no-repeat;
}

div.outer_c a {
display: block;
margin: 0;
padding:0;
width:100%;
height:100%;
overflow:hidden;
text-align: center;
font-family : Arial, Helvetica, Geneva, Univers, sans-serif;
font-size: 13px;
font-weight : bold;
line-height : 80%;
letter-spacing : -0.5px;
color:#fff;
text-decoration: none;
background: url( 'images/button_c.gif' ) top left no-repeat;
}

div.outer_a span {
display: block;
margin:0;
padding: 3px 0 0 0;
}

div.outer_b span {
display: block;
margin:0;
padding: 3px 0 0 0;
}

div.outer_c span {
display: block;
margin:0;
padding: 3px 0 0 0;
}

div.outer_a a:hover {
background-image: none;
color: brown;
}

div.outer_b a:hover {
background-image: none;
color: brown;
}

div.outer_c a:hover {
background-image: none;
color: green;
}

div.outer_a a:active {
color: black;
background: url( 'images/button_a.gif' ) -150px 0 no-repeat;
}

div.outer_b a:active {
color: black;
background: url( 'images/button_b.gif' ) -150px 0 no-repeat;
}

div.outer_c a:active {
color: black;
background: url( 'images/button_c.gif' ) -150px 0 no-repeat;
}

h1#title {
padding : 0; 
margin : 0; 
} 

h1 , h2, h3 {
color : #ddb679;
}

 h3 {
  text-indent: 3pt;
}

#tb_uls {
background: url(images/upleft_shadow.gif) #ffffff;
}

#tb_ls {
background: url(images/left_shadow.gif) #ffffff repeat-y;
}

#tb_bls {
background: url(images/botleft_shadow.gif) #ffffff;
}

#tb_bs {
background: url(images/bot_shadow.gif) #ffffff repeat-x;
}

#tb_brs {
background: url(images/botright_shadow.gif) #ffffff;
}

.weak {
font-size: 10pt; color: #555555; font-weight: normal;
line-height : 100%; 
}

#weaker {
font-size: 8pt; color: #555555; font-weight: normal;
line-height : 100%; 
}

#fieldset  {

    max-width : 80%;
    margin-left : 1em;

}
#fieldset.front {

    background : inherit;
    border : 1px dotted #053188;

}
#fieldset.front legend {

    color : #053188;
    font-variant : small-caps;
    padding : 0.1ex 0.5ex;

}

TABLE .hi {
background-color: #F0FFF0;
color: #006666;
}

TABLE .li {
background-color: #FFFFFF;
font-size: smaller;
}

TH.caption {
background-image : url("images/tablehead.gif"); 
background-repeat : no-repeat; 
height : 27px; 
color: #008080;
text-align: left;
}