/* ***      *** */
/*           */

body {
		 background: #ffffff;
		 /* url('body.jpg') top left;       #E7E7E7     uloimmat reunat    */
		 font-size: 100%;
		 /* oli 15px */
		 /* font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; */
		 color:#000000;
		 padding:0px;
		 margin:0px;
}

a:link {color: blue;}                                
a:visited {	color: Blue;}
a:active {color: blue;}
a:hover { background: blue;  }
a:hover {	color: white;}                                      


h1 {
	 font-size: 200%;
	 text-transform:uppercase;
/*
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;*/
/*padding:5px 15px;*/
		margin:0;
}

h2 {
color: #000000;
font-size:170%;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
color: #000000;
font-size:120%;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
width: 75%; /*oli 75 leveys vert-valikko ja tekstikenttä*/

margin-left: auto;
margin-right: auto;
height: auto; /*100%;*/
/*
background-attachment:fixed;
background-position: 10% 20%; 

background-attachment:fixed;
background-position: 60px 90%;
*/

background: #ffffff;
/*url('tiedostot/KerhonLogo150pix.gif') no-repeat 20px 90%;  */
/*    menubottom.jpg*/ /*url('adlogo.gif')*/


border:0 solid #8D8D8D;  /* 1px solid #8D8D8D */
}

/* ----------banner for logo-------------- */
#banner {
height:99px; /*114px*/
width: 100%;
background-color: #ffffff; /* ----------oli #e1ddd9-------------- */
text-align: center;
/*background:  url('adlogo.gif') no-repeat center left;                Header taustakuva
*/

background-attachment:fixed;
background-position: 5% 50%; 
}



#banner img {padding:10px 1px;} /* {padding:10px 1px;} */
#bannertitle{padding-top:20px;padding-bottom:20px;font-size:2em;font-weight:bold;}    /* kehyksen koko otsikon yllä ja alla */

/* -----------------content--------------------- */
#content {

background:#ffffff /* url('tiedostot/kulma.jpg')*/ no-repeat top right;             /*  tekstialueen kuva */
padding: 0px;
margin-left: 25%;  /*  200px   */
margin-right: 0px;
}
div#content { 
min-height: 100px; /*  500px */
/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width:25%; /*oli 200px, valikon leveys */
margin: 0px;
padding: 0px;
background:#ffffff; /* oli #E8E8E8
 height:100%; /*merkitys?*/
}



/* -----------footer--------------------------- */
#footer {
				clear: both;
				margin: 0px;
				padding:0px;

				height:35px;
  			text-align: right; 
				/*background:  url('footer.gif') repeat-x ;*/
				}

#footer h1 a{
 				color:#efefef;
 				}
 
#footer h1 {                                    
				color:#efefef;
				}

#footer h1{
				padding:5px 5px 0px 0px;
				}
	
	
	
	
 /**********vertical menu***************/
.verticalmenu ul{
 list-style:none;
/*list-style-image: url("bullet.gif")*/


 padding: 10px;
 margin: 0px;
}

 .verticalmenu li, .verticalmenu a:link, .verticalmenu a:visited, .verticalmenu a:hover {
 
   /* Linkki omalle rivilleen
	 display: block;
   */
	
	 font:  /* bold */ 1.1em Verdana, Arial, Helvetica, sans-serif;
   color: #3333ff;
  
	
	 /* alleviivaus pois*/
	 text-decoration: none;
   /*text-align: left;*/
   
   /* Vertikaalimenun yhden tekstikentän koko */	
   width: 100%;
   height:100% ;/*32px                    /*
 
   /*background: url('menuhover.gif') no-repeat;*/
	
 }
 



 .verticalmenu a:hover{
 	 background: #ffffff;
	 color: #000000;
 }