* { padding: 0; margin: 0 }
BODY { font: 11px Verdana; color: #715222; background: #fff }
TD, A { font: 11px Verdana; color: #715222 }
TABLE { border-collapse: collapse; border: 0 }

A IMG, IMG { border: 0 }
.png { filter:expression(fixPNG(this)) }
.croppng { filter:expression(cropPNG(this)) }

#main { width: 100%; height: 100% }

#logo { width: 22%; height: 194px; text-align: center; vertical-align: top; padding: 34px 20px 0 20px; background: #fff }
#logo DIV A { margin: 0 0 0 62px; text-decoration: none }

#head { vertical-align: top; background: transparent url('../images/head_bg.gif') repeat-x }
#head_theme { background: url('../images/head_theme.jpg') no-repeat; width: 100%; height: 194px }

#promo { width: 55%; vertical-align: top }

#promo H1 { font: 21px Arial; background: url('../images/promo_h1_bg.png'); padding: 11px 19px 4px 19px }
*html #promo H1 {  height: 0px }

#promo_text { color: #dfdfde; background: url('../images/promo_p_bg.png'); padding: 6px 17px 0px 35px }
#promo_text SPAN { display: block; position: relative; margin-bottom: -5px }

#promo_footer { width: 100%; background: url('../images/promo_div_bg.png') repeat-x }

#account { width: 45%; text-align: right; vertical-align: top; padding: 0 0px 0 93px }

#icons { margin: 7px 54px 25px 0px; white-space: nowrap }
#icons IMG { margin: 0 0 0 13px }

#login { float: right; width: 145px; margin: 0 30px 0 0 }
*html #login { float: none }
#login A { color: #966d2b; background: url('../images/login_arr.gif') right 6px no-repeat; padding: 0 7px 0 0 }
#login .left { float: left }
#login .right { float: right }

#login .a_auth { color: #966d2b; text-align: left; margin: 0 0px 14px 0 }
#login .a_auth SPAN { color: #594227 }

#login .b_auth { text-align: left }
#login .b_auth SPAN { display: block; color: #ffffff; margin: 0 0 3px 0 }
#login .b_auth INPUT { font-size: 11px; color: #966d2b; background: url('../images/login_field.gif') no-repeat; border: 0px; display: block; width: 145px; height: 13px; margin: 0px 0 3px 0; padding: 0px 4px }

#left_col { background: #c1a477 url('../images/lcol_main_shade.gif') right top repeat-y; vertical-align: top }

#mmenu_bg1 { background: #e7dac6 url('../images/mmenu_bg1.gif') left bottom repeat-x }
#mmenu_rcol { background: url('../images/mmenu_rcol_shade.jpg') 100% 100% no-repeat; vertical-align: top; height: 165px }

.mmenu_head { text-align: right;  background: #ebe3d8 url('../images/mmenu_head_bg.gif') repeat-x }

.mmenu_center { border-right: 3px solid #f8f5ef; background: #ebe3d8 }
.mmenu_center A { font: bold 13px Verdana; color: #997520; text-decoration: none; display: block; padding: 5px 10px 5px 36px }
.mmenu_center A:hover { background: url('../images/mmenu_hover_bg.gif') left 50% repeat-x }
.mmenu_center A.sel, .mmenu_center A:hover.sel { background: url('../images/mmenu_sel.gif') 19px top no-repeat; color: #745121 } 

.mmenu_foot { text-align: right;  background: #ebe3d8 url('../images/mmenu_foot_bg.gif') bottom repeat-x }

#account_info { background: url('../images/account_head_bg1.jpg') repeat-x; width: 100%; margin: 0 0 15px 0 }
#head1 { background: url('../images/account_head_bg2.jpg') no-repeat; width: 100%; text-align: center; vertical-align: bottom; padding: 0 0 10px 0; font: bold 13px Verdana; color: #3f2b11 }
#head2 { background: url('../images/account_head_bg3.jpg') right top repeat-y; }

.info_head { background: url('../images/info_head_bg.gif') repeat-x }

.info_center { background: #ccb48e url('../images/info_center_bg.gif') right repeat-y; padding: 2px 20px; border-left: 1px solid #ac8d62 }
.info_center A { font-size: 11px; font-weight: bold; color: #fff;  display: block; margin: 0 0 4px 0 }
.info_center SPAN { font-size: 10px; font-weight: bold; color: #76561c;  display: block; margin: 0 0 8px 0 }

.info_foot { background: url('../images/info_foot_bg.gif') repeat-x }

.promo_line { background: #dfcb9d }
.promo_block { background: url('../images/promo_banner_bg.gif'); width: 100%; margin: 0 0 10px 0 }
.l_shade { background: url('../images/left_col_shade.png') right top repeat-y }
.t_shade { background: url('../images/promo_banner_top_shade.jpg') no-repeat; width: 100%; padding: 8px 4px 4px 15px }
.t_shade IMG { border: 1px solid #e3d4bf } 
.t_shade SPAN { display: block; width: 200px; font-size: 14px; font-weight: bold; color: #fff; margin: 0 0 7px 0 }

#site_stat { padding: 0 15px; }
#site_stat DIV { margin: 0 0 10px 0; width: 200px; text-align: left; padding: 0px }
#site_stat H1 { font-size: 14px; color: #745121; margin: 0 0 10px 0 }
#site_stat SPAN { font-size: 11px; color: #fff; display: block; margin: 0 0 2px 0 }

#lcol_angle { position: relative; margin-top: -13px }

#center_col { width: 78%; height: 100%; background: #77571e url('../images/center_mbg.gif') repeat-x; vertical-align: top }

#above_content { background: #966d2b url('../images/center_mbg.gif') repeat-x; vertical-align: top; width: 70% }

#content { width: 70%; background: url('../images/center_hbg.jpg') left top no-repeat; vertical-align: top; padding: 15px 0 0 0; height: 100% }
#content H1 { font-size: 18px; font-weight: normal; color: #d4c2a6; margin: 0 0 15px 13px; position: relative }

.promo_center { width: 100%; margin: 0 0 0 0; background: url('../images/promo_center_bg.gif') }
.promo_center .ban1 { text-align: right; width: 50% }
.promo_center .ban2 { width: 50% }
.promo_center .text { width: 50%; padding: 9px 0 9px 9px }
.promo_center .text H2 { font-size: 12px; font-weight: bold; color: #fffeee; margin: 0 0 7px 0 }
.promo_center .text P { color: #d1bea5; position: relative; margin: 0 -12px 0px 12px }
.promo_center .text_b { background: url('../images/text_b_bg.png') right top repeat-y }


.content_table { width: 100%; margin: 0 0 -30px 0; position: relative }
.content_table .bg_type1 { background: #dbc5a6; width: 100% }
.content_table .bg_type2 { background: #f6e7d3; vertical-align: bottom }
.content_table .shade { background: #966d2b url('../images/ct_bottom_shade.jpg') no-repeat; height: 56px }
.content_table .mcell { background: #dbc5a6 }

.content_table H3 { font-size: 12px; margin: 0px 32px 10px 32px }
.content_table P { font-size: 12px; margin: 0px 32px 18px 32px }
.content_table P A { font-size: 12px }

.content_table .pay { padding: 3px 5px; margin: 0 0 24px 0; overflow: hidden }
*html .content_table .pay { width: 100% }
.content_table .pay DIV { float: left; font-size: 17px; color: #b69249; margin: 15px 0 0 30px }
.content_table .pay SPAN { display: block; font-size: 10px; font-weight: bold; color: #63421e }
.content_table .pay IMG { float: left; }
.content_table .paybg1 { background: #f6e7d2 } 
.content_table .paybg2 { background: #e7d5bb }

.content_table .dot { position: relative; margin: 7px 0px; background: url('../images/dot1.gif') repeat-x }

.mp3_list { width: 100% }
.mp3_list .cell1 { padding: 8px 13px; vertical-align: top }
.mp3_list .cell2 { padding: 8px 13px 8px 0; vertical-align: top }
.mp3_list .cell3 { text-align: center; vertical-align: middle; background: url('../images/dot2.gif') repeat-y; padding: 10px 13px }
.mp3_list .cell3 .sel { background: url('../images/chbox2.gif') right 0px no-repeat; padding: 0px 18px 5px 0; }
.mp3_list .cell3 .nosel { background: url('../images/chbox.gif') right 0px no-repeat; padding: 0px 18px 5px 0; }
.mp3_list .t1 TD { background-color: #f6e7d2; border-bottom: 4px solid #dbc5a6 }
.mp3_list .t2 TD { background-color: #e7d5bb; border-bottom: 4px solid #dbc5a6 }
.mp3_list H4 { font-size: 13px; margin: 0 0 6px 0 }
.mp3_list P { font-size: 11px; margin: 0px }
.mp3_list DIV { background-position: top left; background-repeat: no-repeat }
.mp3_list TH { text-align: left; padding: 5px 13px; font-size: 12px; color: #5a4224 }
.mp3_list TH .nosel { background: url('../images/chbox.gif') right 1px no-repeat; padding: 0px 18px 5px 0; }
.mp3_list .del { font-size: 10px; padding: 0px 14px 5px 0; line-height: 20px; background: url('../images/del.gif') right 3px no-repeat }

.mp3_sum { width: 100%; margin: 8px 0 0 0 }
.mp3_sum SPAN { display: block; margin: 0 0 10px 0; font-weight: bold }
.mp3_sum SPAN B { color: #ad1c20 }

.button TD { background: #ddcaaf; white-space: nowrap; font-weight: bold; cursor: pointer }

.l_pages { font-size: 10px; color: #68481e; text-align: center; position: relative; margin: -12px 0 5px 0 }
.l_pages A { font-size: 10px; color: #68481e }
.l_pages A.sel { font-weight: bold }


.book_list { width: 100%; border-left: 2px solid #dbc5a6; border-right: 2px solid #dbc5a6 }
.book_list TH { font-size: 11px ; font-weight: bold; text-align: left; height: 17px; vertical-align: top; background: #ffffff url('../images/bl_th_bg.gif') repeat-x }
.book_list TH TD { vertical-align: top }
.book_list TH A { display: block; font-size: 11px; font-weight: bold; color: #997520; margin: 2px 4px 0 8px; padding: 0 8px 0 0 }
.book_list TH SPAN { display: block; margin: 2px 0px 0 8px; font-weight: bold }
.book_list TH .multi { width: 100%; text-align: right; padding: 4px 4px 0 4px }
.book_list TH .multi IMG { cursor: pointer }
.book_list TH .sort_top { background: url('../images/sort_arr_top2.gif') 100% 7px no-repeat }
.book_list TH .sort_bot { background: url('../images/sort_arr_bot2.gif') 100% 7px no-repeat }

.book_list TH.first { background: #997520 url('../images/bl_th_first_bg.gif') repeat-x }
.book_list TH.first A { color: #fffded }
.book_list TH.first .sort_top { background: url('../images/sort_arr_top1.gif') 100% 7px no-repeat }
.book_list TH.first .sort_bot { background: url('../images/sort_arr_bot1.gif') 100% 7px no-repeat }
.book_list TH.second { background: #ffffff url('../images/bl_th_second_bg.gif') repeat-x }
.book_list TH.last TABLE { background: url('../images/bl_th_angle3.gif') right top no-repeat; width: 100% }
.book_list TH.last A { margin-right: 8px }

.book_list .t1 TD { vertical-align: top; background: #e7d5bc; border-left: 1px solid #dbc5a6; color: #997520; padding: 5px 10px 5px 24px }
.book_list .t1 .first { border: 0px; background: #c6ad8a }
.book_list .t2 TD { vertical-align: top; background: #f2e4cf; border-left: 1px solid #e7d5bb; color: #694e20; padding: 5px 10px 5px 24px }
.book_list .t2 .first { border: 0px; background: #d5c1a4 }

.drop_list { position: relative }
.drop_list TABLE { width: 100%; position: absolute }
.drop_list .sp { height: 3px; background: #fff; margin: 0 0 0 3px }
.drop_list .t1 { padding: 4px; color: #9a7833; background: #e9ddc8; margin: 0 0 0 3px }
.drop_list .t2 { padding: 4px; color: #9a7833; background: #fff; margin: 0 0 0 3px }
.drop_list .lbg { padding: 0 0 0 3px }
.drop_list .fbg { background: #fff; width: 100% }


.n_pages { font-size: 10px; color: #896326; text-align: center; margin: 5px 0 10px 0 }
.n_pages SPAN { display: block; color: #bc961f }
.n_pages A { font-size: 10px; color: #896326 }
.n_pages A.sel { font-weight: bold }

.book_info { margin: 0 0 0px 0 }
.book_info P A { font-size: 11px }
.book_info H3 { margin: -6px 0 6px 16px; position: relative }
.book_info H4 { font-size: 11px; font-weight: normal; margin: -6px 0 6px 16px; position: relative }
.book_info H3.list { margin-top: 8px }
.book_info DIV { background-position: top left; background-repeat: no-repeat }
.book_info .t1 { background: #e7d5bb; width: 100% }
.book_info .t1 P { margin: 0 12px 0 0; font-size: 11px }
.book_info .t1 TD { padding: 8px 0 12px 12px; vertical-align: top }
.book_info .p1 { font-size: 11px; background: #e7d5bb; padding: 15px 25px 30px 25px; margin: 0px 0px 0 0px; overflow: hidden }
.book_info .p2 { padding: 8px 12px; background: #dbc5a6; margin: 0px 0px 0 38px; font-size: 11px }
.book_info .p2 TD { padding: 0 17px 4px 0 }
.book_info .p3 { padding: 8px 20px; margin: 0px; text-align: center }
.book_info .p3 A { font-size: 11px }
.book_info .p4 { background: #dbc5a6; padding: 15px 25px 30px 25px; margin: 0px 0px 0 0px; overflow: hidden; font-size: 11px }

.book_info .t1 .regform { text-align: left; margin: 22px 0 22px 60px }
.book_info .t1 .regform SPAN { display: block; color: #715222; margin: 0 0 3px 0; font-weight: bold; }
.book_info .t1 .regform INPUT { font-size: 11px; color: #a9324d; background: url('../images/register_field.gif') no-repeat; border: 0px; display: block; width: 145px; height: 13px; margin: 0px 0 10px 0; padding: 0px 4px }

.book_info .t2 { background: #dbc5a6; width: 100% }
.book_info .t2 P { margin: 0 12px 0 0; font-size: 11px }
.book_info .t2 TD { padding: 8px 0 12px 12px; vertical-align: top }

.book_info .date { display: block; font-size: 10px; color: #b18f59; margin: 0 0 2px 0 }
.book_info .p1 .date, .book_info .p4 .date { margin: 0 0 10px -10px }
.book_info .left { float: left; margin: -4px 10px 0px -6px }

#player { margin: 0px 0 7px 0 }
#player TD { padding: 0 15px 0 0 }

#right_col .hot_list { margin: 0 15px 20px 31px; text-align: center }
#right_col .hot_list SPAN { display: block; font-size: 10px; color: #906f42; margin: 0 80px 10px 0 }
#right_col .hot_list DIV { margin: 0 0 10px 0; background-position: top center; background-repeat: no-repeat }
#right_col .hot_list H2 { font-size: 13px; font-weight: bold; color: #745121; margin: 0 0 10px 0  }
#right_col .hot_list P { text-align: left }

#content .hot_list { width: 100%; margin: 0 0 15px 0 }
#content .hot_list TD { width: 34%; vertical-align: top; padding: 0 20px }
#content .hot_list SPAN { display: block; font-size: 10px; color: #cfb17f; margin: 0 0 10px 0 }
#content .hot_list DIV { margin: 0 0 10px 0; background-position: top left; background-repeat: no-repeat }
#content .hot_list H2 { font-size: 13px; font-weight: bold; color: #f6ecdd }

#search { float: right; text-align: right; margin: 23px 23px 0px 0 }
#search SPAN { display: block; color: #fff; margin: -1px 3px 0 0 }
#search INPUT { font-size: 11px; color: #966d2b; background: url('../images/login_field.gif') no-repeat; border: 0px; width: 145px; height: 13px; margin: 0px 3px 0px 0px; padding: 0px 4px }
#search IMG { cursor: pointer }
#search A { display: block; color: #fff4e6; background: url('../images/search_arr.gif') right 6px no-repeat; padding: 0 7px 0 0; margin: 13px 21px 0 0 }

BR.clear { clear: both; height: 0px; overflow: hidden }

#right_col { padding: 0; vertical-align: top; background: url('../images/rcol_inform_big_bg.gif') 6px 106px no-repeat }
#right_col H1 { font-size: 18px; font-weight: normal; color: #745121; margin: 0 10px 15px 31px }

#right_col .news { margin: 0 15px 13px 31px }
#right_col .news SPAN { font-size: 10px; color: #d0ab72; display: block; margin: 0 0 2px 0 }
#right_col .news H2 { font-size: 14px; color: #745121; margin: 0 0 8px 0 }
#right_col .news P { color: #545353; margin: 0 0 0 12px }

#inform_header { width: 100%; margin: 28px 0 0 6px }
*html #inform_header { margin-top: 39px }
#inform_header_bg { background: #e8dbc8 url('../images/inform_header_bg.gif') repeat-x; width: 100% }

#copyright { background: #e8dbc8 url('../images/rcol_inform_bg.gif') repeat-y; vertical-align: bottom; height: 59px }
#copyright TABLE { background: #fff4e6; width: 100% }
#copyright TD { background: url('../images/copyright_bg.gif') left bottom repeat-x; font-size: 10px; vertical-align: bottom }
#copyright SPAN { display: block; color: #987a54; margin: 0 0 5px 0 }
#copyright A { font-size: 10px; color: #745121; display: block; margin: 0 0 18px 0; white-space: nowrap }