body{
  background:url(pic/background.gif) repeat-x;
}
p{
  font:normal .75em verdana,helvetica,sans-serif;
  padding:1.75em 1.75em 1.75em 1.75em;
  color:#fff;
}
div.wrapper{
  width:800px;
  height:600px;
  background:#BCCBEA;
  margin:auto;
}
div.header{
  background:#fff;
  width:800px;
  height:100px;
}
div.header img{
  position:relative;
  top:30px;
  border:none;
}
div.navi{
  width:200px;
  float:left;
}
img.foto{
  position:relative;
        top:20px;
}


div.w3c{
        position:relative;
        top:305px;
}

div.w3c img{
  border:none;
}
div.navi li{
  list-style:none;
        position:relative;
        left:-20px;
}
a.navi{
  font:bold .75em verdana,helvetica,sans-serif;
  color:#fff;
  text-decoration:none;
}
a.active, a.navi:hover{
        font:bold .75em verdana,helvetica,sans-serif;
  color:#5c6696;
        text-decoration:none;
}
a.mail{
  color:#fff;
        text-decoration:none;
}
div.content{
  width:400px;
        height:500px;
  background:#5c6698;
  float:left;
}
div.content p{
  position:relative;
        top:-13px;
}
*div.content p{
        top:-18px;
}
div.content p a{
  color:#fff;
  text-decoration:none;
}
div.content p a:hover{
color:#999;
  text-decoration:bold;
}
img.footer{
  position:relative;
  top:8px;
}
div.message{
  float:right;
  width:200px;
        position:relative;
        top:41px;
}
*div.message{
        top:55px;
}
div.message p{
        position:relative;
        left:-10px;
}
div.message p a{
        color:#fff;
  text-decoration:none;
}
div.message p a:hover{
        color:#5c6698;
  text-decoration:none;
}
div.message p em{
  font:bold 2em verdana,helvetica,sans-serif;
}
div.message img{
  position:relative;
        top:23px;
}
*div.message img{
        top:15px;
}
div.footer p{
  font:normal .625em verdana,helvetica,sans-serif;
  position:relative;
  left:246px;
  top:-10px;
  color:#999;
}
*div.footer p{
  top:-28px;

}