#bodyid{
padding:0;
margin:0;
text-align:center;
background:#fff url('img/bg.png') repeat-x left top;
}
#page{
width:720px;
//width:800px;
margin:0 auto;
background:url('img/image.png') no-repeat left top;
color:#333;
}
#top{
height:110px;
}
#top h1{
float:left;
color:#fff;
font-size:25px;
letter-spacing:2px;
text-align:left;
padding:13px 20px;
margin:0;
}
#top h4{
float:right;
margin:0;
padding:3px 20px;
}
#menu{
border-collapse:collapse;
width:100%;
margin:0;
font-size:13px;
letter-spacing:1px;
text-align:center;
color:#fff;
}
#menu a{
color:#888;
text-decoration:none;
font-weight:bold;
}
#menu a:hover{
color:#fff;
}
#menu td{
border:1px solid #ccc;
border-width:0 1px;
width:20%;
}
#main{
font-size:13px;
padding:10px 0;
}
#left{
width:478px;
//width:80%;
float:left;
padding:10px 0;
}
#left a{
color:#779;
}
#left a:hover{
color:#b2ddde;
}
#left h2{
border-left:7px solid #c0f5f8;
background:#e3edf3 url('img/main.png') repeat-y right top;
color:#888;
font-size:13px;
margin:0;
padding:3px 10px;
text-align:left;
letter-spacing:2px;
}
#left h3{
border-left:7px
font-size:12px;
margin:0;
padding:3px 10px;
text-align:left;
//letter-spacing:2px;
}
#left p{
margin:0;
padding:5px 10px 15px 17px;
text-align:left;
color:#888;
font-size:13px;
font-weight:normal;
line-height:120%;
}
#right{
width:160px;
float:right;
text-align:left;
padding:0 0 10px 0;
}
#right h2{
border:1px solid #bbb;
background:#f5f9fb url('img/menu.png') repeat-x left top;
font-size:13px;
padding:3px 7px;
margin:10px 0 0 0;
color:#888;
}
#right ul{
list-style-type:none;
margin:0;
padding:0;
}
#right li{
font-weight:normal;
border-bottom:1px dashed #999;
background:url('img/point.png') no-repeat 10px 4px;
padding:4px 10px 4px 30px;
margin:0;
font-size:13px;
}
#right li a{
color:#777;
text-decoration:none;
width:100%;
}
#right li a:hover{
color:#555;
background:#f4f8fb;
}
#pagetop{
padding:20px 7px 0 0;
text-align:right;
}
#copy{
clear:both;
color:#888;
font-size:13px;
}