body
{
background: url('images/tausta_grad.jpg') repeat-x #336600;
}

p
{font-family: Verdana, Arial, sans-serif;
text-indent: 0em; margin-top: 0em; margin-bottom: 1em;
font-size:80%; 
font-style:normal; 
font-weight:normal; 
text-decoration:none; 
text-align:left;
line-height:1.5; 
color:#333333;
}

.eivali
{ text-indent: 0em; margin-top: 0em; margin-bottom: 0em; }

p.isovali
{
text-indent: 0em; margin-top: 1em; margin-bottom: 2em;
}

.isoylavali
{ text-indent: 0em; margin-top: 2em; margin-bottom: 0em; }

.ylosvali
{ text-indent: 0em; margin-top: 1em; margin-bottom: 0em; }




h1 {font-family:Arial, Verdana, sans-serif;
text-indent: 0em; margin-top: 1em; margin-bottom: 2em;
font-size:100%; 
font-style:normal; 
font-weight:bold; 
text-decoration:none; 
text-align:left; 
text-indent:0px; 
line-height:1em;
color:#333333;
}

h2 {font-family:Arial, Verdana, sans-serif;
text-indent: 0em; margin-top: 1em; margin-bottom: 1em;
font-size:100%; 
font-style:normal; 
font-weight:bold; 
text-decoration:none; 
text-align:center; 
text-indent:0px; 
line-height:0em;
color:#333333;
}

h3 {font-family:Verdana, Arial, sans-serif;
text-indent: 0em; margin-top: 0em; margin-bottom: 0em; 
font-size:70%; 
font-style:normal; 
font-weight:bold; 
text-decoration:none; 
text-align:left; 
text-indent:0px;  
color:#333333;
}

h4 {font-family:Verdana, Arial, sans-serif;
margin: 1em 0 0 0;
font-size:80%; 
font-style:normal; 
font-weight:normal; 
text-decoration:none;  
color:#333333;
}

.alalinkit
{font-family:Verdana, Arial, sans-serif;
margin: 1em 0 0 100px;
font-size:70%; 
font-style:normal; 
font-weight:normal; 
text-decoration:none; 
text-align:center; 
color:#333333;
}

h5 {font-family:Verdana, Arial, sans-serif;
margin: 0 0 0 0.5em;
font-size:60%; 
font-style:normal; 
font-weight:normal; 
text-decoration:none; 
text-align:left; 
color:#333333;
}

h6 {font-family:Verdana, Arial, sans-serif;
text-indent: 0em; margin-top: 1em; margin-bottom: 1em; 
font-size:120%; 
font-style:normal; 
font-weight:normal; 
text-decoration:none; 
text-align:left; 
text-indent:0px;  
color:#333333;
}


.center
{text-align:center;}

.left
{text-align:left;}

.right
{text-align:right;}

.left10
{
text-align:left;
margin:0 0 0 10px;
}

.red
{color:#990000;	margin-bottom:0em;}

.virhe
{color:#990000; text-align:right; margin-bottom:0em;}


body {background-color: white; 
font-family:Verdana, Arial, sans-serif;
font-style:normal; 
font-weight:normal; 
text-decoration:none; 
text-align:left;
line-height:1.5; }

p.solid {border-style: solid; border-width: thin}

a.plain { text-decoration: none }

a.one:link     {color:#000099; text-decoration: none}
a.one:visited  {color:#000099; text-decoration: none}
a.one:hover    {color:#990000; text-decoration: none}
a.one:active   {color:#000099; text-decoration: none}


a.two:link     {color:#006600; text-decoration: none}
a.two:visited  {color:#006600;text-decoration: none}
a.two:hover    {color:#990000;text-decoration: none}
a.two:active   {color:#006600;text-decoration: none}

a.three:link     {color:#000099;}
a.three:visited  {color:#000099;}
a.three:hover    {color:#990000;}
a.three:active   {color:#000099;}

a.four:link     {color:#990000;}
a.four:visited  {color:#990000;}
a.four:hover    {color:#000099;}
a.four:active   {color:#990000;}

#nav ul
{
list-style-type: none;
margin: 0;
padding: 0;
background-color: none;
font-size:70%;  
text-align:left; 
line-height:normal;
padding-left: 0px;
font-weight:bold;
}

#nav ul li
{
margin: 0 0 .2em 0; 
color: #333333;
}

#nav ul li a
{
display: block;
background-color: none;
width: 11em;
padding: .2em .8em;
text-decoration: none;
border-bottom: 1px dotted #1488ef;
color: #1274cb;
}

#nav ul li a.vihrea
{
display: block;
width: 11em;
padding: .2em .8em;
text-decoration: none;
border-bottom: 1px dotted #1488ef;
color: #006600;
}


#nav ul li a:hover
{
color: #ff9600;
border-bottom: 1px dotted #ff9600;
}

#nav ul li a:active
{
color: #ff9600;
border-bottom: 1px dotted #ff9600;
}

#nav ul li a#current
{
color: #ff9600;
border-bottom: 1px dotted #ff9600;
}

#navuutiset ul
{
list-style-type: none;
margin: 20px 10px 20px 0;
padding: 0;
background: #ffffff;
font-size:70%;  
text-align:left; 
line-height:normal;
padding-left: 0px;
font-weight:bold;
color: #333333
}

#navuutiset ul li
{
display: block;
background: #ffffff;
width: 17em;
margin: 2px 0 2px 5px;
padding: 0.2em 0 0.2em 0.8em;
font-weight:bold;
text-decoration: none;
border: 1px solid #dbe2f0;
color: #333333;
}

#navuutiset ul li a
{
background: #ffffff;
font-weight:normal;
text-decoration: none;

}

#navuutiset ul li a:hover
{
color: #990000;
}

.sininen ul 
{
padding:0;
margin: 10px 0 0 10px;
background: #dbe2f0;
list-style-type: none;
font-size:80%; 
}

.sininen ul li
{
margin: 2px 10px;
padding: 0;
display: block;
font-weight:bold;
text-decoration: none;
}

.navu ul
{
list-style-type: none;
margin: 10px 0 0 10px;
padding: 0;
background: #ffffff;
font-size:80%;  
text-align:left; 
line-height:normal;
border: 1px solid #dbe2f0;
color: #333333;
}

.navu ul li
{
margin: 10px;
padding: 0;
display: block;
font-weight:normal;
text-decoration: none;
}

table.uutiset
{
border: 1px solid #dbe2f0;
width: 100%;
}

td.reunat
{
border-left: 1px solid #dbe2f0;
border-right: 1px solid #dbe2f0;
background: url('images/sininentausta.jpg') repeat-y #ffffff;
}

td.kokoreunat
{
border: 1px solid #ffffff;
}

td.oikeareuna
{
border-right: 1px solid #dbe2f0;
}

img.oikeamargin
{
margin:0 10px 0 0;
}

table.margin10
{
margin: 10px 0 0 10px;
}