* {margin:0; padding:0; font-family:verdana, ËÎÌå; font-size:12px;}
table {width:100%; border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
ul {list-style-type:none;}
fieldset, img {border:none;}

/*---------- Layout ----------*/
html, body {height:100%; background:url(/images/body_bg.jpg) #fcb;}
#cover {width:100%; min-height:100%; background:url(/images/bg.gif) repeat-y;}
* html #cover {height:100%;}
#wrap {width:1000px; padding-bottom:130px;}
#wrap:after {display:block; height:0; clear:both; content:""; visibility:hidden;}
* html #wrap {height:1%;}

#header {min-width:1000px; height:120px; background:#d30;}
#logo {width:300px; background:url(/images/logo.jpg);}
#banner {background:url(/images/header_bg.jpg);}
#banner_roller {width:560px; height:120px; margin:0 auto; overflow:hidden;}

#leftbar {float:left; width:190px; padding-top:10px;}
#main {float:left; width:800px; padding-left:10px;}
.layout_800 {float:left; width:800px; padding-top:10px;}/* the maximum width*/
.layout_395, .layout_500, .layout_560, .layout_610 {float:left; padding:10px 10px 0 0;}
.layout_395 {width:395px;}
.layout_500 {width:500px;}
.layout_560 {width:560px;}
.layout_610 {width:610px;}
.rightbar, .rightbar_230, .rightbar_395 {float:right; padding-top:10px;}
.rightbar {width:180px;}/* with layout_610*/
.rightbar_230 {width:230px;}/* with layout_560*/
.rightbar_395 {width:395px;}/* with layout_395*/

#footer {height:90px; margin-top:-110px; padding:10px; background:url(/images/footer_bg.gif) repeat-x #f50; text-align:center;}
#footer .dark a {margin:0 5px; color:#444;}

.left {float:left;}
.right {float:right;}
.center {text-align:center;}
img.left {margin-right:10px;}
img.right {margin-left:10px;}
.clear {clear:both;}
/*---------- Layout End ----------*/

/*---------- Nav ----------*/
#nav {position:relative; z-index:100; width:100%; height:30px; background:url(/images/navbar.gif) #721;}
#nav li {float:left; position:relative;}
#nav li a {display:block; width:100px; height:28px; padding-top:2px; background:url(/images/menu_bg.gif); color:#fed; text-align:center; font:14px/28px a;}
#nav li a:hover {background:url(/images/menu_bg.gif) right; text-decoration:none;}
#nav li:hover a, #nav li.sfHover a {background:url(/images/menu_bg.gif) right; color:#fe8;}
#nav li ul {position:absolute; top:-999px; left:-1px; width:120px; padding-top:7px; border-bottom:1px solid #510; background:url(/images/menusub_bg.gif) no-repeat;}
#nav li:hover ul,#nav li.sfHover ul {top:28px;}
#nav li:hover ul a, #nav li.sfHover ul a {width:112px; margin:2px 4px; background:none; color:#fed;}
#nav li:hover ul a:hover, #nav li.sfHover ul a:hover {background:#c30; color:#fe8;}

#subnav {height:45px; padding:5px 15px; border-bottom:1px solid #f61; background:url(/images/subnav_bg.gif) #feb; color:#444; line-height:21px;}
#subnav a {padding:0 5px; color:#a10}

#chnl_title {height:40px; background:url(/images/chnl_title_bg.gif) #bb0b0b; color:#ff9; font:16px/40px a; font-weight:bold;}
#chnlmenu {border-bottom:1px solid #f52; background:#900;}
#chnlmenu li {border-top:1px solid #f52; font-size:14px; height:30px; color:#fe8; line-height:30px; text-align:center;}
#chnlmenu li a {display:block; font-size:14px; height:30px; color:#fe8; line-height:30px; text-align:center;}
#chnlmenu li a:hover {background:#c10; color:#fed;}
#chnlmenu li ul li a {border-left:10px solid #a10; border-right:10px solid #a10; background:#c50; color:#fed;}
#chnlmenu li ul li a:hover {background:#e50;}
#chnlmenu a.closed {background:url(/images/sub_closed.gif) no-repeat 170px 9px;}
#chnlmenu a.closed:hover {background:url(/images/sub_closed.gif) no-repeat 170px 9px #c10;}
#chnlmenu a.expend {background:url(/images/sub_expend.gif) no-repeat 170px 9px;}
#chnlmenu a.expend:hover {background:url(/images/sub_expend.gif) no-repeat 170px 9px #c10;}
/*---------- Nav End ----------*/

/*---------- Paragraph and Text ----------*/
h1, h2, h3, h4 {padding:5px 20px; text-align:center;}
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:16px;}
h4 {font-size:16px; font-weight:normal;}
p, p *, .txt, .txt * {font-size:14px; line-height:23px;}
.txt {padding:10px;}
.txtleft {text-align:left;}
.txtright {text-align:right;}
.f10 {font:10px/15px a;}
.f12 {font:12px/19px a;}
.f14 {font:14px/23px a;}
.f16 {font:16px/27px a;}
.f20 {font:20px/35px a;}
.bold {font-weight:bold;}
.info {height:20px; margin:5px 10px; border-top:1px solid #ccc; text-align:center; line-height:20px; color:#777;}
.blank {display:block; padding:5px;}
.dblank {display:block; padding:10px;}
.space {display:block; padding:5px 5px 0 0;}
.display, .block {display:block;}
.nodisplay {display:none;}
.img_desc {font-size:12px; padding-bottom:10px; text-align:center;}

.line_table {border-top:1px solid #999; border-left:1px solid #999;}
.line_table th {padding:5px; border-right:1px solid #999; border-bottom:1px solid #999; background:#feb; text-align:center;}
.line_table td {padding:5px; border-right:1px solid #999; border-bottom:1px solid #999;}

/*---------- Color ----------*/
.red {color:#e00;}
.crimson {color:#a30;}
.wine {color:#720}
.silve {color:#bbb;}
.gray {color:#888;}
.dark {color:#444;}
.white {color:#fed;}

/*---------- Links ----------*/
a {text-decoration:none; color:#000;}
a:hover {text-decoration:underline; color:#d00;}

a.black, a.black:hover {color:#000;}
a.black:hover {text-decoration:underline;}

a.red, a.red:hover {color:#a30;}
a.red:hover {text-decoration:underline;}

a.gray, a.gray:hover {color:#777;}
a.gray:hover {text-decoration:underline;}

a.dark, a.dark:hover {color:#444;}
a.dark:hover {text-decoration:underline;}

a.white, a.white:hover {color:#fed;}
a.white:hover {text-decoration:underline;}
/*---------- Links End ----------*/

.place {margin-top:10px; color:#777;}
.place a, .place a:hover {color:#777;}
.current {height:31px; margin-bottom:15px; padding-left:10px; background:url(/images/cap3.gif); color:#fed; line-height:31px;}
.current a, .current a:hover {color:#fed}
.current span {float:right; width:5px; height:31px; background:url(/images/cap3.gif) right;}

.border {border:1px solid #ccc;}
.border1 {border-top:1px solid #ccc;}
.border2 {border-right:1px solid #ccc;}
.border3 {border-bottom:1px solid #ccc;}
.border4 {border-left:1px solid #ccc;}
.noborder1 {border-top:0;}
.noborder2 {border-right:0;}
.noborder3 {border-bottom:0;}
.noborder4 {border-right:0;}

.box20 {padding:20px;}
.box15 {padding:15px;}
.box10 {padding:10px;}
.box5 {padding:5px;}
.line {width:100%; margin-top:5px; border-top:1px solid #ccc;}
.dashed {display:block; margin:10px; border-top:1px dashed #ccc;}
.white_bg {background:#fff;}
.gray_bg {background:#f3f3f3;}

/*---------- Caption and List ----------*/
.cap_sidebar {height:36px; padding-left:5px; background:url(/images/cap_sidebar.gif); color:#fe8; font:14px/31px a;}
.cap1, .cap2, .cap3 {height:31px; padding-left:10px; line-height:31px;}
.cap1 {background:url(/images/cap1.gif);}
.cap2 {background:url(/images/cap2.gif);}
.cap3 {background:url(/images/cap3.gif);}

caption, .caption {float:left; padding-top:3px; font:bold 14px/28px a;}
.cap1 .caption {color:#c00;}
.cap2 .caption, .cap2 .caption:hover {color:#fed;}
.cap1 span, .cap2 span {float:right; height:31px; padding-right:8px; line-height:31px;}
.cap1 span {background:url(/images/cap1.gif) right;}
.cap2 span {background:url(/images/cap2.gif) right;}

.list li {height:25px; padding-left:20px; border-bottom:1px dashed #ccc; background:url(/images/list.gif) no-repeat left top; line-height:25px;}
.list span {float:right; color:#888; font-size:10px; text-align:right;}
.list .newly {background:url(/images/list_new.gif) no-repeat 0 6px;}
.list2 li {background-position:0 -50px;}
.list3 li {background-position:0 -100px;}
.list4 li {background-position:0 -150px;}
.list_box {padding:5px; border:1px solid #ccc; border-top:0; background:url(/images/box_gray.jpg) bottom repeat-x #fafafa;}
.alt_li .over {background:url(/images/list.gif) no-repeat #fee;}
.attachpic {padding-left:5px; color:#a30;}

.txt ul li {padding-left:28px; background:url(/images/list_content.gif) no-repeat 6px 0;}
/*---------- Caption and List End----------*/

button, .btn {height:22px; margin:0 5px; padding:0 3px; border:1px solid #600; background:url(/images/btn1.gif) center; line-height:20px; color:#fed; cursor:pointer;}

.input {height:20px; border:1px solid #555; background:url(/images/input_bg.gif) repeat-x; line-height:20px; text-indent:3px; font-size:12px;}

select {border:1px solid #a30; font:12/16px a;}
select option {isplay:block; height:16px; padding-left:5px; border:1px solid #e5c8b1; border-top:0; dfont-size:12px;}

.pages{height:24px; margin:10px 0px; padding:2px; border:1px solid #aaa; background:#eee; text-align:center; line-height:24px;}

/*---------- Search ----------*/
#search {width:170px; padding:10px;}
#search * {float:left;}
#search .sbtn {width:22px; height:22px; border:1px solid #555; background:url(/images/search.gif) center; cursor:pointer;}

/*---------- Links ----------*/
#wlink {width:100%;}
#wlink div {width:170px; padding:5px 10px;}
#wlink select {width:170px;}
#wlink select option {height:19px; line-height:19px;}

/*---------- Server Center ----------*/
#serv fieldset {margin:5px; border-top:1px solid #fed; text-align:center;}
#serv fieldset * {color:#fed;}
#serv fieldset legend {margin-left:50px; padding:5px;}
.servList li {float:left; width:90px; height:24px; text-align:center; line-height:20px;}
.servList li a {display:block; height:20px; border:1px solid #b11;}
.servList li a:hover {border:1px solid #fed; background:#900;}