body, div {
margin: 0;
padding:0;
font-size: 10pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #444444;
}

body {
background-image: url(./kuvat/main-bg.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
font-size: 10pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

p {
white-space: normal;
}

p.ingressi {
font-style: italic;
margin: 0em 1em 3em 1em;
padding:0;
color: #6F6F6F;
text-align: justify;
}

p.note  {
font-style: italic;
margin: 1em 1em 1em 0em;
padding:0;
color: #6F6F6F;
text-align: left;
line-height: 1.5em;
}

label {
margin: 2em 1em 0em 1em;
line-height: 2em;
}

label.side  {
margin: 0em 1em 0em 1em;
line-height: 3em;
float: left;
clear: left;
}

img {
border: none;
margin: 0;
padding:0;
}

.color-code {
margin: 0 0.3em 0 -0.7em;
}

input.field, textarea.field {
font-size: 10pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
width: 25em;
}

input.field35, textarea.field35 {
font-size: 10pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
width: 35em;
}

input.field.side, textarea.field.side {
float: right;
clear: right;
}

.headerleft {
float:left;
clear:left;
vertical-align: middle;
padding: 0em; 
margin:0em;
}

a.header {
color:#003366;
text-decoration:none;
}

a.header:hover {
color:#003366;
text-decoration:underline;
}

a.button, a.button:hover, 
a.button:active, a.button:visited {
text-align: center;
text-decoration: none;
background-color: transparent;
}

a.pub {
color:#6F6F6F;
font-size: 12pt;
font-weight: normal;
text-decoration:none;
}

a.pub:hover {
color:#444444;
text-decoration:underline;
}

ul {
margin: 1em 1em 1em 0em;
padding: 0em;
}

li {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-left: 1em;
background: transparent url(./kuvat/dotBlue_5x5.png) no-repeat scroll 1px 6px;
}

input.button {
margin: 2em 0em 0em 1em;
float: left;
clear: left;
}

.markupheader {
margin: 0em 0em 0em 0em;
border-bottom: 1px solid #FF9933;
}

h1.markup {
margin: 0;
padding: 0;
white-space: normal;
font-size: 13pt;
font-weight: normal;
color: #333333;
display: inline;
}

h1.main {
text-align: right;
margin: 0;
padding: 0;
white-space: nowrap;
font-size: 20pt;
color: #FF9933;
}

h3 {
margin: 0;
padding: 0.7em 0 0 0;
font-size: 10pt;
color: #555555;
line-height: 0.3em;
}

.headingarea {
margin: 1.5em 1em 3em 0em;
padding: 0;
}

.markupmeta {
margin: 0em 0em 2em 0em;
padding: 0;
}

.date {
display: inline;
float: right;
font-style: italic;
color: #444444;
font-size: 10pt;
font-weight: normal;
margin: 0;
padding:0;
}

.markupfooter {
vertical-align: text-bottom;
text-align: right;
padding: 1em 0em 0em 0.3em;
margin:0;
white-space: nowrap;
}

img.icon {
vertical-align: middle;
margin: 0em 0.3em 0.5em 0em;
}

img.arrow {
margin: 0em 0em 0em 0.3em;
vertical-align: middle;
}

.content {
margin: 3em 1em 3em 1em;
padding:0;
white-space: normal;
}

.form  {
width: 30em;
margin: 3em 1em 6em 1em;
padding:0;
}

table.form.admin {
width: 30em;
margin: 0em 1em 2em 1em;
padding:0;
}

table.form.admin td {
padding: 1em 0em 0em 0em;
}

.logoarea {
padding: 3em 4em 0em 0em;
text-align: right;
}

.left_container {
left: 0px;
width: 20em;
padding: 0em 0em 0.2em 2em;
}

.menu {
text-align: right;
font-size: 12pt;
line-height: 2em;
padding: 6em 2em 0em 0em;
}

.publicity {
text-align: left;
line-height: 3.5em;
padding: 3em 2em 0em 0em;
}

.agenda {
position: absolute;
top: 0px;
width: 40em;
margin: 0em 0em 0em 22em;
padding: 7em 0em 0.2em 0em;
background-image: url(./kuvat/main-bg2.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
border:1px solid #f2f2f2;
}

.agenda.subscription {
padding: 14em 0em 0.2em 0em;
}

.right_container  {
position: absolute;
top: 14.5em;
left: 550px;
}

.footer {
border-top: 1px solid #f2f2f2;
text-align: right;
padding: 0.3em;
font-size: 8pt;
}

a.footer {
color:#6F6F6F;
text-decoration:none;
}

a.footer:hover {
color:#3F3F3F;
text-decoration:underline;
}