body {
margin:0;
padding:0;
font: 11px/1.2em Verdana;
text-align:center;color:black;
background: #fff url(../images/bg.gif);
}
div, form, img, input
{
 text-indent: 0px;
 margin:0px;
 padding: 0px;
}
#head {
  width:100%;
  height: auto;
  background: #FFF;
  float: left;
  padding-bottom: 10px;
}
#foot {
  width:100%;
  height: auto;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  float: left;
  background: #FFF;
}
#footl {
  width: 390px;
  float: left;
  padding: 10px;
  text-align: left;
}
#footr {
  width: 390px;
  float: right;
  text-align: right;
  padding: 10px;
}
#hleft {
  width: 300px;
  padding: 15px 0 0 10px;
  float: left;
}
#hright {
  width: 500px;
  padding: 15px 10px 0 0 ;
  float: right;
}
#logo a {
  width: 300px;
  height: 90px;
  margin: 0 0 0 0;
  background: url(../images/logo_biofir-center.gif) no-repeat right;
  float:left;
}
#cari {
  float: right;
  padding: 2px 10px 0 0;
}
#pmn {
  width: 100%;
  border-top:1px solid #666;
  float: left;
  padding:0;
}

/*- Menu Tabs*/
.menu {
width: auto;
font-size:11px;
line-height:normal;
text-align: right;
padding:0;margin:0;
}
.menu ul {
margin:0;
width: auto;
padding:0 10px 0 10px;
list-style:none;
font-weight: bold;
}
.menu li {
display:inline;
margin:0;
padding:0;
}
.menu a {
float:left;
background:url("../images/menu/L.gif") no-repeat left top;
background-position:0% -18px;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
.menu a span {
float:none;
display:block;
background:url("../images/menu/R.gif") no-repeat right top;
padding:5px 10px 6px 5px;
background-position:100% -18px;
color:#666;
}
.menu a:hover {
background-position:0% -60px;
color: yellow;
}
.menu a:hover span {
background-position:100% -60px;
color: yellow;
}
.menu .current a {
background-position:0% -60px;
color: yellow;
}
.menu .current a span {
background-position:100% -60px;
color: yellow;
}