/* main */
html, body		{ margin: 0; padding: 0; border: 0; }
html			{ background: #fff url(bg_html.jpg) repeat-x; }
body			{ font-family: Tahoma,Verdana,Arial,Helvetica; font-size: 12px; line-height: 180%; color: #333; background: url(bg_head.jpg) no-repeat center top; }
font, h1, h2, h3, h4, h5, h6 { margin: 5px 0; line-height: 180%; }
h1				{ font-size: 24px; }
h2				{ font-size: 18px; }
h3				{ font-size: 14px; }
h4, h5, h6		{ font-size: 12px; }
table			{ border-collapse: collapse; border: 1px solid #666; }
td				{ padding: 4px 6px; border: 1px solid #666; text-align: center; }
img				{ border: 0; }
a				{ color: #333; text-decoration: none; }
a:hover			{ color: #f87311; text-decoration: underline; }
.clr			{ margin: 0; font-size: 0; line-height: 0; clear: both; }
ul				{ margin: 0; padding: 0 8px 0 28px; }

/* component */
.seg			{ height: 80px; background: url(bg_seg.gif) no-repeat; }
.seg.news		{ background-position: left top; }
.seg.prof		{ background-position: left -160px; }
.seg.course		{ background-position: left -80px; }
.seg.member		{ background-position: left -240px; }

.avatar			{ width: 54px; height: 54px; background: url(avatar.gif) no-repeat; }
.avatar div, .avatar a	{ width: 100%; height: 100%; background: center center no-repeat; display: block; }

.card			{ margin: 0 8px 8px 8px; width: 200px; float: left; }
.card .avatar	{ margin: 4px 8px 0 0; float: left; }
.card a			{ color: #bb0006; }

.bar			{ padding-left: 20px; background: url(bg_bar.gif) no-repeat left top; }
.bar div		{ padding-right: 20px; background: url(bg_bar.gif) no-repeat right -80px; }
.bar div div	{ height: 40px; background: url(bg_bar.gif) repeat-x left -40px; color: #808080; line-height: 150%; }
.bar a			{ color: #2771ba; }

.tab			{ padding: 0 12px; height: 27px; line-height: 27px; }
.tab a			{ margin-right: 2px; width: 94px; height: 100%; background: url(bg_tab.gif) no-repeat -288px top; color: #fff; font-weight: bold; text-align: center; float: left; }
.tab a:hover, .tab a.cur	{ text-decoration: none; background-position: -288px -27px; }

.box .tt, .box .bt	{ height: 8px; width: 868px; background: url(bg_corner.gif) no-repeat; line-height: 0; font-size: 0; }
.box .tt		{ background-position: left -8px; }
.box .mb		{ padding: 8px; background: #ffefb1; }

dl.lst			{ margin: 0; padding: 0 8px 12px 8px; }
.lst dt			{ margin: 0; padding: 12px 0 0 0; border-bottom: 1px solid #bb0006; color: #bb0006; cursor: pointer; }
.lst dt.cur		{ border-bottom: 0; }
.lst dt .num	{ height: 19px; width: 20px; color: #fff; background: url(bg_num.gif) no-repeat; line-height: 19px; text-align: center; float: left; }
.lst dt .cap	{ margin: 0 12px; color: #000; font-size: 14px; font-weight: bold; float: left; }
.lst dd			{ margin: 0; padding: 0; }
.lst dd div		{ padding: 8px 12px 8px 140px; border: 1px solid #bb0006; color: #000; background: #fff no-repeat 8px 8px; line-height: 20px; }
.lst .btn		{ margin-right: 12px; width: 103px; height: 25px; background: url(bg_ops.gif) no-repeat; float: left; }
.lst .btn.view	{ background-position: -229px top; }
.lst .btn.diss	{ background-position: -114px top; }

.topic			{ font-size: 14px; line-height: 200%; }
.topic p		{ text-indent: 32px; }

.col-l			{ width: 400px; float: left; }
.col-r			{ width: 440px; float: right; }


/* layout */
#wrapper		{ margin: 0 auto; width: 948px; }

#header			{ padding: 0; height: 120px; }
#home			{ margin: 24px 0 0 8px; width: 144px; height: 33px; display: block; position: absolute; }
#navi			{ margin: 73px 0 0 136px; position: absolute; }
#navi a			{ margin: 0 8px 0 0; height: 30px; background: url(bg_menu.jpg) no-repeat; float: left; }
#navi a:hover, #navi a.cur	{ background-image: url(bg_menuh.jpg); }
#navi #m1		{ width: 60px; background-position: left top; }
#navi #m2		{ width: 90px; background-position: -68px top; }
#navi #m3		{ width: 90px; background-position: -166px top; }
#navi #m4		{ width: 90px; background-position: -264px top; }
#navi #m5		{ width: 90px; background-position: -362px top; }
#navi #m6		{ width: 90px; background-position: -460px top; }
#navi #m7		{ width: 90px; background-position: -558px top; }

#links			{ padding: 16px 8px 0 8px; color: #636363; }
#links .cap		{ margin-right: 20px; width: 180px; color: #2771ba; text-align: right; font-weight: bold; float: left; }
#links ul		{ margin: 0 20px 0 0px; padding: 0; width: 300px; list-style: none; float: left; }
#links li		{ padding-left: 16px; background: url(dot_g.gif) no-repeat left 4px; }
#links a		{ color: #636363; }

#footer			{ padding: 30px 16px 80px 16px; background: url(bg_foot.jpg) no-repeat left bottom; }

#content		{ padding: 20px 40px; }