#bodyid{
padding:0;
margin:0;
text-align:center;
}
#bg{
background : url(mainbg.png) repeat-y 50% 0%;
width:700px;
height:100%;
margin:0 auto;
text-align:center;
}
#page{
border-left:1px solid #aaa;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
background:#fff;
width:680px;
height:100%;
margin:0 auto;
}
#leftarea{
height:100%;
width:100%;
}
#title{
background : url(banbg.png) no-repeat 10px 10px;
height:110px;
width:490px;
}
#title h1{
color:#fff;
text-align:left;
margin:0;
padding:25px 15px 15px 25px;
font-size:1.3em;
letter-spacing:1px;
}
#frameid{
height:100%;
}
#right{
width:188px;
padding:12px 0 0 0;
text-align:center;
}
#right table{
border-collapse:collapse;
width:160px;
margin:0 auto;
}
#right td{
border:1px solid #666;
height:80px;
font-size:13px;
}
#right td p{
text-align:center;
letter-spacing:1px;
}
#right td p a{
color:#333;
}
#right td p a:hover{
color:#528cff;
}
#copy{
clear:both;
color:#666;
font-size:0.8em;
padding-top:15px;
text-align:center;
}

#bodyid2{
padding:0;
margin:0;
text-align:center;
scrollbar-arrow-color:#77f;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff; 
scrollbar-3dlight-color:#fff;
scrollbar-track-color:#77f;
scrollbar-shadow-color:#fff;
scrollbar-darkshadow-color:#fff;
}
#left{
font-size:0.8em;
padding-left:10px;
}
#left a{
color:#77f;
}
#left a:hover{
color:#aaf;
}
#left h2{
border-bottom:1px dashed #333;
font-size:1em;
letter-spacing:1px;
padding:12px 12px 3px 12px;
margin:0 10px 5px 2px;
text-align:left;
color:#373a7d;
}
#left h2:first-letter{
font-size:1.4em;
background:#5893ed;
color:#fff;
padding:2px;
} 
#left p{
padding:5px 12px 5px 12px;
margin:0 10px 0 2px;
text-align:left;
font-size:1em;
line-height:120%;
}
#pagetop{
padding:20px 10px 0 0;
text-align:right;
}