body{ background-image:url(images/taustakuva.jpg);background-repeat:repeat-x; display:block; background-color:#eeeeee; font-size:9pt;
       font-family:tahoma,verdana,helvetica,sans-serif; text-align:center; margin: 0; padding: 0;}
  *.leftcolumn { width:180px; float:left; padding: 0px; padding-left:10px}
  *.middlecolumn { width:641px; float:left; padding: 5px; }
  *.middlecolumn2 { width:821px; float:left; padding: 5px; }
  *.divider { clear:both; }
  *.row { width:821px; padding-top:5px; padding-bottom:20px; }

img {border : 0 }
.right { float:right; }

input.teksti { width: 285px; border:0px; height:20px;}
input.nappi { border:0px; }
textarea.tekstialue { width: 285px; height:100px; border:0px; }
a { color: #CB731A; }
em { color:#990000; }
/** layout **/

#btn-hyvinvointia_naisille {position:absolute;left:50px;top:290px;}
#btn-koulutukset {position:absolute;left:320px;top:290px;}
#btn-hyvinvointia_yrityksille {position:absolute;left:550px;top:290px;}
#btn-psykoterapiapalvelut {position:absolute;left:50px;top:440px;}
#btn-episteme {position:absolute;left:400px;top:400px;}
#btn-ota_yhteytta {position:absolute;left:550px;top:440px;}
td {
  font-family:tahoma,verdana,helvetica,sans-serif; 
}
div.palsta
{
margin-left:30px;
width: 860px;
color: #ffffff;
}
div.palsta div
{
float: left;
width: 375px;
padding: 10px;
}
div.palsta h1 {
  font-size: 22px;
  font-weight: normal;
  color: #ffffff;
  margin-top:0px;
}
div.palsta p {
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
}
div.palsta a  {
  color:#FFCC66; 
}

#wrapper {
  text-align: left;
  margin: auto;
  width: 850px;
  position: relative;
  
}

#outer {
  padding-top: 20px;
}

#body-top {
  min-height: 100px;
  _height: 100px;
  padding-bottom: 14px;
}

#logo {
  float:left;
  padding-left: 0px;
  padding-top: 20px;
}

h1 {
  font-size: 22px;
  font-weight: normal;
  color: #330000;
}
h2 {
  font-size: 16px;
  font-weight: bold;
  color: #330000;
}


p {
  color: #330000;
}

#top-nav {
float:right;
padding-top:50px;
}

#top-nav ul {
  padding-left: 10px;
}
#top-nav li {
  color:#ffffff;
  list-style: none;
  float: left;
  padding-left: 0px;
  padding-right: 10px;
}

#top-nav li.viiva {
  height:15px;
  background: left center url(images/viiva.png) no-repeat;
  padding-left: 13px;
}


#top-nav a {
  color:#ffffff;
  text-decoration: none;
  font-size:11px;
  font-weight:normal;
}

#top-nav a.selected {
  color:#000000;
  text-decoration: none;
  font-size:11px;
  font-weight:normal;
}
#mielenvoimaa {
position:absolute;
left: 600px;
top: 20px;
}

/** nav **/

#left-nav {
  margin-right: 0px; padding-right: 0px;
  padding-top:40px;
  width: 180px;
  list-style: none;
}
#left-nav a.selected {
  color:#000000;
  text-decoration: none;
  font-size:12px;
  font-weight:normal;
}
#left-nav ul {
  margin: 0px;
  padding:0px;
  list-style: none;
}
#left-nav li {
  height:32px;
  background: left center url(images/raquo-viiva.png) no-repeat; 
  padding-left: 20px;
  padding-top: 6px;
}

#left-nav li.selected {
  background: left center url(images/raquo-viiva2.png) no-repeat; 
}

#left-nav a {
  color: #ffffff;
  text-decoration: none;

}
#left-nav a:hover {
  color: #FFA405;
}

#yhteystiedot {
  text-align: center;
  padding-top:10px;
  font-size: 12px;
  color: #ffffff;
}
#yhteystiedot a {
 color: #ffffff;
}


#copy {
	text-align: right;
	padding-top: 15px;
	padding-right: 2px;
	font-size: 12px;
	color: #cccccc;
}
#copy a {
	text-decoration:none;
	color: #cccccc;
}
a.selected {
	font-weight: bold;
}
hr {
	color: #c8b39d;
	background: #c8b39d;
	height: 1px;
	border: none;
}

/** whitebox **/
#whitebox-bg  { background: url(images/white_bg.png) repeat-y; }
#whitebox-grd { background: bottom url(../images/green_grad_bot.jpg) repeat-x; }
#whitebox-top { background: url(images/white_top.png) no-repeat; height: 42px; }
#whitebox-bot { background: bottom left url(images/white_bot.png) no-repeat; height: 23px; }

#whitebox-grd {
  min-height: 100px;
  padding: 2px 24px;

}
#whitebox h2 {
  font: bold 14px arial, sans-serif;
  color: #330000;
  margin: 0;
}
#whitebox p {
  margin: 1em 0;
  color: #330000;
}
#whitebox a {
  color:#CB731A;
 }
#brownbar {
background-image:url(images/brownbar.png);
background-repeat:no-repeat;
height:23px;
}
#brownbox {
background-image:url(images/brownbox_bg.png);
background-repeat:no-repeat;
padding-left: 70px;
}
#brownbox p {
color:#ffffff;
margin:0px;
padding-top: 20px;
}
#brownbox_bottom {
background-image:url(images/brownbox_bottom.png);
background-repeat:no-repeat;
height:18px;
}