body,ul,li {
margin:0;
padding:0;
}
body {
font:12px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
color:#767B78;
}

a:link,a:hover,a:visited {
color:#5E737E;
text-decoration:none;
}

.clear{
clear:both;
}

#container {
width:880px;
background:#EFF2F3 url(images/container_top.gif) no-repeat top;
margin:5px auto;
}

#header {
clear:both;
height:120px;
}

#logo {
position:relative;
top:6px;
left:6px;
background:url(images/logo.gif) no-repeat;
}

#logo a {
display:block;
width:84px;
height:84px;
text-indent:-2000px;
}


.nav{
font:14px Verdana;
list-style:none;
height:30px;
position:relative;
top:-28px;
left:130px;
}

.nav li{
display:block;
float:left;
margin:0;
width:78px;
height:22px;
padding:8px 0 0 0;
background:#B6C5CA;
border-right:#EFF2F3 1px solid;
text-align:center;
text-indent:1px;
}

.nav li a{
text-decoration: none;
letter-spacing:7px;
color:#FFF;
}

.nav li a:visited,.nav li a:hover{
color: #FFF;
}

.nav li.selected{
background:#8B9DA6;
}

.nav #firstlink{
width:98px;
background:#B6C5CA url(images/nav_bg_l.gif) left no-repeat;
text-indent:11px;
}

.nav #firstlink.selected{
width:98px;
background:#8B9DA6 url(images/nav_bg_l_selected.gif) left no-repeat;
}

.nav #lastlink{
width:98px;
background:#B6C5CA url(images/nav_bg_r.gif) right no-repeat;
text-indent:-3px;
}

.nav #lastlink.selected{
width:98px;
background:#8B9DA6 url(images/nav_bg_r_selected.gif) right no-repeat;
}

#content{
background:#EFF2F3 url(images/content_bg.gif) repeat-y;
width:880px;
height:auto;
clear:both;
float:left;
display:inline;
margin-top:-10px;
}

#content .top{
background:url(images/content_top.gif) no-repeat;
width:880px;
height:11px;
float:left;
}
#content .bottom{
background:url(images/content_bottom.gif) no-repeat;
width:880px;
height:20px;
float:left;
overflow:hidden;
}

/**ÓÒ±ßÀ¸**/
#sidebar{
width:194px;
background:url(images/copyright.gif) no-repeat right bottom;
float:right;
margin:0 8px 0 0;
padding:0;
display:inline;
height:100%;
}


#newsletter{
width:188px;
background:#EFF2F3 url(images/sidebar_cb_top.gif) no-repeat top;
float:right;
margin:0 5px 11px 0;
display:inline;
}

#newsletter .cbbottom{
background:#EFF2F3 url(images/sidebar_cb_bottom.gif) no-repeat bottom;
width:188px;
height:13px;
float:right;
display:inline;
overflow:hidden;
}

#newsletter p {
height:25px;
width:186px;
margin:0;
padding:8px 0 0 2px;
text-align:center;
float:left;
}

#nl-input{
width:165px;
height:25px;
overflow:hidden;
background:url(images/nletter_input.gif) no-repeat;
border:none;
padding:4px 5px 0 9px;
color:#555;
}

#nl-btn{
width:125px;
height:24px;
background:url(images/nletter_btn.gif) no-repeat;
border:none;
}

#nl-btn-un{
width:22px;
height:22px;
background:url(images/nletter_btn_un.gif) no-repeat;
border:none;
}

#player{
width:188px;
background:#EFF2F3 url(images/sidebar_cb_top.gif) no-repeat top;
float:right;
margin:0 5px 90px 0;
display:inline;
overflow:hidden;
}

#player .cbbottom{
background:#EFF2F3 url(images/sidebar_cb_bottom.gif) no-repeat bottom;
width:188px;
height:13px;
float:right;
display:inline;
}


/**×óÀ¸**/

.loadarea{
width:650px;
margin:0;
padding:0 0 0 11px;
float:left;
display:inline;
color:#767B78;
}
#welcome{
width:330px;
height:240px;
background:url(images/popo.jpg) no-repeat;
padding:48px 0 0 38px;
margin:50px 0 0 130px;
color:#FFF;
font-size:14px;
line-height:22px;
}
#welcome a{
color:#FFF;
font-size:14px;
}