html, body, div, p, hr, table, h1, h2, h3
{
  margin: 0;
  padding: 0;
}

body
{
  margin-left: auto;
  margin-right: auto;

  background-color: #e4e6e7;
  
  
  /*background-color: #c7d8e3;
  */
}

div.top
{
  /*
  background-image: url('title.jpg');
  background-repeat: no-repeat;
  background-position: left;
  */
  
  background-color: #84a6bc;

  width: 100%;
  margin-left: auto;
  margin-right: auto;

  padding: 0px 0px 0px 0px;
}

div.frame
{
  width: 700px;
  height: 54px;
  margin: 0px auto 0px auto;
  padding: 15px 25px 10px 25px;

  background-color: #005284;

  border-left: 1px solid  #e1dedf;
  border-right: 1px solid  #e1dedf;
}

img.top
{
  width: 700px;
}


div.content_wrap
{
  width: 750px;
  margin: 0px auto 0px auto;
  background-color: white;
  
  border-left: 0px solid #c9c9c9;
  border-right: 0px solid #c9c9c9;

  padding: 10px 0px 10px 0px;
/*
background-image: url('tausta_pelto.jpg');
background-repeat: no-repeat;
background-position: bottom left;
*/
}


p.top
{
  font: 24pt Tahoma;
  font-weight: 600;
  color: white;
  
}

div.content
{
  width: 550px;
  margin-left: 180px;
  
  border-left: 2px dashed #005284; /*logonsininen*/
  padding: 0px 5px 5px 10px;
}

div.menu
{
/*	margin-left: auto;
  margin-right: auto;
*/
  float: left;
}

div.menuitem
{
  /*
  width: 250px;
  */
  margin: 0px 0px 5px 5px;
  padding: 2px 20px 2px 10px;
/*
  background-image: url('button.gif');
  background-repeat: repeat-x;
*/
  /*
  background-color: #e1dedf;
  */

  color: #005284;/*#84a6bc;*/
}

div.menuitem:hover
{
  background-color: #84a6bc;
  color: white;
}

p
{
  font: 14px Verdana;
  padding-top: 5px;
  padding-bottom: 5px;
}


p.article_credits, p.article_title, p.article_topic, p.article_open
{
  padding: 0px;
}

p.article_credits
{
  margin-top: 15px;
}

p.article_open
{
  margin-bottom: 20px;
}

p.article_credits {	font: 8pt Tahoma; color: #666}
p.article_title { font-weight: bold; font-size: 14pt; font-family: Arial, Sans-serif; color: #005284; }
/*p.article_topic {font-style: italic; }*/
p.article_open {font: 8pt Tahoma; color: #005284;}




div.bottom
{
  background-color: #84a6bc;
}

div.menu
{
  margin-top: 10px;
  margin-bottom: 10px;
}

p.bottom
{
  color: white;
  font: 7pt Verdana;
  text-align: center;

  width: 750px;

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

  background-color: #005284; /*gray blue*/

  border-left: 1px solid #e1dedf;
  border-right: 1px solid #e1dedf;
}

h1
{
  font: 28px Arial;
  padding: 10px 0px 10px 0px;
}

h2
{
  margin-top: 10px;
  margin-bottom: 3px;
  font: 20px Arial;

  background-color: #e1dedf;

/*
background-image: url('tausta_aurinko.jpg');
*/
}

h1, h2, h3
{
  color: #005284;
}

h3
{
  font: 14px Verdana;
  font-weight: 700;
}


a.menuitem_selected, a.menuitem
{
  font: 10pt Verdana;
  font-weight: 700;
}

a.menuitem:link, a.menuitem:visited, a.menuitem:active {text-decoration: none;}
a.menuitem:hover { text-decoration: none;}

a.article_title:link, a.article_title:visited, a.article_title:active {text-decoration: none; color: #005284;}
a.article_title:hover { text-decoration: underline;}

a.article_open:link, a.article_open:visited, a.article_open:active {text-decoration: none; color: #005284;}
a.article_open:hover { text-decoration: underline;}

a.downloads:link, a.downloads:visited, a.downloads:active {text-decoration: none; color: #005284;}
p.downloads:hover { text-decoration: underline;}


img.dot
{
  position: relative;
  top: 2px;	
}


img.banner
{
  width: 150px;
}

img.downloads
{
  width: 130px;
  margin: 20px 0px 0px 0px;

}

img.downloads:hover
{
  border: 2px solid #e1dedf;
}

span.italic
{
  font-style: italic;
}


p.downloads
{
  font: 8pt Tahoma;
  margin: 0px 0px 0px 15px;
}


a.downloads
{
  margin: 50px 0px 0px 15px;
}

td.stats
{
  border: 1px solid #e1dedf;
  font: 10pt Tahoma;
}