body {

  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
   background:#000; 
   background:#000 url('pic/taka.jpg') left top ; /*repeat-y;;*/
}


#sivu{
margin-left:2%;
width:700px;
border: 3px solid #000;


}

#otsikko{
text-align: center;
 background:#fff url('pic/ylabg.jpg') 130px top;
}
#otsikko img {text-align:right;}

#menu{
/*text-align: center;*/
border: 1px solid #444;

}

#sisus{
position:absolute;
 background:#fff; 
text-align:justify;
width:700px;
background:#fff url('images/r.gif') no-repeat left bottom ;
}

#mainarea{

padding:3em;
float:left;
width:400px;

}


#oikea{position: relative;
height:100%;
/*position:absolute;
left:480px;
top:243px;
*/
float:right;
width:200px;
background:#eee url('pic/harmaa.jpg') no-repeat;

border-left: 2px dotted #ccc;


padding:1em;
padding-bottom:40%;
} 


.referate{
background:#eee url('pic/dot.gif') bottom right no-repeat;
border-bottom: 1px dotted #aaa;
padding:0.5em;
}

.referate  h4  {
font-weight:bold;
}

.uutinen{
padding-bottom:3em;

}

#uutiset h2 {
margin-top:4em;
}


#alapalkki{
clear:both;
text-align:right;
background:#eee;
height:20px;
color:#aaa;
border-top: 2px dotted #ccc;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #000000;
  border-bottom: 1px solid #ccc;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 800;
  color: #000000;
  border-bottom: 1px solid #aaa;
}

a:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  color: #000000;
}
a:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  color: #000000;
}

a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
  color: #000000;
}

a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #000000;
}

strong {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

label {
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    margin-left: 7px;
    padding: 0;
}



input {
  margin: 0;
  padding: 0;
}

hr {
  width: 95%;
}

em {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #CC3300;
}



ul {
	display:inline;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
/* =-=-=-=-=-=-=-[Menu One]-=-=-=-=-=-=-=- */
	
#menu {

	background: #000;
/*background: #fff url('images/menutausta.jpg') left top no-repeat;
*/
	margin-top:0px;
font-size:1.1em;
font-weight:bold;
margin-left:0em;
line-height:2em;
/*border: 3px solid #ddd;*/

color:#fff;
padding-top:6px;

	}
	
#menu li  {
display:inline;
}

#menu li a {
display:inline;

  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
		
	}	
	
#menu li a:link, #menu li a:visited {
	/*color: #5E7830;*/
	color: #fff;
	background:#000;
	display: inline;
	/*background: url(images/menu1.jpg);
	background:#fff; */
	padding: 11px;
	}
	
#menu li a:hover {
	color: #26370A;
	/*	background: url(images/menu1.jpg) 0 -32px; */
	padding: 11px;
	background:#ddd;
	}
	
#menu li a:active {
	color: #26370A;
		/*background: url(images/menu1.jpg) 0 -64px; */
	padding: 11px;
	background:#fff;
	color:#444;
	}

#menu li a.active {
background:#fff;
	color:#444;
	
}


.gbook{
padding:1.5em; 
border: 2px solid #eee;

margin:10px;
}

.gbookvastaus a {
color:#6a6;
}

.gbookvastaus{
color:#6a6;
}


.hallintamenu{
position:absolute;
top:0px;
left:5em;
color: #ddd;
}
.hallintamenu a{
background:#fff;
}

#gallery{margin:1em;}
.thumb { float:left; margin:10px; width:90px; height:90px;}