/*-----------------------------------------------------------------------------------------------
basics
-----------------------------------------------------------------------------------------------*/


* {
margin:0;
padding:0;
}

html, body {
height: 100%;
height: 100%;
}

a:link {
text-decoration:none;
color:#5a7701;
}

a:visited {
text-decoration:none;
color:#cc4300;
}

a:hover {
text-decoration:underline;
color: #a8410e;
}

a:active {
text-decoration:none;
color:#ccc03c;
}

a img {
border:none;
text-decoration:none;
}

.left {
float:left;
}

.center {
text-align:center
}

.right {
float:right;
}

ul{
list-style-type:none;
}

li {
line-height:1.6em;
}

.clear {
clear:both;
line-height:0;
font-size:0;
height:0; 
}

h1 {
font-size:17px;
}

h2 {
font-size:15px;

}

em {
color:#86b21c;
font-style:normal;
font-weight:700
}

/*-----------------------------------------------------------------------------------------------
main container
-----------------------------------------------------------------------------------------------*/

body {
font-family:Verdana,Arial,sans-serif,"宋体";
font-size:12px;
margin: 0px; 
background:url("image/bg.gif") top repeat-x #eeeedd;
color:#553333;
text-align:center;
border-top:6px solid #92a72e;
}

#container {
text-align:left;
width:950px;
margin:0 auto;
padding:30px 0;
position:relative; 
}

#language {
right:10px;
top:30px;
position:absolute;
}

#language a {
padding:0 0 0 10px;
height:11px;
display:block;
float:left; 
font-size:0px;
}

#cn {
background:url(image/cn.gif) left top no-repeat; 
width:45px; 
}

#en {
background:url(image/en.gif) left top no-repeat; 
width:61px; 
}

#cn:hover, #cn.current, #en:hover, #en.current {
background-position:left bottom;
}


/*-----------------------------------------------------------------------------------------------
sidebar
-----------------------------------------------------------------------------------------------*/
#sidebar {
float:left;
width:250px;
margin:50px 0 0 10px;
text-align:right;
}

#sidebar h1 {
padding:20px;
}


#link {
margin:20px 20px 0 0
}

#side-top {
background:url("image/side-top-bg.gif") bottom no-repeat !important;
background:url("image/side-top-bg-ie.gif") bottom no-repeat;
height:118px;
}

#side-mid {
background:url("image/side-mid-bg.gif") repeat-y #eeeedd;
}

#side-bottom {
background:url("image/side-bottom-bg.gif") top no-repeat #eeeedd;
height:118px;
}

/*-----------------------------------------------------------------------------------------------
pagebody
-----------------------------------------------------------------------------------------------*/

#pagebody {
float:left;
width:670px;
margin:20px 10px 20px 0;
background:url("image/pagebody-bg.gif") #fffffc;
}

b.rtop{
display:block;
background:#cfcf9c
}

 b.rbottom{
display:block;
background:#eed
}

b.rtop b, b.rbottom b{
display:block;
height:1px;
overflow:hidden;
background:#fffffc
}

b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{
margin: 0 1px;
height: 2px}

#pagebody h2 {
padding:5px 0 5px 40px;
background:url("image/h2-bg.gif") left no-repeat;
}

#pagebody ul {
padding:5px 40px;
list-style-type:disc
}

#profile {
margin-top:20px
}

#profile ul{
list-style-type:none;
}

#practice {
margin-bottom:20px
}

/*-----------------------------------------------------------------------------------------------
footer
-----------------------------------------------------------------------------------------------*/

#footer {
clear:both;
padding:10px;
color:#9e9e71
}