body {margin: 0px; padding: 0px; background-color: #f5f5f5; background-image: url('../graf/body_bg.gif'); background-repeat: repeat-x; text-align:center; font: 100 12px/20px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #262d2f; }

h1{font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding-left: 20px; margin: 10px 0px 8px 0px;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #666666; margin: 10px 0px 8px 0px;}

a {color: #0d61ae; text-decoration: none;}
a:hover: {color: #009cdb;}

p {font: 100 12px/20px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;}

img {border: 0px;}

table {font: 100 12px/20px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;}

input { font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; height: 18px; padding-top: 5px; padding-left: 3px; margin:0px; font-size: 12px; border: 1px solid #cccccc; background-color: #f5f5f5;}
input:focus{ font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; height: 18px; padding-top: 5px; padding-left: 3px; margin:0px; font-size: 12px; border: 1px solid #999999; background-color: #f5f5f5;}

input[type="radio"] {border: 0px; background-color: visible;height: auto;}
input[type="checkbox"] {border: 0px; background-color: #ffffff;height: auto;}

textarea { width:300px; height:100px; font-size:11px;  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; border:1px solid #999999; margin-bottom:5px; background-color: #f5f5f5; padding-top: 5px; padding-left: 3px; border: 1px solid #cccccc; background-color: #f5f5f5;}
textarea:focus { width:300px; height:100px; font-size:11px;  font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; border:1px solid #999999; margin-bottom:5px; background-color: #f5f5f5; padding-top: 5px; padding-left: 3px; border: 1px solid #999999; background-color: #f5f5f5;}

select { font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 3px; margin:0px; font-size: 12px; border: 1px solid #cccccc; background-color: #f5f5f5; height: auto;}
select:focus { font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; padding: 3px; margin:0px; font-size: 12px; border: 1px solid #999999; background-color: #f5f5f5; height: auto;}

select.frontSelect{width: 190px;}

input#surveybuttonsubmit,
	input#surveybuttoncancel,
	input#surveybuttonreset,
	input#surveybuttonprevious,
	input#surveybuttonnext,
	input.buttonSend,
	input.buttonCancel {margin:10px 0 8px 30px; background-color: #eb9024; background-image: url('../graf/btn.gif'); color: #FFF; width:98px; height: 27px; border: 0px; padding: 5px 5px 5px 5px; font-size: 11px;}
	
input#surveybuttonsubmit:hover,
	input#surveybuttoncancel:hover,
	input#surveybuttonreset:hover,
	input#surveybuttonprevious:hover,
	input#surveybuttonnext:hover,
	input.buttonSend:hover,
	input.buttonCancel:hover { color: #262d2f;}		

span.orange {color: #e87e00;}

a.groupL {text-decoration: none; }

div.basiccontent {width: 550px; padding-left: 20px; min-height: 400px;}

td.mTitle {color: #262d2f; font-size: 12px; font-weight: bold;}

td.list_1 {width: 110px; padding: 5px 10px 5px 0px;}
td.list_1 a {width: 110px; padding: 5px 10px 5px 0px; color: #0d61ae;}
td.list_1 a:hover {width: 110px; padding: 5px 10px 5px 0px; color: #009cdb;}
td.list_2 {width: 390px; padding: 5px 10px 5px 0px;}
td.list_3 {width: 100px; padding: 5px 10px 5px 0px;}

td.actionF {text-align: right;}

div.surveybar { background-color:#e87e00; height:7px; width:1px; }

div#container { margin-right:auto; margin-left:auto; width:940px; text-align:left; }
div#header {width: 100%; height: 70px;}
div#corner{width: 400px; height: 52px; float: right; margin: 9px 0px 0px 0px; background-image: url('../graf/corner_bg.gif'); background-position: top right; background-repeat: no-repeat; padding-top: 10px;}
td { font: 100 12px/20px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
div#login {float: right;  margin: 5px 0px 0px 0px; padding: 8px 8px 8px 8px; font-weight: bold; font-size: 11px;}
div#login a.login {color: #ffffff; background-image: url('../graf/login.jpg'); background-repeat: no-repeat; text-decoration: none; padding: 8px 18px 8px 33px; width: 100px; }
div#login a.logout {color: #ffffff; background-image: url('../graf/login_width.jpg'); background-repeat: no-repeat; text-decoration: none; padding: 8px 10px 8px 39px;}
div#header_title {float: left; width:740px; margin: 18px 0px 0px 19px; font-family: Arial; font-size: 24px; color: #ffffff;}
div#worm {float: left; width:940px; margin-left: 20px;}
div#worm a {color: #262d2f; text-decoration: none; font-size:11px;}

div#logo{float:left;}
img.logo {border:0; padding-top: 20px; align: left; width: 207; height: 52px;}

input.sFButton {background-color: #eb9024; background-image: url('../graf/search_btn.gif'); color: #FFF; width: 78px; height: 27px; border: 0px; padding: 0px; font-size: 11px; }
input.sFButton:hover {color: #262d2f; }
input.sFWide {width: 179px; background-color: #f5f5f5;  border: 1px solid #cccccc; height: 18px; padding-top: 5px; padding-left: 3px; margin:0px; text-align: font-size: 12px; }
input.sFWide:focus {width: 179px; background-color: #f5f5f5;  border: 1px solid #999999; height: 18px; padding-top: 5px; padding-left: 3px; margin:0px; text-align: font-size: 12px; }
div#search_form {height: 27px; float: right; padding-top: 9px; margin-right: 20px;}

div#menu {background-image: url('../graf/menu_bg.jpg'); background-repeat: no-repeat; width:940px; height: 131px; margin-top: 10px; float:left;}
div#main_menu {padding-top: 0px; float:left; margin-top: 1px;}
img.menu_pic {margin-top: 1px;}
a { text-decoration: underline; color: #659ACF; }
div#corner a.language {color:#0d61ae; text-decoration: none;}
div#corner a.language:hover {color: #009cdb;}

div#maincontentarea {width:940px; min-height: 400px; margin-top: 15px; padding-bottom: 0; color: #262d2f; background-image: url('../graf/maincontentarea_bg.gif'); background-repeat: repeat-y; float:left;}

div#left_col {width:639px; height: auto; float: left; border-right: 0px solid #cccccc; background-color: #visible; }
div#right_col {width: 298px; height: auto; float:left; background-color: visible; }

ul#subnavi {list-style: none; margin: 0px; padding: 0px; }
ul#subnavi li { font-size: 13px; padding: 10px 0px 0px 0px;}
ul#subnavi li.normal {color: #0d61ae; text-decoration: none; padding: 10px 0px 0px 0px; }
ul#subnavi li.act { color: #834d28; text-decoration: none; padding: 10px 0px 0px 0px;}
ul#subnavi li.normal a {color: #0d61ae; text-decoration: none; padding: 10px 0px 0px 0px;}
ul#subnavi li.normal a:hover{color: #009cdb;; text-decoration: none; padding: 10px 0px 0px 0px;}
ul#subnavi li.act a {color: #834d28; text-decoration: none;}
ul#subnavi li.act a:hover {color: #009cdb; text-decoration: none;}

td.right {width: 296px; background-image: url('../graf/right_col_bg.gif'); background-repeat:repeat-y; background-color: #f2f2f2; vertical-align: top;}
td.left {width:637px; height: auto; border-right: 1px solid #cccccc; background-color: #ffffff; vertical-align: top; font: 100 12px/20px "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;}
div#bodytextarea_narrow {width: 300px; float: left; margin-top: 10px; padding-left: 20px; min-height: 400px;}
div#bodytextarea {width: 600px; float: left; margin-top: 10px; padding-left: 20px; min-height: 400px;}

div#board_members_lift{width: 250px; height: 100px; background-image: url('../graf/board_members_lift.jpg'); float: right; margin-right: 20px; margin-top: 10px; }
div#blog_lift{width: 250px; height: 100px; background-image: url('../graf/blog_lift.jpg'); float: right; margin-right: 20px; margin-top: 10px; }
div#polis_lift{width: 250px; height: 100px; background-image: url('../graf/polis_lift.jpg'); float: right; margin-right: 20px; margin-top: 10px;}
div#eu_lift_1{width: 250px; height: 160px; background-image: url('../graf/eu_lift.jpg'); float: right; margin: 10px 20px 10px 0px; }
div#eu_lift_2{width: 250px; height: 160px; background-image: url('../graf/eu_lift_2.jpg'); float: right; margin: 10px 20px 10px 0px; }

td.mBody {vertical-align: top;}

div#news {margin: 0px 0px 0px 20px; width: 280px; padding:0px; }
p.news_date{color: #675544; margin: 10px 0px 0px 0px; padding: 0px;}
p.news_headline { width: 260px; color: #0d61ae; text-decoration: none; font-size: 12px; margin: 0px 0px 10px 0px; padding: 0px; }
p.news_headline a {color: #0d61ae; text-decoration: none; font-size: 12px; margin: 0px; padding: 0px; }
p.news_headline a:hover {color: #009cdb; text-decoration: none; font-size: 12px; }

div#newsletter {margin: 30px 0px 0px 20px; width: 220px;}
div#newsletter p {margin-top: 10px;}
a.a_newsletter {background-image: url('../graf/newsletter_btn.gif'); width:127px; height: 27px; color: #ffffff; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; padding: 7px 12px 7px 12px;} 

div#right_content{margin: 0px 0px 0px 20px; width: 220px;}

div#maintop{width:940px; height: 10px; background-image: url('../graf/maintop.gif'); background-repeat: no-repeat;}
div#mainbottom{ float: left; width:940px; height: 10px; background-image: url('../graf/mainbottom.gif'); margin-bottom: 15px; background-repeat: no-repeat;}

div#copyright {margin-top:20px; color:#666666; font-size: 11px; width: 240px; padding: 0px 0px 0px 20px; margin-top:0px; float: left;}
div#update {color:#666666; font-size: 11px; width: 200px; padding: 0px 0px 0px 0px; margin-top:0px; float:right;}

div.width{ width: 598px; border: 0px; height: 1px; background-image: url('../graf/dot.gif'); background-repeat: repeat-x; float: left; margin-left: 20px; margin-bottom: 5px;}
div.width_2{ width: 598px; border: 0px; height: 1px; background-image: url('../graf/dot.gif'); background-repeat: repeat-x; float: left; margin-left: 0px; }
div.narrow{ width: 260px; border: 0px; height: 1px; background-image: url('../graf/dot.gif'); background-repeat: repeat-x;  padding:0px; margin:0px;}
div.narrow2{ width: 260px; border: 0px; height: 1px; background-image: url('../graf/dot.gif'); background-repeat: repeat-x; margin-left:0px; margin-top:10px;}


a.mL { font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #262d2f; text-decoration: none; margin: 0px 20px 0px 20px; padding-top: 5px;}
a.mL:hover { font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #834d28; text-decoration: none; margin: 0px 20px 0px 20px; padding-top: 5px;}
a.mLA { font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #834d28; text-decoration: none; margin: 0px 20px 0px 20px; padding-top: 5px;}

form.pikalinkit {float:right; padding-right: 20px; width: 270px;}
font.shortcuts {color:#666666; padding-right: 20px;}

p.otsikko { font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; margin-left: 10px; }
p.kappale { font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; 11px; margin-left: 6px; }

a.vasennavi { display: block; padding: 2px; padding-left: 3px; border-bottom: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #00659A; text-decoration: none; margin-top: 3px; margin-right: 3px; }
a.vasennavi:hover { color: #CC3333; }

input { font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

a.sL { font-size: 11px; text-decoration: none; }
a.sL:hover { color: #cc0000; text-decoration: none; }

a.sLA { color: #cc0000; text-decoration: none; }

img.fylli { display:block; }
input.textWide {background-color: #f5f5f5; border: 1px solid #cccccc; height: 18px; width: 300px; font-size: 12px;}
input.textWide:focus {background-color: #f5f5f5; border: 1px solid #999999; height: 18px; width: 300px; font-size: 12px;}
td.form_title {width: 100px; font-size: 12px; color: #262d2f;}

table.feedback td{padding: 3px 3px 3px 0px; vertical-align: top;}