html, body, div, ul, ol, li, h1, h2, h3, h4, h5, p, img, form { margin: 0; padding: 0; }
img { border: none; } ul { list-style: none; }
div.clear, div.c, span.c { clear: both; height: 1px; overflow: hidden; }
span.c { display: block; }
.c {clear:both;}

body {background: #efeff0 url(images/root_bg.jpg) top left repeat-x;}
#root {position: relative; width:896px; margin:0 auto; }
#root_container {width:896px; float:left;}
#sitebox { position: relative;  width:792px; margin:20px 58px 43px 58px;}
#container_top {width: 779px; height:4px; background: url(images/content_slice_top.gif) bottom left no-repeat;}
#container_bottom {width: 779px; height:4px; background: #efeff0 url(images/content_slice_bottom.gif) top left no-repeat;}
#container_main { position: relative; width: 779px; background: url(images/content_bg.gif) top left repeat-y;}
#content { width:759px; margin:0 10px 0 10px; text-align:left; font: 11px Arial, sans-serif;}
#content p {padding:10px;}
#content ul {padding:0 0 10px 10px;}

#content ul li a {padding-left:8px; text-decoration:none; color:#000;}
#content_main {float:left; width:500px;}
#sidebar {float:right; width:235px;}
#sidebar p {padding:10px;}
#sidebar ul {padding:0 0 10px 10px;}
#sidebar ul li {border-bottom:1px solid #c4c8cb; padding-bottom:6px; padding-top:5px; background: url(images/arrow.gif) center left no-repeat;}
#sidebar ul li a {padding-left:8px; text-decoration:none; color:#000;}
#footer { width:759px; background: url(images/yhteis.gif) top left no-repeat; margin:10px 0 0 10px; border:1px solid #fff;}
#footer td {padding-bottom:10px;}
#footernotext { width:759px; height:70px; margin:10px 0 0 10px; border:1px solid #fff;}
#footernotext table {padding-top:8px;}
#footernotext span.sep {padding-left:10px; padding-right:10px;}
#copyright {text-align:center; margin-top:5px;}
#topbar {width:764px; height: 100px; background: url(images/logo.gif) center left no-repeat; margin-left:15px;}
#login {float:right; width:250px; height:80px; margin:15px 20px 0 0;}

#login table tr td {padding:0 0 3px 20px; font:bold 12px Arial, sans-serif; color:#d1d2d2; text-transform:uppercase;}

#logo a {text-decoration:none;}
#logo span {visibility:hidden;}

.frmfield {width:96px; height: 22px; color:#000; margin-top: 2px; border:1px solid #7f9db9;}
.frmfieldlong {width:205px; height: 22px; color:#000; margin-left:15px; border:1px solid #7f9db9;}
.frmsubmit {background: url(images/sbtbutton.gif) center left no-repeat; border:0; width:64px; height:22px; margin-top:5px;}
.frmsubmitlong {background: url(images/send.gif) center right no-repeat; border:0; width:76px; height:22px; margin:10px 0100px;}

.fp_custom {width:227px; margin-left:10px; padding-bottom:10px; border-bottom:1px solid #c4c8cb;}

/* default font and sizes */

body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
h1 { font-size: 25px; }
h2 { font-size: 18px; }
h3 { font-size: 13px; }

a {color:#000;}
a:visited {color:#000;}
a:hover {color:#ff0000;}

#divider {clear:both; width:757px; height:15px; background: url(/images/hrline.gif) center left no-repeat; margin:0 10px 0 10px;}

#divider_category {clear:both; width:758px; height:40px; margin:10px 10px 0 10px;}


.ftrline {width:757px; height:15px; background: url(/images/hrfooter.gif) no-repeat; margin-top:20px;}

/* categories specific */
.sbj {width:100%; height:27px; margin:10px 0 0 10px; text-transform:uppercase; font:13px Arial, sans-serif; color:#333333; font-weight:bold; background: url(images/stripe_red.gif) bottom left repeat-x;}

.sdbr-divider {margin-left:10px; width:228px; border-bottom:1px solid #c4c8cb;}

div.basic-form { clear: both; margin-top: 20px; margin-left:10px; border: 4px solid #ECECEC; padding: 10px; width:463px; }
div.basic-form h3 { display: block !important; font-size: 15px; margin-bottom: 10px; }
div.basic-form h3.contact { margin-top: 20px; }
div.basic-form div.checkboxcont { clear: both; margin-top: 2px; }
div.basic-form div.checkboxcont div.option { clear: both; margin-top: 2px; }
div.basic-form div.checkboxcont div.checkbox { float: left; width: 20px; }
div.basic-form div.checkboxcont label { float: right; width: 425px; }
div.basic-form div.fldcont { margin-top: 10px; }
div.basic-form div.fldcont label { display: block; }
div.basic-form div.fldcont input.text { width: 455px; }
div.basic-form textarea { width: 455px; height: 100px; }
div.basic-form div.submit { margin: 20px 0; }
div.basic-form p.marketing-note { margin: 0; font-size: 11px; text-align: justify; }

div.post-frm { margin: 0 10px 20px 10px; border: 1px solid #C3C3C3; padding: 10px; background: #F4F4F4; }
div.main-pad div.post-frm  { margin: 10px 0 20px; }
div.post-frm h2 { margin-bottom: 10px; }
div.post-frm h2 span.loggedin { display: none; }
div.post-frm label { display: block; margin-top: 10px; }
div.post-frm input.text, body.blog div.post-frm textarea { font-size: 12px; }
div.post-frm input.text { width: 400px; }
div.post-frm textarea { width: 400px; height: 70px; }
div.post-frm textarea.large { height: 250px; }
div.post-frm div.image { float: right; display: inline; padding: 10px 20px 0 0; }
div.post-frm div.buttons { margin-top: 10px; clear: both; }
div.post-frm div.errors { border: 1px dotted #d10600; padding: 10px; }
div.post-frm div.errors h4 { font-size: 12px; border-bottom: 1px dotted #d10600; margin-bottom: 5px; }
div.post-frm div.errors li { list-style: disc; margin-left: 20px; }


#navigation { position: relative; margin: 0 10px; padding: 0; font-size: 11px; }

#navigation div.top { /* position: absolute; top: 0; left: 0; */ width: 757px;
  background: #f3f3f5; border: 1px solid #d8dadb; height: 27px; }
#navigation ul.top { position: absolute; top: 0; left: 1px; width: 757px; height: 29px; }

#navigation ul.top li { float: left; display: inline; height: 29px; border-right: 1px solid #d8dadb;  }
#navigation ul.top li span { margin: 0; float: left; display: inline; height: 29px;
  border-right: 2px solid white; }
  
#navigation ul.top li a { float: left; display: inline;
  padding: 7px 7px 0 16px; height: 20px; /* total height 27px */
  background: #f3f3f5 url(images/arrow.gif) 7px 11px no-repeat; border: 1px solid #d8dadb; border-left: 0;
  text-transform: uppercase; color: black; text-decoration: none; }
#navigation ul.top li a:hover, #navigation ul.top li.current a {
   background:#f00 url(images/arrow_act.gif) 7px 11px no-repeat;color:white;  }
#navigation ul.top li.current a { font-weight: bold; }

#navigation div.sub { margin: 1px 0; background: url(images/subnav_bg.gif); }
#navigation div.sub li { float: left; display: inline; border-right: 2px solid white; position: relative; }
#navigation div.sub li a { float: left; display: inline; padding: 5px 7px 0 16px; height: 17px;
  background:#fff url(images/arrow.gif) 7px 9px no-repeat;
  color: black; text-transform: uppercase; text-decoration: none;
  border-bottom: 6px solid #e8e9ea; }
#navigation div.sub li a:hover, #navigation div.sub li.current a { border-color: #f00; }


.bx1 {float:left; width:250px;}
.bxfull {float:left; width:480px; margin:10px;}
.mdl_1 {margin:10px;}
.mdl_1 ul li {border-bottom:1px solid #c4c8cb; padding-bottom:9px; padding-top:7px;}
.mdl_1 ul li a {text-decoration:none; color:#000;}
#article {margin:10px 0 0 5px; font-size:13px; line-height:18px;}
.sdbr1 {position:relative; width:238px; height:115px; background:#fff url(images/sidebarbg.gif) bottom left repeat-x; margin-bottom:10px;}
.sdbr2 {width:238px; height:115px; background:#fff; margin-bottom:10px;}
.sdbr1 h2, .sdbr2 h2 {padding:5px 0 5px 5px; background:#ff0000; color:#fff; width:auto; font:12px Arial,sans-serif; font-weight:bold;}
.sdbr1 p {padding:5px;}
.sdbr2 img {width:238px; margin-top:5px; margin-bottom:10px;}
.sdbr2 p {text-align:center;font-style:italic; font-size:11px;}
.sdbr1 a.rdmr { position: absolute; bottom: 0; right: 0; height: 47px; width: 52px; background: url(images/corner_img.gif); }
.sdbr1 a.rdmr span { display: none; }

/* div.modwrap-half, div.modwrap-full, div.modwrap-def { -moz-outline: 1px dotted red; } */
div.modwrap-half { width: 260px; float: left; margin-left: 10px; }
#content div.sidebar div.modwrap-half { width: 200px; margin: 0; }
div.modwrap-first { margin-left: 0; }
div.modrow-clear { clear: both; height: 5px; overflow: hidden; }


div.l120 {}
div.l120 h2 {width:228px; height:27px; margin:10px 0 0 10px; text-transform:uppercase; font:12px Arial, sans-serif; color:#333333; background: url(images/greyborder.gif) bottom left repeat-x;}
div.l120 ul li a {display:block;}

div.l130 h2 {width:100%; height:27px; text-transform:uppercase; margin:10px 0 0 10px; font:13px Arial, sans-serif; color:#333333; font-weight:bold; background: url(images/stripe_red.gif) bottom left repeat-x;}
div.l130 table {margin-left:5px; border-collapse: separate; border-spacing: 6px 6px;}
div.l130 td {text-align:center; background: url(images/greyborder.gif) bottom left repeat-x; padding-bottom:15px; text-transform:uppercase;}
div.l130 td img {margin-top:5px; margin-bottom:10px;}
div.l130 td div.txt a {text-decoration:none; color:#333333; font:11px Arial, sans-serif; background: url(images/arrow.gif) center left no-repeat;}
div.l130 td div.txt a span {padding-left:8px;}

div.l140 {}
div.l140 p {padding:5px;}
div.l140 h2 {width:228px; height:33px; margin:10px 0 0 10px; text-transform:uppercase; font:12px Arial, sans-serif; color:#333333;}
div.l140 h2 span {visibility:hidden;}
div.l140 ul li {border-bottom:1px solid #c4c8cb; padding-bottom:9px; padding-top:7px; background: url(images/arrow.gif) center left no-repeat;}
div.l140 ul li a {display:block;}

div.l150 {position:relative; width:238px; height:115px; background:#fff url(images/sidebarbg.gif) bottom left repeat-x; margin-bottom:10px;}
div.l150 h2 {padding:5px 0 5px 10px; text-transform:uppercase; background:#ff0000; color:#fff; width:auto; font:12px Arial,sans-serif; font-weight:bold;}
div.l150 ul li {border-bottom:1px solid #c4c8cb; padding-bottom:9px; padding-top:7px; background: url(images/arrow.gif) center left no-repeat;}
div.l150 p {padding:5px;}
div.l150 a.rdmr { position: absolute; bottom: 0; right: 0; height: 47px; width: 52px; background: url(images/corner_img.gif); }
div.l150 a.rdmr span { display: none; }

div.l160 {width:238px; background:#fff; }
div.l160 h2 {padding:5px 0 5px 10px; text-transform:uppercase; background:#ff0000; color:#fff; width:auto; font:12px Arial,sans-serif; font-weight:bold;}
div.l160 img {margin-top:5px; margin-bottom:5px;}
div.l160 p {text-align:center;font-style:italic; font-size:11px;}
div.l160 ul li {border-bottom:1px solid #c4c8cb; padding-bottom:9px; padding-top:5px; background: url(images/arrow.gif) center left no-repeat;}

div.l170 {}
div.l170 h2 {width:228px; height:33px; margin:10px 0 0 10px; text-transform:uppercase; font:12px Arial, sans-serif; color:#333333;}
div.l170 h2 span {visibility:hidden;}
div.l170 ul li {border-bottom:1px solid #c4c8cb; padding-bottom:9px; padding-top:7px; margin-right:14px;}
div.l170 ul li a {display:block; background: url(images/arrow.gif) 0px 4px no-repeat;}

div.l180 {width:228px;}
div.l180 h2 {width:228px; height:33px; margin:10px 0 0 10px; text-transform:uppercase; font:12px Arial, sans-serif; color:#333333;}
div.l180 h2 span {visibility:hidden;}
div.l180 div.cut {width:90px; float:left; margin:5px 0 5px 10px; background: url(images/arrow.gif) 0px 3px no-repeat;}
div.l180 div.cut a {display:block; text-decoration:none; padding-left:10px;}
div.l180 div.cut span {}
div.l180 div.clear {clear:both; margin-left:13px; width:221px; height: 1px; overflow: hidden; background:#c4c8cb;}

div.l190 {}
div.l190 h2 {width:228px; height:33px; margin:10px 0 0 10px; text-transform:uppercase; font:12px Arial, sans-serif; color:#333333;}
div.l190 h2 span {visibility:hidden;}
div.l190 p {border-bottom:1px solid #c4c8cb; padding-bottom:9px; padding-top:7px;margin-left:10px; margin-right:14px;}
div.l190 ul li {border-bottom:1px solid #c4c8cb; padding-bottom:9px; padding-top:7px; background: url(images/arrow.gif) center left no-repeat;}
div.l190 ul li a {display:block;}

div.l200 h2 {width:100%; height:27px; text-transform:uppercase; margin:10px 0 0 10px; font:13px Arial, sans-serif; color:#333333; font-weight:bold; background: url(images/stripe_red.gif) bottom left repeat-x;}
div.l200 table {margin-left:5px; border-collapse: separate;}
div.l200 td.names {text-align:left; font-size:12px; padding-top:10px;}
div.l200 td img {margin-top:5px;margin-left:3px; margin-bottom:2px;}
div.l200 td a {text-decoration:none; color:#333333; font:11px Arial, sans-serif; background: url(images/arrow.gif) center left no-repeat;}
div.l200 td a span {padding-left:8px;}
div.l200 td div.border {height: 1px; overflow: hidden; background:#c4c8cb;}
div.l200 div.headtitle {font-weight:bold; text-transform:uppercase;}

div.n110 div.sidebarcontent {float:left;padding:10px;}
div.n110 h2 {width:228px; height:27px; margin:10px 0 0 10px; text-transform:uppercase; font:12px Arial, sans-serif; color:#333333; background: url(images/greyborder.gif) bottom left repeat-x;}
div.n110 div.sidebarcontent img {margin-bottom:5px;}

div.n120 {position:relative; width:238px; height:255px; background:#fff url(images/sidebarbg.gif) bottom left repeat-x; margin-bottom:10px;}
div.n120 h2 {padding:5px 0 5px 10px; text-transform:uppercase; background:#ff0000; color:#fff; width:auto; font:12px Arial,sans-serif; font-weight:bold;}
div.n120 a.arw {text-decoration:none; background: url(images/arrow.gif) center left no-repeat;}
div.n120 a.arw span {padding-left:8px;}
div.n120 p {padding:5px;}
div.n120 a.rdmr { position: absolute; bottom: 0; right: 0; height: 47px; width: 52px; background: url(images/corner_img.gif); }
div.n120 a.rdmr span { display: none; }

div.fp_custom h2 {width:228px; height:33px; margin:10px 0 0 0; text-transform:uppercase; font:12px Arial, sans-serif; color:#333333;}
div.fp_custom h2 span {visibility:hidden;}


body.j-art #content {padding-top:10px;}

div.body ul {margin:5px;}
div.body ul li {list-style-image:url(/images/disc_red.gif); list-style-type: disc; list-style-position:outside; padding-bottom:10px; line-height:13px;}

#article img {margin:0 15px 12px 0; float:left;}