/* CSS Document */

body{ background-color: #c2e12f;  margin:0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; color:#999; font-size:11px; background-image: url(pics/bg.gif); background-repeat: repeat-x;}
#page{ width: 754px; background-color: #f5f5f5; text-align: left; margin: 0 auto; background-image: url(pics/content_bg.gif); background-repeat: repeat;}
#header{ width: 754px; height: 144px; background-image: url(pics/header_tt.jpg); background-repeat: no-repeat;}
#content{ width: 735px; float: left; background:transparent; margin: 38px 3px 5px 12px; border: solid 0px #ccc;}
#footer{ width: 754px; height: 60px;background-image: url(pics/footer.jpg); background-repeat: no-repeat; clear: both;}

p{ font-size:12px; margin:0 0 8px 0; padding:0; line-height:18px;}
h1{ font-size:13px; /*color:#006600;*/ margin:0 0 12px 0; padding:0;}
h2{ font-size:11px; margin: 20px 0 5px 0; padding:0;}
#osoite{ 
font-family: "Trebuchet MS", Verdana;
color:#999;
font-weight: normal;
text-transform: uppercase;
word-spacing: normal;
text-align: left;
letter-spacing: 1px;
line-height: 1.2em;
font-size: 11px;
padding:8px;
}

#menu{ height: 24px; width: 754px; padding: 0; margin-top:120px; position:absolute; background-image:url(pics/menubg.gif); background-repeat:no-repeat;}
#menu ul{ margin: 0; padding: 5px 0 0 25px;}
#menu li{ margin: 0 0 0 5px; padding: 0 0 0 17px; background-image:url(pics/menu_pass.gif); background-repeat:no-repeat; background-position: left 1px; font-weight:bold; float: left; list-style-type:none; line-height: 14px;}
#menu #akt{ background-image:url(pics/menu_akt.gif);}
#menu #akt a{ color:#8ebc32; text-decoration:none;}
#menu a{ color:#999; text-decoration:none;}
#menu a:hover{ color:#666; text-decoration:none;}

#left{ float:left; width: 280px; margin-left: 20px;}
#center { float:left; width: 190px; margin-left: 20px;}
#right { float: right; width: 160px; margin-left: 20px; color: #a0a0a0;}

#left #ajankohtaista { float: left; }
#left #nyt{ float:left; background-color: transparent; border: solid 1px #c2e12f; padding: 25px; margin-top: 17px;	width: 280px;}
#left #korostus { float:left; background-color: transparent; border: solid 0px #c2e12f; padding: 2 12 2 2; margin-top: 0px;	width: 280px;}
#left #korostus p { line-height:14px;} 
#left #ajankohtaista p, #left #ajankohtaista h2{margin-left: 14px;}
#left #uutta p, #left #uutta h2{margin-left: 24px;}
#left a{ color: #000; border: 0px; }

#sisaltoalue { float: left; margin-left: 40px; width: 320px;}
#sisaltoalue a { color: #8ebc32; text-decoration:none;}
#sisaltoalue a:hover{ color:#339966; }
#sisaltoalue li { list-style-type: none; margin: 0px; padding: 0px; }
#sisaltoalue ul { margin: 0px 0px 10px 0px; padding: 0px; }
#sisaltoalue #palsta1 { float: left; width: 165px; }
#sisaltoalue #palsta1 h2 { margin-top: 0px; }
#sisaltoalue #palsta2 { float: left; width: 165px; }
#sisaltoalue #palsta2 h2 { margin-top: 0px; }
#sisaltoalue .yhteys { float: left; margin-bottom: 15px; width: 160px; }
#sisaltoalue .yhteys h2 { margin: 0px 0px 2px 0px; }
#sisaltoalue br.clear { clear: both; }


#flash { background-color: #fff; border: solid 1px #ccc; padding: 4px; }

#left_2{ float:left; width: 320px; margin-left: 0px;}

#flash_2 { background-color: transparent; border: solid 0px #ccc; padding: 0px; }

#osoite { color: #a0a0a0; float: left; margin: 15px 0px 0px 75px; }

input, textarea { font-family: Arial, Helvetica, sans-serif; font-size:11px;}