html{background: #004E82}
*{margin: 0; padding: 0;}
body{font:9pt/120% Arial, Helvetica, sans-serif; position: relative;width: 778px; background: #EDF5FD;}
img{border: none;}
button{cursor: pointer;}
h4,h5,h6{font:10pt Arial;}
#logo{background: #026AAB; height: 99px; position: relative;}
#logo h1{font: bold 16pt/30px Tunga; padding: 13px 0 5px 1em; border-bottom: solid 1px #fff; color: #fff; background: #004E82;}
#logo button{background: url(login_reg.gif) no-repeat 0 0; width: 55px; height: 19px; overflow: hidden; border: none; position: absolute; right: 8px; }
/* main */
#main{position: relative;}
/* contain */
#contain{position: relative; left: 130px; top: 0; width:648px;background: #EDF5FD;}
#contain h1{font:bold 14px/40px Arial; margin: 0 8px; padding-left: 43px;}
#contain h2{font:bold 14px/24px Arial; margin: 0 8px;}
/* mid */
#mid{position: relative; left: 0; top: 0; padding-right: 4px; padding-bottom: 21px; width: 319px;background: #fff url(bg_right.gif) repeat-y right top;}
#midtop{position: absolute;top: -24px; left: 0;}
#midbot{position: absolute; bottom: 0; left: 0;}
#mid h6{font:10pt Arial; color: #333; position: absolute; top:-19px; left: 3em;z-index: 11}
/* focusnews */
#focusnews{list-style: none; line-height: 180%;}
#focusnews h3{background: #eee; line-height: 24px; text-align: center; font-size: 11pt; height: 24px; margin-bottom: 5px;}
#focusnews a{padding: 0 5px;}
/* club */
#club{margin: 0 5px; line-height: 20px;}
#club dt{height: 20px; border-top: solid 3px #5FC818; background: #E5FAD7; color: #060; margin-bottom:3px; text-align: center;}
#club dt a{padding: 0 2px; color: #060;}
#club dd{padding-left: 6px; height: 24px; line-height:24px; overflow: hidden;}
#club dd a{padding: 0 3px;}
/* star */
#star{ margin:5px;}
#star ul{ float:right;width:150px;list-style:none;line-height:140%;}
#star div{background: url(star_bg.gif) no-repeat right center; width:130px; text-align:center;}
#star div img{padding:2px; border:solid 1px #ccc; display:block; margin: 0 auto 3px auto;}
/* setup */
#setup{margin:5px; width:255px;}
#setup dd{position:relative; left:50px; top:0; height:75px;}
#setup dd img{position: absolute; left:-45px; top:8px;}
/* toplist */
#toplist{ float: left; width: 200px;}
#toplist h1{background: url(top_img.gif) no-repeat 5px 3px;}
#toplist dl{text-align: center;}
#toplist dt{ border-bottom: solid 1px #C9DDF1; height: 22px; padding: 0 6px;}
#toplist dt a{ cursor: pointer; float: left; width: 50%;padding: 6px 0 2px 0;}
#toplist dd ul{ text-align: left; list-style: none; line-height: 22px;}
#toplist ul li{padding-left: 24px;}
#toplist ul li span{float: right; margin-right: 8px; color: #007;}
.litop1{ background: url(top1.gif) no-repeat 3px;}
.litop2{ background: url(top2.gif) no-repeat 3px;}
.litop3{ background: url(top3.gif) no-repeat 3px;}
.litop4{ background: url(top4.gif) no-repeat 3px;}
.litop5{ background: url(top5.gif) no-repeat 3px;}
.litop6{ background: url(top6.gif) no-repeat 3px;}
.litop7{ background: url(top7.gif) no-repeat 3px;}
.litop8{ background: url(top8.gif) no-repeat 3px;}
.litop9{ background: url(top9.gif) no-repeat 3px;}
.litop10{ background: url(top10.gif) no-repeat 3px;}
.hide{display: none;}
.select{ background: url(toplist_bg.gif) no-repeat;}
.topbg{padding-left: 9px;  background: url(top_bg.gif) repeat-y left top;}
/* topright */
#topright{float: right; width: 200px; list-style: none;line-height: 22px;}
#topright h1{background: url(top_img3.gif) no-repeat 5px 3px;}
#topright li{padding-left: 24px;}
#topright li span{float: right;margin-right: 1em; color: #007;}
/* topcenter */
#topcenter{margin-left: 210px; list-style:none;}
#topcenter h1{background: url(top_img2.gif) no-repeat 5px 3px;}
#topcenter li img{ position: absolute; left: 0; top: 0; padding:2px; border:solid 1px #ccc;}
#topcenter h4{ line-height: 24px;}
#topcenter li{padding-left: 24px; line-height: 22px;}
#topcenter li span{float: right; margin-right:8px;}
/* photo */
#photo{border: solid 1px #C9DDF1; background: #fff; width:624px; padding:0 5px; margin: 6px; height:75px; overflow:hidden;}
/* ball */
#ball{height:80px; position: relative;}
#ball ul{list-style: none; background: url(football_img.gif) no-repeat 5px 3px; border: solid 1px #D8E6F5; padding: 3px; width: 240px; line-height: 18px; padding-left: 78px;}
#ball li{height: 18px; overflow: hidden;}
#ball dl{position: absolute; right: 0; top: 3px; width: 300px;}
#ball dd{float: left; width: 33%; text-align: center; margin-top:5px}
#ball dd img{padding: 2px; border: solid 1px #ccc;}
/* rightlist */
#rightlist{position:absolute; right:6px; top:0; width: 315px;}
/* so */
#so{padding:6px 0 0 15px;}
#so input{border:solid 1px #1989D7; height:17px; padding:2px 0 0 2px; overflow:hidden;}
#so button{background:url(so_botbg.gif) no-repeat; padding:2px 0;width:58px;letter-spacing:5px;border:none; position:relative; top:1px; left:6px;}
/* commendclub */
#commendclub dd{clear:both; height:65px;overflow:hidden;}
#commendclub h2 a{color:#039;}
#commendclub dd div{border:solid 1px #ccc; width:53px;overflow:hidden; height:53px; float:left; margin:0 8px 0 5px;}
#commendclub dd div img{width:53px;}
/* commendgroup */
#commendgroup dd{clear:both; height:110px; overflow:hidden}
#commendgroup h2 a{color:#00f;}
#commendgroup dd img{ padding:2px; border:solid 1px #ccc; float:left; margin:0 8px 0 5px;}
/* leftnav */
#leftnav{background:#C4D9EF url(bg_left.gif) repeat-y right top; position: absolute; top:0; left: 0; width: 130px; padding: 8px 0;}
#leftnav h2{font: bold 13pt/1.6em Arial; text-align: center;}
#leftnav h2 a{color: #026AAB; text-decoration: none;}
#leftnav h2 a:hover{color:#048;}
#leftnav dl{line-height: 22px;}
#leftnav dt{font-weight: bold;text-indent: 1em;color: #026AAB;}
#leftnav dd{ text-indent: 2em;}
#leftnav dd a{color: #026AAB;}
#leftnav .more{text-align: right; padding-right: 1em;}
/* rim */
.rim1{border: solid 1px #C9DDF1; padding: 5px; background:#fff;margin:8px 0;}
.rim11{border: solid 1px #C9DDF1; padding: 5px; background:#fff;margin:1px 0;}
.rim2{border: solid 1px #C9DDF1; background: #EDF5FD; padding: 3px;}
.rim3{border: solid 1px #bbb; padding:8px 5px; margin:0 5px; background: url(bg_01.gif) repeat-x bottom left;}
.rm{margin-right:6px;margin-left:6px;}
/* foot */
#foot{ line-height: 170%; padding: 8px 0; text-align: center;}
/* color */
.t1{color: #4A9D13}
.t2{color: #E18F3E}
.t3{color: #004E82;line-height:22px; padding-left:6px;}
.t5{color:#e19;}
/* ad */
.ad{text-align: center; margin: 5px auto; clear:both;}
/* link color */
a:link,a:visited{color: #333; text-decoration: none;}
a:hover{color: #049; text-decoration: underline;}
a.t4:link,a.t4:visited{color: #026AAB; text-decoration:none;}
a.t4:hover{color: #f60; text-decoration:none;}