body {   
    background: #8CA5B5 url("../images/bg.jpg") repeat-x 0px 0px;
    text-align: center;
}

body.galleria {
   background: #FFFFFF none no-repeat 0px 0px;
   text-align: center;
}

/* Fonts */
body, div {
   font-family: verdana, arial, helvetica, sans-serif;
   /*font-size: 1em;*/
   color: #4F4E4E;
}

p, ul, ol, textarea, form, table {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 0.8em;
   color: #4F4E4E;
}

div.dashed_ilmoitustaulu {
   border-style:dashed;
   border-width:1px;
   border-color: #4F4E4E;
}

pre {
   font-family: helvetica, sans-serif;
   color: #4F4E4E;
}

h1 {
   font-size: 0.9em;
   font-style: bold;
   color: #1381B4;
}

h2, h3 {
   font-size: 0.8em;
   font-style: bold;
   color: #1381B4;
}

img {
   border-color: #CCCCCC;
}

ul {
   margin: 0.5em 2em;
   padding: 0;
}

li {
   margin: 0;
   padding: 0.2em;
}

a {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 0.9em;
   color: #676767;
}

a.plain {
   color: #4F4E4E;
   text-decoration: none;
   font-weight: normal;
}

a.blue {
   color: #3982C0;
   text-decoration: none;
   font-weight: normal;
}

a.blueBold {
   color: #3982C0;
   text-decoration: none;
   font-weight: bold;
}

a.removelink {
   text-decoration:underline;
}

a:hover {
   background: #DDEEFF;
}

a.gallery {
   text-decoration: none;
}

.tapahtumat_old_text {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 0.9em;
   color: #AAAAAA;
}

.tapahtumat_date {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 0.9em;
   color: #676767;
}

.tapahtumat_date_old {
   color: #AAAAAA;
   text-decoration: none;
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 0.9em;
}

a.tapahtumat_date:hover {
   background-color:transparent;
}

a.tapahtumat_date_old:hover {
   background-color:transparent;
}

.em09 {
  font-size: 0.9em;
}

.em1 {
  font-size: 1em;
}

.em1_1 {
  font-size: 1em;
}

table {
   padding: 2px;
   margin: 0.5em;
}

table.max {
   padding: 0;
   margin: 0;
}

td.blue {
   border-color: #FFFFFF;
   color: #FFFFFF;
   background-color: #3982C0;
   text-decoration: none;
   font-weight: bold;
}

td.date {
    text-align: right;
    font-size: 0.8em;
    padding: 0 0.5em 0 0;
}

td.title {
   font-weight: bold;
   font-size: 0.8em;
}

td.old {
   color: #AAAAAA;
   text-decoration: none;
}

td.gold {
   background-color: #FFD700;
}

td.silver {
   background-color: #C0C0C0;
}

td.bronse {
   background-color: #B8860B;
}

.news_title {
   font-weight: bold;
}

tr.focus {
   background-color: #F6F6F6;
   font-weight: bold;
}

tr.even {
   background-color: #F7F8F9;
}

tr.odd {
   background-color: #EEEEEE;
}

.news_title_blue {
   font-weight: bold;
   text-decoration: none;
   color: #3982C0;
}

.old {
   color: #AAAAAA;
   text-decoration: none;
}

.blue {
   color: #3982C0;
}

.bold {
   font-weight: bold;
}

.navactive {
   font-weight: bold;
   color: #3982C0;
}

div#date {
   font-size: 11px;
   float: left;
   margin: 0;
   padding: 4px 0px 4px 10px;
   width: 180px;
   text-align: left;
}

div#login {
   font-size: 11px;
   float: right;
   margin: 0;
   padding: 4px 10px 4px 190px;
   width: 622px;
   text-align: right;
}

div#container {
   background-color: transparent;
   margin: 0 auto; 
   text-align: left;
   width: 1012px;
   max-width: 1012px;
}

div#content_box {
   width: 1012px;
   background: transparent url("../images/new_midle.png") repeat-y;
   padding: 0;
   display: table;
}

div#menu {
   font-size: 0.9em;
   margin: 0 10px;
   padding: 0.2em;
   background: #CCCACA url("../images/new_menugradient.png") repeat-x left top;
   border-bottom: 1px solid #A0A0A0;
}

div#menu a {
   color: #606060;
   text-decoration: none;
   font-weight: bold;
   font-size: 0.8em;
   padding: 0.1em;
}

div#menu a:hover {
   color: #3982C0;
   text-decoration: underline;
   background-color: transparent;
}

div#menu .active {
   color: #3982C0;
   font-weight: bold;
   font-size: 0.8em;
}

div#nav {
   background-color: transparent;
   float: left;
   margin: 1.5em 0 0 1.2em;
   padding: 0;
}

div#nav ul {
/*   list-style-type: none;*/
   list-style-image: url("../images/arrow.png");
   margin: 1em 1.2em;
   padding: 1px;
}

div#nav li {
   margin: 3px 0 0 0;
   padding: 0 0;
}

div#content {
   background-color: #transparent;
   margin: 1.5em 0 0 11em;
   padding: 0em 1em 1em 0.5em;
   min-height: 300px;
   max-width: 600px;
   line-height: 110%;
   clear: none;
}

div#content h1 {
   padding: 0;
   margin: 0;
}

div#news {
   width: 196px;
   background: transparent url("../images/new_newsmidle.png") repeat-y;
   padding: 0;
   margin: 1.5em 1em 0 0;
   float: right;
}

div#news p {
   margin: 0;
   padding: 0.7em;
   font-size: 0.8em;
   position: relative;
}

div#news_header {
   padding: 0;
   background: transparent url("../images/new_newsheader.png") repeat-x left top;
   max-width: 196px;
   max-height: 28px;
   height: 28px;
}

div#news_header h1 {
   padding: 0.5em;
   margin: 0;
   color: #FFFFFF;
   font-size: 0.9em;
}

div#news_footer {
   padding: 0;
   background: #7AA1D3 url("../images/new_newsfooter.png") repeat-x left top;
   max-width: 196px;
   max-height: 19px;
   height: 19px;
}

div.list_even {
   background-color: #F9F9F9;
   border-top: thin dotted #3973BD;
   border-bottom: thin dotted #3973BD
}

div.list_even p {
   margin: 0.5em 0;
   padding: 0;
}

div.list_odd {
   background-color: #FFFFFF;
}

div.list_odd p {
   margin: 0.5em 0;
   padding: 0;
}

/* ALBUM */
div#albumcontent {
	float:right;
	width:350px; 
	background-color: #DDCCCC;
}

div#controls {
	margin-top: 3px;
	height: 23px;
}

/* OTHERS */
div#toimikunta_nav ul {
/*   list-style-type: none;*/
   list-style-image: url("../images/arrow.png");
}

div#toimikunta_nav li {
   margin: 3px 0 0 0;
   padding: 0 0;
}

code {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 1em;
   color: #4F4E4E;
}

textarea.edit {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 1em;
   color: #4F4E4E;
}

input.edit {
   font-family: verdana, arial, helvetica, sans-serif;
   font-size: 1em;
   color: #4F4E4E;
}
