*{
 margin: 0;
 padding: 0;

}

html, body{
 height: 100%;
 background: url('bg.jpg') no-repeat top left #263d94;
}

#container{
 width: 700px;

}

a{
 font-weight:bold;
  color: #fff;
}

#header{
 background: transparent;
 height: 154px;

}

#nav ul { position:absolute; width:109px; top:7px; left: 300px; margin:0; padding:0 }
#nav ul li { list-style-type:none; height: 25px; }
#nav ul li a { height:20px; display:block; position:absolute; top:0; text-indent:-9999px }

li#navEtu a, li#navTuo a, li#navKuv a, li#navKal a, li#navYht a { background:url('navig.jpg'); }

li#navEtu a { background-position:0 0; width:109px; left:0 }
li#navTuo a { background-position:0 -20px; width:109px; left:0; margin-top: 24px;}
li#navKuv a { background-position:0 -40px; width:109px; left:0; margin-top: 48px;}
li#navKal a { background-position:0 -60px; width:109px; left:0; margin-top: 72px;}
li#navYht a { background-position:0 -80px; width:109px; left:0; margin-top: 96px;}

#main{
width: 490px;
margin-left:  200px;
  margin-top: 180px;
 font-size: 10pt;
 color: #fff;
 padding: 15px;
}

li{
  list-style-type: none;
}

#main h2{
 margin-bottom: 15px;
}

#main p{
 margin-bottom: 15px;
}

#footer{
position:relative;
background: url('footer_bg.gif') repeat-x;
height: 14px;
margin-top: -14px;
}

.date{
  font-size: 9px;
  margin-top: -10;
  padding:0;
}

.content{
  margin-top: -15px;
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}