html { margin: 0; }

body 
{
  font :13px/100% Verdana,Tahoma,Arial,sans-serif;
  margin: 0 auto;
  padding: 0;
  color: #666;
}

a
{
  color:#666;
  text-decoration:none;
  font-size:12px;
}
a:hover
{
  color:#333;
  text-decoration:underline;
  font-size:12px;
}
a img
{
  border:none;
}
a:hover img
{
  position:relative;
  bottom:-1px;
  right:-1px;
}

#main
{
  position:relative;
  margin:0 auto;
  width:885px;
}
#banner
{
  background:url("imgs/banner.jpg") bottom center no-repeat; 
  position:relative;
  height:100px;
}
#banner h1
{
  text-indent:-9999px;
}
#navi_bar
{
 position:absolute;
 bottom:0px;
 left:0px;
 width:100%;
 height:25px;
 color:white;
}
#navi_bar a
{
  color:#fff;
  margin-left:15px;
  margin-right:10px;
}
#navi_bar a:hover
{
  text-decoration:underline;
}
#navi_bar span#login
{
  margin-left:-10px;
}

#join a
{
  display:block;
  position:absolute;
  width:100px;
  height:100px;
  right:80px;
  top:15px;
  z-index:100;
}




#backhome a
{
  display:block;
  position:absolute;
  width:70px;
  height:35px;
  right:360px;
  top:40px;
  z-index:101;
}

#hakka_brand
{
  position:relative;
  width:100%;
  height:291px;
}
#hakka_media
{
  float:left;
  height:100%;
  width:720px;
}
#brand_right
{
  float:right;
  height:100%;
  width:162px;
}
#listen_online
{
  height:46px;
 
}
#hakka_singers
{
  height:245px;
}
#content
{
  position:relative;
}
#content_left
{
  float:left;
  height:100%;
  width:720px;
}
#latest_news
{
  float:left;
  width:455px;
  height:100%;
  background:url("imgs/latest_news.jpg") no-repeat;
}

#latest_news h2,#content_left #e_news h2
{
  display:none;
}
#e_news
{
  float:left; 
  width:265px;
  height:100%;
  background:url("imgs/e_news.jpg") no-repeat;
}
#enews_body
{
  padding-right:5px;
  line-height: 1.6em;
}
#lnews_body, #enews_body
{
  margin-top:40px;
}
#lnews_body .r_list
{
  list-style:url("imgs/list-style.gif");
  text-align:left;
  margin-left:15px;
  padding:0;
}
#lnews_body .r_list .r_item
{
  padding-bottom:10px;
}
#content_right
{
  float:left;
  clear:both;
  height:100%;
  width:100%;
  padding-top:30px;
}
#radio_info
{
  float: left;
  margin:0 auto;
  width:100%;
  background:url("imgs/radio_info.jpg") no-repeat left bottom;
  color:white;
  padding-top:13px;
  padding-left:13px;
  padding-bottom:4px;
}
#radio_info p
{
  font-size:12px;
  margin:0px;
  margin-bottom:1px;
}
#radio_info h2
{
  display:none;
}
#radio_info a
{
  font-size:10px;
  color:white;
}