/* Take a note */

/*

------------------------------------------------------
Copyright Chugs, http://www.chugsdesigns.com/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
margin: 0; 
padding: 0;
background: #f0f0f0;
font: normal 100%/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; 
color: #373737;
text-align: center;
}

/* -- links -- */

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

a:visited {
color: #4189D0;
text-decoration: none;
background: transparent;
}

a:hover {
color: #369;
text-decoration: underline;
background: transparent;
}

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

/* -- headings -- */

h1, h2, h3 {
margin: 0 0 15px 0;
padding: 0;
background: transparent;
font-weight: normal;
color: #777;
text-transform: uppercase;
letter-spacing: 0.1em;
}

h1 {
font-size: 2em; color: #369;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1.1em;
}

/* -- container --*/

#container {
width: 900px;
height: 800px;
margin: 10px auto;
padding: 0;
text-align: left;
top: 0px;
left: 0px;
overflow: scroll;
}
	
	

/* -- banner --*/

#banner {
position: relative;
width: 468px;
height: 79px;
margin: 0 150px;
padding: 0;
background: transparent url(banner_h.png) no-repeat 0 0;
}

#banner p {
display: block;
margin: 0;
padding: 0;
text-indent: -100000px;
}

#banner p a {
display: block;
text-decoration: none;
}

/* -- top level nav --*/

#nav-meta {
position: absolute;
top: 5px;
right: -75px;
margin: 0;
padding: 0;
}

#nav-meta ul {
margin: 0;
padding: 0 0 0 3px;
border-left: 5px solid #777;
font-size: 0.75em;
text-align: center;
line-height: 1.2em;
}

#nav-meta li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
border-right: 5px solid #777;
}

#nav-meta a {
margin: 0;
padding: 0 3px 0 0;
background: transparent;
color: #777;
text-decoration:none;
}

#nav-meta a:hover {
text-decoration: underline;
}

/* -- nav-main --*/

#nav-toplevel {
float: left;
width: 150px;
margin: 0;
padding: 14px 0 0 0;
background: transparent url(images/nav_main_top_bg.gif) no-repeat 0 0;
}

#nav-main {
background: transparent url(images/nav_main_bot_bg.gif) no-repeat 0 100%;
margin: 0;
padding: 0 0 14px 0;
}

#nav-main ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 0.75em;
text-align: center;
}

#nav-main li {
display: block;
margin: 0;
padding: 0;
font-variant: small-caps;
}

#nav-main a {
display: block;
margin: 0 0 1px 0;
padding: 3px 2px;
background: #fc6;
color: #630;
text-decoration: none;
}

#nav-main a:hover {
text-decoration: underline;
}

#nav-main a.current {
margin: 0 0 1px 0;
padding: 3px 2px;
background: #C38811;
font-weight: bold;
font-size: 1em;
text-decoration: none;
}

#nav-main a.ekarivi {
margin: 0 0 1px 0;
padding: 3px 2px;
background: #336699;
font-weight: bold;
/*font-size: 1em;*/
text-decoration: none;
color: white;
}

#nav-main a.viime  {
display: block;
margin: 0 0 0px 0;
padding: 3px 2px;
background: #fc6;
color: #fc6;
text-decoration: none;
}

#nav-main a:hover.current {
text-decoration: none;
}

/* -- section nav --*/

ul#nav-section {
margin: 0 0 1px 0;
padding: 3px 0;
background: #9cf;
font-size: 0.9em;
}

#nav-section li {
display: block;
margin: 0 0 1px 0;
padding: 0;
}

#nav-section a {
display: block;
margin: 0;
padding: 1px 0;
background: transparent;
color: #630;
text-decoration: none;
}

#nav-section a:hover {
background: transparent;
color: #630;
text-decoration: underline;
}

#nav-section a.youarehere, #nav-section a.youarehere:hover {
margin: 0;
padding: 1px 0;
background: transparent;
color: #CF971F;
}
#nav-section a.youarehere:hover {
margin: 0;
padding: 1px 0;
background: transparent;
color: #CF971F;
text-decoration: none;
}

/* -- subs/supp nav --*/

#nav-subs {
float: right;
margin: 0;
padding: 14px 0 0 0;
background: transparent url(images/nav_supp_top_bg.gif) no-repeat 0 0;
}

#nav-supp {
width: 148px;
background: transparent url(images/nav_supp_bot_bg.gif) no-repeat 0 100%;
margin: 0;
padding: 0 0 14px 0;
}

#nav-supp ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 0.75em;
text-align: center;
}

#nav-supp li {
display: block;
margin: 0;
padding: 0;
}

#nav-supp a {
display: block;
margin: 0;
padding: 4px 0;
background: #369;
color: #fdfdfd;
text-decoration:none;
}

#nav-supp a:hover {
text-decoration: underline;
}

/* -- content --*/

#content {
margin: 0 142px 0 150px;
padding: 30px 20px 0 15px;
background: #fdfdfd url(images/content_bg.gif) repeat-y 0 0;
font-size: 0.75em;
text-align: left;
line-height: 1.6em;
}

#content p {
margin: 0;
padding: 0 0 15px 0;
}

#content ul {
margin: 0 0 15px 15px;
}

#content ol {
margin: 0 0 3px 20px;
}

#content h1 {
font-size: 2em; color: #369;
text-align: left;
line-height: 120%;
}

#content h2 {
margin: 0 0 0 0;
padding: 0;
background: transparent;
font-weight: normal;
color: #777;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 120%;
}
#content h3 {
font-size: 1.25em;
color: #111;
margin: 0 0 10px 0;
}

#content h4 {
font-size: 1em;
text-transform: uppercase;
color: #555;
margin: 0 0 0 0;
padding: 0;
}

#content table {
margin: 0;
padding: 0 0 15px 0;
width: 570px;

font-size: 125%;
text-align: left;
}

#content table.alin {
margin: 0;
padding: 0 0 15px 0;
width: 570px;

border-bottom: thin solid #DAA520;
font-size: 125%;
text-align: left;
}

#content table.koroste {
margin: 0;
padding: 15px 0 5px 0;
width: 570px;
border-left: thin solid #DAA520;
border-top: thin solid #DAA520;
font-size: 150%;
text-align: left;
width: 540px;
}


#content td {
padding: 4px 0px 4px 4px;
border: 0px;
font-size: 0.75em;
text-align: left;
line-height: 100%;
vertical-align: top;
text-align: left;
}

#haku a{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 120%;
font-style: normal;
font-variant: small-caps;
font-weight: 700;
}


/* -- footer --*/

#info-site {
margin: 0 142px 20px 150px;
padding: 30px 0 0 0;
background: transparent url(images/content_bot_bg.gif) no-repeat 0 0;
font-size: 0.75em;
text-align: center;
}

li.laitamenu { 
  color: black;                 
  width:200px
  background: gray;            
  margin: 2px; 
  padding: 12px 0px 12px 12px; 
  list-style: none ;           
  border: 1px solid double;    
}


/* -- misc --*/

div.clear {
clear: both;
height: 0;
line-height: 0;
}