body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f3fceb;
  line-height: 1.45em;	
  font-size: 12px; 
	font-family: Helvetica, sans-serif;  
}

a:link {color: #045649}
a:hover {color: #787878}
a:active {color: #045649}
a:visited {color: #787878}

select {
  font-size: 12px;
  }

#menu {
  padding:0;
  margin:0;
  }
#menu li {
  list-style-type:none;
  }
  
select { 
				 border: #787878; 
				 border-style: dotted; 
				 border-top-width: 1px; 
				 border-right-width: 1px; 
				 border-bottom-width: 1px; 
				 border-left-width: 1px} 
				 
select:hover {   
				 border: #787878; 
				 border-style: solid; 
				 border-top-width: 1px; 
				 border-right-width: 1px; 
				 border-bottom-width: 1px; 
				 border-left-width: 1px} 
				 		 					 				 		 				 
input { 
				 border: #787878; 
				 border-style: dotted; 
				 border-top-width: 1px; 
				 border-right-width: 1px; 
				 border-bottom-width: 1px; 
				 border-left-width: 1px} 		
				 
input {  
				 border: #787878; 
				 border-style: dotted; 
				 border-top-width: 1px; 
				 border-right-width: 1px; 
				 border-bottom-width: 1px; 
				 border-left-width: 1px} 	
				 
INPUT:hover {
			 	 border: #787878; 
				 border-style: solid;
				 border-top-width: 1px; 
				 border-right-width: 1px; 
				 border-bottom-width: 1px; 
				 border-left-width: 1px}	
				 
INPUT:focus {
				 border: #787878; 
				 border-style: solid;
				 border-top-width: 1px; 
				 border-right-width: 1px; 
				 border-bottom-width: 1px; 
				 border-left-width: 1px}						 			 					 
				 		 			 				 		 
textarea {  
				 border: #787878; 
				 border-style: dotted; 
				 border-top-width: 1px; 
				 border-right-width: 1px; 
				 border-bottom-width: 1px; 
				 border-left-width: 1px} 

textarea:hover {  
				 border: #787878; 
				 border-style: solid; 
				 border-top-width: 1px; 
				 border-right-width: 1px; 
				 border-bottom-width: 1px; 
				 border-left-width: 1px} 

.leipis {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #333333; 
	border: thin none;
	line-height: 20px;
}

.Otsikko {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: ##333333;
	border: thin none;
	line-height: 20px;
}

.borderit {
border: 1px solid #ccc;
padding: 5px;
}

.borderit:hover {
border: 1px solid navy;
padding: 5px;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
padding: 5px;
}

.Background_left {
background-image: url('images/loppubg.JPG');
background-repeat: no-repeat

}
.border {
	padding: 2px;
	border-style:groove;
	border-color:#ffffdd;
	border-width:2px;
}

.border:hover {
	padding: 2px;
	border-style:groove;
	border-color:#eeeeee;
	border-width:2px;
}

.borderleft {
	border-left-width: 1px;
	border-left-style: solid;
  border-color:#FFFFDD;
}

.borderright {
	border-right-width: 1px;
	border-right-style: solid;
	border-color:#FFFFDD;	
}

.bordertop {
	border-top-width: 1px;
	border-top-style: solid;
	border-color:#FFFFDD;	
}

.borderbottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color:#FFFFDD;
}

p {
padding-left: 10%
}

.style1 {font-family: Helvetica, sans-serif};
.style2 {font-size: 12px;}

.style3 {font-family: Helvetica, sans-serif;
				 font-size: 11px;
			   line-height: 1.3em;		 }
			   
.style3a {font-family: Helvetica, sans-serif;
					text-decoration: bold;
				  font-size: 11px;
			    line-height: 1.3em;		 }			   

.vidFrame { 
             position: absolute;
             display: none;
             width: 270px;
             height: 210px;
             cursor: move;
          }
                           
.moveable {
             position: absolute;
             cursor: move;
           }          
      
         
#menu {
	width: 683px;
  position:absolute;
  padding:0px;
  margin: 0px;
  }
#menu li {
  list-style-type:none;
  float: left;
  }
#menu a, #menu a:visited {
  display:block;
  width:7em;
	font-family: Helvetica, sans-serif;
  font-size:12px;
  line-height: 1.45em;
  text-align:center;
  text-decoration:none;
  background:#FFF; 
  color:#0090B3; 
  padding:0;
  border-right: 1px #ddd solid;
  }
  
#menu a:active {
  display:block;
  width:7em;
	font-family: Helvetica, sans-serif;
  font-size:12px;
  line-height: 1.45em;
  text-align:center;
  text-decoration:none;
  background:#0090B3; 
  color:#FFF; 
  padding:0;
  border-right: 1px #ddd solid;
  }
  
#menu a span {
  display:none;
  }
#menu a:hover {
  background:#0090B3;
  color:#FFF;
}

#menu a:hover span {
  display:block;
  position:absolute; 
  left:10em; 
  top:0; 
  text-align:left;
  padding:0.5em; 
  width:24em;
  background-color:#0090B3;
  color:#000; 
  }
#menu a:hover span:first-line {
  font-weight:bold; 
  font-size:1.2em;
  color:#808;
  }
  
a.downloads	  {color: #0090B3; 
			  			 text-decoration: none;
			 				 font-family: Helvetica, sans-serif;
 			 				 font-size:10px;
  					   line-height: 1.45em;
  			  		 text-align:center;
  			  		 text-decoration:none;
			  			 display:block;
  			  		 width:7em;
			  			 border-right: 1px #ddd solid;
  			 		   border-left: 1px #ddd solid;
 			  			 border-top: 1px #ddd solid;
  			 			 border-bottom: 1px #ddd solid; }
  			  
a.downloadsbroken	  
						 {color: grey; 
			  			text-decoration: none;
			  			font-family: Helvetica, sans-serif;
 			  			font-size:10px;
  			  		line-height: 1.45em;
  			  		text-align:center;
  			  		text-decoration:none;
			  		  display:block;
  			  		width:9em;
			  			border-right: 1px #FFD47F solid;
  			  		border-left: 1px #FFD47F solid;
 			  			border-top: 1px #FFD47F solid;
  			  		border-bottom: 1px #FFD47F solid; }  			  
			  
a.downloads:visited  
						{color: #FFBF00; 
			 			 text-decoration: none; 
			  		 background:#FFF; 
			  		 font-family: Helvetica, sans-serif;
 			  		 font-size:10px;
  			  	 line-height: 1.45em;
  			  	 text-align:center;
  			  	 text-decoration:none;
			  		 border-right: 1px #ddd solid;
  			  	 border-left: 1px #ddd solid;
 			  		 border-top: 1px #ddd solid;
  			 		 border-bottom: 1px #ddd solid; 
			 		   }
			  
a.downloads:link     
					  {color: #0090B3; 
			  	   text-decoration: none;
			  		 font-family: Helvetica, sans-serif;
 			  		 font-size:10px;
  			  	 line-height: 1.45em;
  			  	 text-align:center;
  			  	 text-decoration:none;
			  	 	 border-right: 1px #ddd solid;
  			  	 border-left: 1px #ddd solid;
 			  		 border-top: 1px #ddd solid;
  			  	 border-bottom: 1px #ddd solid; }
			  		  
a.downloads:hover   
					  {color: #FFF; 
			  		 background:#0090B3; 
			  		 text-decoration: none;
			  		 font-family: Helvetica, sans-serif;
 			  		 font-size:10px;
  			  	 line-height: 1.45em;
  			  	 text-align:center;
  			  	 text-decoration:none;
			  		 border-right: 1px #ddd solid;
  			  	 border-left: 1px #ddd solid;
 			  		 border-top: 1px #ddd solid;
  			  	 border-bottom: 1px #ddd solid;  }
  			  	 
a.downheading	  {color: #0090B3; 
			  			 text-decoration: none;
			 				 font-family: Helvetica, sans-serif;
 			 				 font-size:10px;
  					   line-height: 1.45em;
  			  		 text-align:center;}
  			  		 
a.downloadsit	 {color: #0090B3; 
			  			 text-decoration: none;
			 				 font-family: Helvetica, sans-serif;
 			 				 font-size:10px;
  					   line-height: 1.45em;
  			  		 text-align:center;
  			  		 text-decoration:none;
			  			 display:block;
  			  		 width:12em;
			  			 border-right: 1px #ddd solid;
  			 		   border-left: 1px #ddd solid;
 			  			 border-top: 1px #ddd solid;
  			 			 border-bottom: 1px #ddd solid; }  			  		   			  	 

a.downloadsit:visited  
						{color: #FFBF00; 
			 			 text-decoration: none; 
			  		 background:#FFF; 
			  		 font-family: Helvetica, sans-serif;
 			  		 font-size:10px;
  			  	 line-height: 1.45em;
  			  	 text-align:center;
  			  	 text-decoration:none;
			  		 border-right: 1px #ddd solid;
  			  	 border-left: 1px #ddd solid;
 			  		 border-top: 1px #ddd solid;
  			 		 border-bottom: 1px #ddd solid; 
			 		   }
			  
a.downloadsit:link     
					  {color: #0090B3; 
			  	   text-decoration: none;
			  		 font-family: Helvetica, sans-serif;
 			  		 font-size:10px;
  			  	 line-height: 1.45em;
  			  	 text-align:center;
  			  	 text-decoration:none;
			  	 	 border-right: 1px #ddd solid;
  			  	 border-left: 1px #ddd solid;
 			  		 border-top: 1px #ddd solid;
  			  	 border-bottom: 1px #ddd solid; }
			  		  
a.downloadsit:hover   
					  {color: #FFF; 
			  		 background:#0090B3; 
			  		 text-decoration: none;
			  		 font-family: Helvetica, sans-serif;
 			  		 font-size:10px;
  			  	 line-height: 1.45em;
  			  	 text-align:center;
  			  	 text-decoration:none;
			  		 border-right: 1px #ddd solid;
  			  	 border-left: 1px #ddd solid;
 			  		 border-top: 1px #ddd solid;
  			  	 border-bottom: 1px #ddd solid;  }
  			  	 
a.downloadsitbroken	  
						 {color: grey; 
			  			text-decoration: none;
			  			font-family: Helvetica, sans-serif;
 			  			font-size:10px;
  			  		line-height: 1.45em;
  			  		text-align:center;
  			  		text-decoration:none;
			  		  display:block;
  			  		width:12em;
			  			border-right: 1px #FFD47F solid;
  			  		border-left: 1px #FFD47F solid;
 			  			border-top: 1px #FFD47F solid;
  			  		border-bottom: 1px #FFD47F solid; }