html { 
  padding:0px;
  margin:0px;
}

body {
  background-color: black; /*#e1ddd9; */
  font-size: 12px;
  font-family: monospace;
  color:#564b47;  
  padding:0px;
  margin:0px;
  height:100%;
}

p {
margin: 0px; 
padding: 5px 20px 5px 20px; 
color: #FCDFFF;
}

a { 
letter-spacing:  0.1cm;
line-height: 2;
color: #E3E4FA;
font-size: 14px;
text-decoration: none;
font-family: monospace;
background-color: transparent;
}

A:hover {
text-indent: 5in;
font-size: 14px;
text-decoration: none; 
font-family: monospace;
background-color: red;
color: white;
}

.alignright {
margin-top: 0; 
text-align: right;
font-size: 10px;
color: #E3E4FA;
}

h2 {
font-size: 16px;
margin: 0px; 
padding: 5px 20px 5px 20px; 
color: black;/*#FCDFFF; */
font-weight: bold;
}


h1 {
font-size: 18px;
text-transform:uppercase;
text-align: left;
color: black;
background-color: white;
padding:5px 15px;
margin:0px
}


strong { 
font-size: 13px;
}

/*  positioning-layers static and absolute */

#left {
position:absolute;
left: 0px;
width: 170px;
/*color: #564b47;  */
height: 100%;
margin: 0px;
padding-right: 10px;
padding-left: 10px;
background-color: black;

}

#content {
margin: 0px 180px 0px 180px;
padding-left: 20px;
padding-right: 30px;
background-color: black; 

}

#right {
position: absolute;
right: 0px;        
width: 170px;
height: 100%;
color: #564b47;
margin: 0px;
padding-right: 10px;
background-color: #900000;

}


#logo
{
  background-color: #900000;
  background-image: url("ylapalkki3.gif");
  background-repeat: repeat;
}

p.iso 
{       
 font-size: 16px;
text-decoration: none; 
font-family: monospace;
}

div.background
  {
  width:100%;
  height:100%;
  background:url(bricks.jpg) repeat;
  border:0px solid black;
  }
div.transbox
  {
  width:100%;
  height:100%;
  margin:0px 0px;
  background-color:#90000;
  border:0px solid black;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  }
div.transbox p
  {
  margin:0px 0px;
  font-weight:bold;
  color: black;
  font-family: monospace;
  }