body {

  margin: 0;

  padding: 0;

  background-color: #255174; /*#3c2222;*/

  /*background-image:  url(bodyylareuna.gif);*/

  background-repeat: repeat-x;

  color: #330000;

  font-family: Verdana, Arial, Helvetica, Sans-Serif;

  font-size: small;

}



#container {

  padding: 0;

  border: 0;

  margin: 0;

  margin-left: auto;  /* center */

  margin-right: auto;  /* center */

  width: 900px;

}



#header {

  padding: 1px;  /* Firefox shows annoying empty space, if 0px */

  border-left: 3px solid #ab9f8f;  /*#cbbfaf;*/

  border-right: 3px solid #ab9f8f;

  border-bottom: 3px solid #ab9f8f;

  margin: 0 10 10 10;

  background-color: #400000;

  background: url(otsikkotausta.jpg);

  height: 140px;

}



/*#header h1 {*/
h1#mainheader {

  font-family: Georgia, Serif;

  font-style: normal;

  font-weight: normal;

  letter-spacing: 2px;

  color: #dcdcdc;
  margin-top: 45px;

/*
  text-align: center;
  margin-left: auto;

  margin-right: auto;

*/
}

#unionimagewrapper {
  float: left;
  margin-right: 50px;
}

#mainheaderwrapper {
  float: left;
}

img#unionimage {
  margin-top: 2px;
  margin-left: 2px;
}



#leftColumn {

  float: left; 

  width: 15%;

  /* border: 1px solid red; */

}



#rightColumn {

  float: right; 	  /* floats well in IE, terrible in Firefox */



  width: 80%;

  height: auto;

  /* border: 1px solid blue; */

}



.imglist { 

float: right; 

width: 650px; 

position: relative;

/*background: red;*/

left: 0;

bottom: 0; 

height: 40px;

/*background: url(mainalareuna.gif);*/

} 



#mainwrapper {  /* Forces centering for main div, which itself has float left */

  width: 654px;

  margin-left: auto;

  margin-right: auto;

  padding: 0px;

  border: 0px;

  background-color: transparent;

}



#main {

  float: left;  /* Without this, FF fails to color the background. */

  width: 650px;

  margin-left: 0px;

  margin-right: 0px;

  margin-top: 20px;

/*  background: transparent url(top-right.png) scroll no-repeat top 

right; */

  padding: 0px;

  border: 3px solid #ab9f8f;

  background-color: #fafbfc; /*#f0f0f0;*/ /*#f0f9ff;*/ /*#faebd7;*/
  background: #fafbfc url(maintausta.jpg) scroll no-repeat bottom left;

}



#mainpadder {

  padding: 20px;

  position: relative:

  top: 1px;

  left: 1px;

  /* border: 1px solid orange; */

}



#mainbottom {

  height: 40px;

  /*background: url(mainalareuna.gif);*/

}



#main h1 {

  font-family: Georgia, Serif;

  color: maroon;

  font-size: medium;

  background-color: transparent;

  margin-top: 30px;

}



#main p {

  background-color: transparent;

}



a.maillink:link {

  color: blue;

  text-decoration: none;

} 

a.maillink:visited {

  color: blue;

  text-decoration: none;

} 

a.maillink:hover {

  color: #1e90ff;

  text-decoration: none;

} 	

a.maillink:active {

  color: #1e90ff;

  text-decoration: none;

} 



#footer {

  padding: 0;

  border: 0;

  margin-left:auto;
  margin-right:auto;

  height: 40px;
  width: 350px;

  color: #cccccc;

}



#rightpush

{

  left: 100px;

}



#navig {

  background-color: transparent;

  margin-top: 50px;

  border: 0px;

}



#navig ul { 



}



#navig li .unselected { 

  /* kuinka pitäis tehdä */

}



#navig li { 

  font-family: Georgia, Serif;

  font-weight: bold;

  color: #8b4513;     

  width: 160px;

  background: #ffe4c4;            

  margin: 10px 10px 10px -150px; 

  padding: 2px 0px 2px 2px;  /* top right bottom left */

  list-style: none;

  border: medium double maroon;  /* #cd853f; */    

}



#navig li a { 



}



/* Contour, credits: Raphael Goetter */



h2, .ombre, ombre2 {

  font: bold 25px verdana, sans-serif;

}

h2 {

  position: relative; /* first place the container H1 to correctly place 

the SPAN later */

  top: -1px; /* title is offcentered */

  left: -1px;

  color: yellow;

}

.ombre {

  position: absolute; /* SPAN is placed over the title */

  top: 2px; /* SPAN ois offcentered */

  left: 2px;

  color: yellow;

}

.ombre2 {

  position: absolute; /* SPAN is placed oner the title */

  top: 1px; /* SPAN is offcentered */

  left: 1px;

  color: red;

}



/* Vertical and horizontal center combined, credits: Yuhu */



#outer {

  height: 100px;

  overflow: hidden;

  position: relative;

  width: 100%;

}

#outer[id] {

  display: table; 

  position: static;

}

#middle { 

  position: absolute; 

  top: 50%; 

  width: 100%; 

  /* text-align: center; */

} /* for explorer only*/

#middle[id] {

  display: table-cell; 

  vertical-align: middle; 

position: static;

}

#inner {

  position: relative; 

  top: -50%; 

  text-align: 

  left;

} /* for explorer only */

#inner {

  width: 700px; 

  margin-left: auto; 

  margin-right: auto;

} /* for all browsers*/

/* optional: #inner[id] {position: static;} */		

div.bordered {

  border: 0px; 

  background-color: transparent;

}