body { background-color:#000032; margin-top:0; margin-bottom:0;}
li { list-style:none;}
div p span ul li h1 h2 h3 h4 {margin:0; padding:0; }
#container { position:relative ;left:0px;top:0px}

/*top1: contact us, recruitment,...*/
.top1 {height: 23px; width: 800px; background-image: url(img/top01.gif); margin:0; padding:0; overflow:hidden;}
.top1 ul { margin:0; padding:0;}
.top1 li {float:right; height:14px; font:11px Arial; padding:4px 6px; color:#F1C56C}
.top1 li a {color: #F1C56C; text-decoration:none; }
.top1 li a:hover {text-decoration: underline;}

/*top2*/
.top2 {height: 62px; width: 800px; margin:0; padding:0; overflow:hidden; }

/*top3: 1-level menu*/
.top3 {height: 24px; width: 800px; background-image: url(img/top03.gif); margin:0; padding:0; overflow:hidden;}
.top3 ul { margin:0; padding:0;}
.top3 li {float:left; font:14px Arial; font-weight:600; padding:4px 12px; color:#ED1B24}
.top3 li a {color: #000032; text-decoration:none; }
.top3 li a:hover {color: #ED1B24;}
.top3-1 {float:left; height: 24px; width: 195px;  margin:0; padding:0; overflow:hidden;}
.top3 .bar1_active {color: #ED1B24 } 

/*top4: 2-level menu*/
.top4 {height: 23px; width: 800px; background-image: url(img/top04.gif); margin:0; padding:0; overflow:hidden;}
.top4 ul { margin:0; padding:0;}
.top4 li {float:left; font:12px Arial; padding:4px 12px; color: #000032;}
.top4 li a {color: #000032; text-decoration:none; }
.top4 li a:hover {color:#ED1B24;}
.top4-1 {float:left; height: 23px; width: 195px;  margin:0; padding:0; overflow:hidden;}
.top4 .on     {color:#ED1B24 }

/*top5: 2-level menu*/
.top5 {height: 37px; width: 800px; background-image: url(img/top05.gif); margin:0; padding:0; overflow:hidden;}
.top5 ul { margin:0; padding:0;}
.top5 li {float:left; font:12px Arial; padding: 8px 4px; color: #8695A3; }
.top5 li a {color: #8695A3; text-decoration:none;}
.top5-1 {float:left; height: 37px; width: 195px;  margin:0; padding:0; overflow:hidden;}
.top5 li a:hover {color:#ED1B24;}

.main_body {width:780px; padding:0; margin:0; height:auto; overflow:auto; clear:left;
	background-image: url(img/curtain.gif); background-repeat:no-repeat; background-position:top right;
	border-color: #ED1B24; border-left-width: 19px; border-left-style: solid; border-right-width: 1px;	border-right-style: solid;}


.sidebar {padding:0px 12px; margin:0; float:left; height:auto; overflow: hidden; width:145px; border-color: #5F4A93; border-right-width: 1px; border-right-style: solid; }
.sidebar ul {padding:0; margin:0;}
.sidebar li {text-align:left; font:12px Arial; line-height:18px; padding:0; margin:0; color: #8695A3; }
.sidebar a {color: #8695A3; text-decoration:none; }
.sidebar a:hover {color:#ED1B24;}
.sidebar_1 {height:20px; width:145px; margin:0; padding:0; overflow:hidden; }
.sidebar_title {height: auto; width:145px; margin:0; padding:0; overflow:hidden; text-align:left; font:14px Arial; font-weight:800; color: #5F80AD;}
.sidebar_title a {color: #5F80AD; text-decoration:none; }
.sidebar_title a:hover {color: #ED1B24; text-decoration:underline;}

.sidebar_end {height:auto; width:145px; margin:0; padding:0; overflow:hidden; text-align:left; font:12px Arial; color: #ED1B24;}
.sidebar_end a {color: #5F80AD; text-decoration:none; }
.sidebar_end a:hover {text-decoration: underline;}  

.main_text { float:left; width:560px; height:auto; overflow:hidden; text-align:left; font:14px Arial; line-height:20px; padding:4px 20px; color:#8695A3;}
.main_text h1 {color:#F1C56C; text-align:left; font:14px Arial; font-weight:800; }
.main_text a{font:14px Arial; color:#8695A3;}
.main_text a:hover {color:#F1C56C;}

.breakline { float:left; width:540px; height:auto; overflow:auto; text-align:left; font:12px Arial; padding:12px 4px; color: #5F4A93;
            border-color:#5F4A93; border-top-width: 1px; border-top-style: solid; }

/*bottom*/
.bottom {height: 71px; width: 800px; background-image: url(img/bottom.gif); margin:0; padding:0;}
/*bottom1: bottom menu*/
.bottom1 {height: 88px; width: 800px; margin:0; padding:0;}
.bottom1 ul { margin:0; padding:0;}
.bottom1 li {float:right; height:14px; font:12px Arial;	padding:4px 6px;color:#ED1B24;}
.bottom1 li a {color: #ED1B24; text-decoration:none; }
.bottom1 li a:hover {text-decoration: underline;}

/*gallery small pictures*/
.gallery {float:left; width:140px; height:180px; margin:0; padding:0; overflow:hidden;}
.gallery li {float:left; height:auto; width:150px; }

.gallery li img {height:96px; width:128px; margin:0; padding:1px 0px 2px 0px; border:0px; background-color: #330000;}
.gallery li a img:hover {background-color:#F1C56C;}
.gallery h1 {float:left; padding:0; margin:0; font:bold 11px Arial; color:#8695A3;}
.gallery p {float:left; padding:0; margin:0; width:128px; font:bold 12px Arial; line-height:14px; color:#F1C56C;}


/*gallery navigator*/
.gallery_1 { float:left; height:125px; width:86px; background-image:url(img/gallery_1.gif); background-repeat:no-repeat; overflow:hidden; padding:0; margin:0;}
.gallery_2 { float:left; height:125px; width:93px; background-image:url(img/gallery_2.gif); background-repeat:no-repeat; overflow:hidden; padding:0; margin:0;}
.gallery_dance {float:left; height:125px; width:113px; background-image:url(img/gallery_dance.gif); background-repeat:no-repeat; overflow:hidden;}
.gallery_vocal {float:left; height:125px; width:110px; background-image:url(img/gallery_vocal.gif); background-repeat:no-repeat; overflow:hidden;}
.gallery_instrument {float:left; height:125px; width:114px; background-image:url(img/gallery_instrument.gif);background-repeat:no-repeat; overflow:hidden; clear:right;}

.gallery_dance li a {float:left; height:125px; width:113px; text-decoration:none; font:14px Arial; font-weight:600; color:#8695A3; display:block; padding:80px 0px 0px 0px;}
.gallery_vocal li a  {float:left; height:125px; width:110px; text-decoration:none; font:14px Arial; font-weight:600; color:#8695A3; display:block; padding:80px 0px 0px 0px;}
.gallery_instrument li a {float:left; height:125px; width:114px; text-decoration:none; font:14px Arial; font-weight:600; color:#8695A3; display:block; padding:80px 0px 0px 0px;}

.gallery_dance li a:hover{ text-decoration: underline; background-image:url(img/gallery_on_dance.gif); background-repeat:no-repeat; }
.gallery_vocal li a:hover { text-decoration: underline; background-image:url(img/gallery_on_vocal.gif); background-repeat:no-repeat;}
.gallery_instrument li a:hover { text-decoration: underline; background-image:url(img/gallery_on_instrument.gif);background-repeat:no-repeat; }

#dance_on { float:left; height:125px; width:113px; background-image:url(img/gallery_on_dance.gif); background-repeat:no-repeat; font:14px Arial; font-weight:600; color:#F1C56C;display:block; padding:80px 0px 0px 0px;}
#vocal_on { float:left; height:125px; width:110px; background-image:url(img/gallery_on_vocal.gif); background-repeat:no-repeat; font:14px Arial; font-weight:600; color:#F1C56C;display:block; padding:80px 0px 0px 0px;}
#instrument_on { float:left; height:125px; width:114px; background-image:url(img/gallery_on_instrument.gif); background-repeat:no-repeat; font:14px Arial; font-weight:600; color:#F1C56C;display:block; padding:80px 0px 0px 0px;}



.video01 { width:562px; height:85px; background-image:url(img/video-top01.gif)}
.video02 { width:562px; height:24px; background-image:url(img/video-top02.gif);}
.video02 li {font:14px Arial; padding:2px 2px; font-weight:600; color:#ED1B24}
.video03 { width:562px; height:23px; background-image:url(img/video-top03.gif);}
.video03 li { font:12px Arial; padding:2px 2px;color: #000032;}
.video {width:560px; height:auto; background-color:#000032; overflow:hidden;border-color: #ED1B24; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid;}
.video04 {width:560px; height:auto; background-color:#000032; overflow:hidden; 
        border-color: #ED1B24; border-left-width: 1px; border-left-style: solid; border-right-width: 1px; border-right-style: solid;}
.video04 li { float:left; text-align:left; font:12px Arial; padding:12px 16px; color: #F1C56C;}
.video05 { width:562px; height:77px; background-image:url(img/video-bottom.gif); font:11px Arial; padding:0; margin:0px; color: #ED1B24; overflow:hidden;}
.video05 li { float:left; text-align:left; font:12px Arial; padding:4px 16px; color: #ED1B24; }
.video05 li a { color: #ED1B24; }
.video06 { width:562px; height:80px; font:11px Arial; padding:0; margin:0px; color: #ED1B24; overflow:hidden;}

.people li{float:left; text-align:left; font:12px Arial; padding:2px 16px; color: #8695A3; margin:0;}
.people_txt h1 {float:left; font:12px Arial; color:#F1C56C; padding:0; margin:0;}
.people_txt h2 { float:left; font:14px Arial; font-weight:800; color:#F1C56C; padding:0px 4px; clear:right; margin:0;}

.people_other { width:540px; height:auto;font:11px Arial; padding:0; margin:0px; color: #F1C56C; overflow:hidden;}
.people_other li { float:left; text-align:left; font:12px Arial; padding:0px 4px; color: #F1C56C; }
.people_other li a { color: #F1C56C; }

.people { width:540px; height:auto; overflow:hidden; padding:16px 8px; margin:0;}
.people_txt {width:400px; height:auto; overflow:hidden; float:left; text-align:left; font:12px Arial; line-height:16px; padding:2px 16px; color: #8695A3; margin:0; padding:0}
.people_title {font:12px Arial; font-weight:600; color: #8695A3; padding:0; margin:0; }
.people_name {font:14px Arial; font-weight:800; color:#F1C56C; padding:0; margin:0;}
.people img {float:left; height:120px; width:120px; margin:8px; padding:0; border:1px #F1C56C solid;}
 
.event { width:540px; height:auto; overflow:hidden; padding:0; margin:0;}
.event_txt {width:500px; height:auto; overflow:hidden; float:left; text-align:left; font:12px Arial; color: #8695A3; margin:0; padding:0}
.event_date {width:500px; height:auto; overflow:hidden; font:12px Arial; font-weight:600; color: #8695A3; padding:0; margin:0; }
.event_title {width:500px; height:auto; overflow:hidden; font:14px Arial; color:#F1C56C; padding:0; margin:0;}
.event img {float:left; height: auto; width:320px; margin:8px; padding:0; border:1px #F1C56C solid;}

.performer_dancer {float:left; height:125px; width:115px; background-image:url(img/people_dancer.gif); background-repeat:no-repeat; overflow:hidden;}
.performer_singer {float:left; height:125px; width:110px; background-image:url(img/people_singer.gif); background-repeat:no-repeat; overflow:hidden;}
.performer_instrument {float:left; height:125px; width:114px; background-image:url(img/people_instrument.gif);background-repeat:no-repeat; overflow:hidden;}
.performer_other {float:left; height:125px; width:144px; background-image:url(img/people_other.gif);background-repeat:no-repeat; overflow:hidden; clear:right;}

.performer_dancer li a {float:left; height:125px; width:115px; text-decoration:none; font:14px Arial; font-weight:600; color:#8695A3; display:block; padding:80px 0px 0px 0px;}
.performer_singer li a  {float:left; height:125px; width:110px; text-decoration:none; font:14px Arial; font-weight:600; color:#8695A3; display:block; padding:80px 0px 0px 0px;}
.performer_instrument li a {float:left; height:125px; width:114px; text-decoration:none; font:14px Arial; font-weight:600; color:#8695A3; display:block; padding:80px 0px 0px 0px;}
.performer_other li a {float:left; height:125px; width:144px; text-decoration:none; font:14px Arial; font-weight:600; color:#8695A3; display:block; padding:80px 0px 0px 0px;}

.performer_dancer li a:hover{ text-decoration: underline; background-image:url(img/people_on_dancer.gif); background-repeat:no-repeat; }
.performer_singer li a:hover { text-decoration: underline; background-image:url(img/people_on_singer.gif); background-repeat:no-repeat;}
.performer_instrument li a:hover { text-decoration: underline; background-image:url(img/people_on_instrument.gif);background-repeat:no-repeat; }
.performer_other li a:hover { text-decoration: underline; background-image:url(img/people_on_other.gif);background-repeat:no-repeat; }

#performer_dancer_on { float:left; height:125px; width:115px; background-image:url(img/people_on_dancer.gif); background-repeat:no-repeat; font:14px Arial; font-weight:600; color:#F1C56C;display:block; padding:80px 0px 0px 0px;}
#performer_singer_on { float:left; height:125px; width:110px; background-image:url(img/people_on_singer.gif); background-repeat:no-repeat; font:14px Arial; font-weight:600; color:#F1C56C;display:block; padding:80px 0px 0px 0px;}
#performer_instrument_on { float:left; height:125px; width:114px; background-image:url(img/people_on_instrument.gif); background-repeat:no-repeat; font:14px Arial; font-weight:600; color:#F1C56C;display:block; padding:80px 0px 0px 0px;}
#performer_other_on { float:left; height:125px; width:144px; background-image:url(img/people_on_other.gif); background-repeat:no-repeat; font:14px Arial; font-weight:600; color:#F1C56C;display:block; padding:80px 0px 0px 0px;}

.page { float:right; height:33px; width:380px; margin:0; padding:0; overflow:hidden; background-image:url(img/page_bk.gif);background-repeat:no-repeat; padding:3px 0px 0px 0px;}
.page_pre { float:left; overflow:hidden; padding:3px 0px 0px 0px;}
.page_next {float:left; overflow:hidden;padding:3px 0px 0px 0px;}

.page_pre li { text-decoration:none; font:12px Arial; font-weight:600; color:#8695A3; float:left; width:45px; height:20px;background-image:url(img/page_pre.gif); background-repeat:no-repeat; background-position:right; display:block; }
.page_next li {text-decoration:none; font:12px Arial; font-weight:600; color:#8695A3; float:left; width:50px; height:20px;background-image:url(img/page_next.gif); background-repeat:no-repeat; background-position:left; display:block; text-align:right; text-align:right; }

.page_pre li a { text-decoration:none; font:12px Arial; font-weight:600; color:#8695A3; float:left; width:45px; height:20px;background-image:url(img/page_pre.gif); background-repeat:no-repeat; background-position:right; display:block; }
.page_next li a {text-decoration:none; font:12px Arial; font-weight:600; color:#8695A3; float:left; width:50px; height:20px;background-image:url(img/page_next.gif); background-repeat:no-repeat; background-position:left; display:block; text-align:right; text-align:right; }

.page_pre li a:hover { text-decoration: underline; color:#8695A3; background-image:url(img/page_on_pre.gif); background-repeat:no-repeat; background-position:right; display:block;}
.page_next li a:hover {text-decoration: underline; color:#8695A3; background-image:url(img/page_on_next.gif); background-repeat:no-repeat; background-position:left; display:block; text-align:right; }

.page_1 { padding:3px 0px 0px 0px; float:left; font:12px Arial; font-weight:600; color:#8695A3; float:left; width:80px; height:20px; overflow:hidden;}
.page_2 { padding:0px; float:left; font:12px Arial; font-weight:600; color:#8695A3; float:left; width:40px; height:20px; overflow:hidden;}
.page_0 { float:left; width:20px; height:20px;}
.page_no { float:left; border:0px; background-color:#000032; font:bold 12px Arial; color:#F1C56C; width:30px; height:20px;  text-align:center;}

.salon { width:540px; height:auto; overflow:hidden; clear:right; display:block;}
.salon li { margin:8px 8px; float:left;}
.salon li a{ text-decoration:none;}
.salon_name { font:11px arial;}
.salon_paper { margin:16px 32px; font:12px arial; line-height:18px; color:#8695A3; text-align:left;}

#content  { float:left; width:auto; height :auto ; padding: 0; margin: 0; overflow:hidden
        }

.gala_but { text-align:center; width:107px; height:26px; background-image:url(img/2010gala_butt.gif);}
.gala_but a { font:Arial; font-size:12px; color:#000032; text-align:center; line-height:26px; text-decoration:none; font-weight:600; }
.gala_but a:hover { font:Arial; font-size:12px; color: #CC0000; text-align:center; line-height:26px;}

.gala_tick {width:107px; height:26px; }
.gala_tick a img  {border:0px; margin:0px; padding:0px;}