body {
	 font-family: Helvetica, Verdana, "Trebuchet MS", Verdana, Arial, "Andale Mono", sans-serif ;
        line-height: 150%;
   	 background: #90ACB9;
        padding: 0%;
        margin: 0%;
        margin-left: auto;
        margin-right: auto;
}

table {
	 border-right : 1px solid black;
	 border-bottom: 1px solid black;
  	 border-top: 1px solid #EAE4D1;
  	 border-left: 1px solid #EAE4D1;
	 color: black;
	 background: transparent none;
	 border-spacing: 0.4em;
  	 empty-cells: show;
}

.navbarhand {
        display: none;
}

.logo {
	 margin-left: auto;
     margin-right:auto;
     margin-top: 0.5em;
     margin-bottom: 0.5em; 
	 padding-top: 0.5em;
	 padding-left: 4em;
}

.menu {
     text-align: center;
	 width: 54em;
	 height: 2em;
	 padding-top: 0.5em;
	 margin-left: auto;
     margin-right:auto;
     margin-bottom: 0.2em;
	 background: #668899;
     border: 0.1em solid #777777;
}

.menu a{
	 text-align: center; 
	 padding-top: 0.6em;
	 padding-bottom: 0.7em;
	 padding-left: 0.5em;
	 padding-right: 0.5em;
	 font-size: 0.8em;
	 margin-bottom: 0.1em;
	 }

.menu a:link, .menu a:visited {	 
	 color: #000000;
	 text-decoration: none;
	 }

.menu a:hover {
	 color: #FF0000;
	 }

.searchbar {
        float: right;
        font-size: 0.8em;
	 	padding-right: 1em;
	 	padding-top: 0.2em;
}

.search {
        
}

.searchbarhand  {
        display: none;
}

.contents {
        width: 55em;
        background: transparent none;
        margin-left: auto;
        margin-right: auto;
}

.left {
        width: 8.5em;
        float: left;
        margin-left: 0.5em;
        margin-top: 0.1em;

}

.links {text-align: center;
	 }

.links a{
	 display: block;
	 font-size: 0.9em;
	 padding-top: 0.7em;
	 padding-bottom: 0.7em;
	 margin-top: 0.1em; 
	}

.links a:link, .links a:visited {
	 text-align: center;
	 color: #000000;
	 text-decoration: none;
	 background-image: url(/kuvat/button.png);
	 }

.links a:hover {
	 color: #FF0000;
}
.news {
        background: #DDDDFF;
        padding-top: 0.5em;
        padding-bottom: 2em;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        border: 0.1em solid #9999BB;
}

.news p {
        line-height: 140%;
        font-size: 0.65em;
        margin-top: 0em;
        padding-left: 1.5em;
        padding-right: 0.5em;
        padding-top: 0em;
        padding-bottom: 0.5em;
        margin-top: 0em;
        margin-bottom: 0em;
}

.news h3 {
        text-align: center;
        line-height: 150%;
        font-size: 0.8em;
        margin-top: 0em;
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 0em;
        padding-bottom: 0.5em;
        margin-top: 0em;
        margin-bottom: 0em;
}

.middle {
        text-align: justify;
        border: 0.1em solid #777777;
        width: 45em;
        float: right;
        background: #DBDCEE;
        padding-top: 1em;
        padding-bottom: 1em;
        margin-top: 0.1em;
        margin-left: 0.4em;
        margin-right: 0.4em;
}

.middle2 {
        text-align: justify;
        border: 0.1em solid #777777;
        width: 45em;
        float: right;
        background: #DBDCEE;
        padding-bottom: 1em;
        margin-top: 0.5em;
        margin-left: 0.4em;
        margin-right: 0.4em;
}

.middle3 {
        text-align: justify;
        border: 0.1em solid #777777;
        width: 45em;
        float: right;
        background: #DBDCEE;
        padding-bottom: 1em;
        margin-top: 0.5em;
        margin-left: 0.4em;
        margin-right: 0.4em;

}

.middle4 {
        text-align: justify;
        border: 0.1em solid #777777;
        width: 45em;
        float: right;
        background: #DBDCEE;
        padding-bottom: 1em;
        margin-top: 0.5em;
        margin-left: 0.4em;
        margin-right: 0.4em;

}

.middle5 {
        text-align: justify;
        border: 0.1em solid #777777;
        width: 45em;
        float: right;
        background: #DBDCEE;
        padding-bottom: 2em;
        margin: 0.4em;

}

.picture {
        text-align: center;
        margin-top: 1em;
}

.picture_right {
        float: right;
        margin-top: 1em;
        margin-left: 2em;
}

.picture_left {
        float: left;
        margin-top: 1em;
        margin-left: 2em;
}

.bottom {
        width: 54em;
        height: 2em;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0%;
        margin-bottom: 0%;
        background: #668899;
        border: 0.1em solid #777777;
        text-align: center;
        clear: both;
}

.bottom a {
        color: #000000;
	 text-decoration: none;
}

.copyright {
        color: #000000;
        font-size: 0.7em;
        margin-top: 0em;
        padding-left: 20em;
}

p {
        padding-left: 2em;
        padding-right: 2em;
        padding-top: 0em;
        padding-bottom: 0em;
        margin-top: 0em;
        margin-bottom: 0em;
        font-size: 0.8em;
}

h1 {
	 color:  black;
   	 background: transparent none;
	 text-align: center;
  	 padding-bottom: 0.3em;
  	 line-height: 1.2em;
        margin-top: 0em;
        margin-bottom: 0em;
        font-size: 1.5em;
}

h2 {
	 text-align: center;
	 color:  #444444;
   	 background: transparent none;
   	 font-size: 1em;
}

h3 {
	 color:  #666666;
   	 background: transparent none;
  	 width: auto;
}


ul {
        padding-left: 3em;
        padding-right: 2em;
        margin-top: 0em;
        margin-bottom: 0em;
        font-size: 0.8em;
}

ol {
        padding-left: 4em;
        padding-right: 2em;
        margin-top: 0em;
        margin-bottom: 0em;
        font-size: 0.8em;
}

ol p{
        padding-right: 2em;
        margin-top: 0em;
        margin-bottom: 0em;
        font-size: 1em;
}

img {
        border: 0;
}

a {
 	 padding: 1px;
	 background: transparent none;
	 color: #003399;
}

a:link {
	 color: #000000;
	 background: transparent none;
	 text-decoration: underline;
}

a:visited {
	 color: #000000;
	 background: transparent none;
	 text-decoration: underline;
}

a:active {
	 color: #000000;
	 background: transparent none;
	 text-decoration: none;
}