#topbar{
  font-size:12px; 
  color:##FFF; 
  background:#009F3B; 
  font-weight:bold; 
  padding:6px; 
  clear:both;
  height:1%;
  height: 23px;
  overflow:auto;

}
#topbar a{
  color:#eeeeee; 
  text-decoration:none; 
  margin:0 5px; 
  height:23px; 
  line-height:23px; 
  float:left; 
  display:block;
  padding-right:10px;
}
#topbar a span{ 
  height:23px; 
  display:block; 
  padding-left:10px;
}
#topbar a:hover{
  color:#009F3B; 
  text-decoration:none; 
  height:23px; 
  line-height:23px; 
  float:left; 
  display:block; 
  background:url(images/tb_a.png) right top no-repeat;
  padding-right:10px;
}
#topbar a:hover span{ 
  background:url(images/tb_span.png) left top no-repeat; 
  height:23px; 
  display:block; 
  padding-left:10px;
}
a.active{
  height:23px;
  line-height:23px; 
  background:url(images/tb_a.png) right top no-repeat;
  padding-left:10px;
}
a.active span{ 
  color:#009F3B; 
  background:url(images/tb_span.png) left top no-repeat; 
  height:23px; 
  display:block; 
}

#middlebar{
  font-size:11px; 
  color:#3b5d14; 
  background:#b2d281; 
  font-weight:bold; 
  padding:2px; 
  overflow:auto; 
  height:1%; 
  height: 23px;
  clear:both;
}
#middlebar a{
  color:#3b5d14; 
  text-decoration:none; 
  margin:0 5px; 
  padding-right:10px; 
  height:23px; 
  line-height:23px; 
  display:block; 
  float:left; 
  background:none;
}
#middlebar a span{
  background:none; 
  height:23px; 
  display:block; 
  padding-left:10px;
}

#middlebar a:hover{
  color:#3b5d14; 
  text-decoration:none; 
  margin:0 5px; 
  padding-right:10px; 
  height:23px; 
  line-height:23px; 
  display:block; 
  float:left; 
  background:url(images/mb_a.png) right top no-repeat;
}
#middlebar a:hover span{
  background:url(images/mb_span.png) left top no-repeat; 
  height:23px; 
  display:block; 
  padding-left:10px;
}