body{
 margin: 0px;
 text-align:center;
 font-size:12px;
 background-color:#666666;
}
td{
 font-size:12px;
}
a{
 font-size:12px;
 color:#000000;
 text-decoration: none;
}
ul{
padding:0px;
margin:0px;
}
div{
 font-size:12px;
}
#html{
 margin:auto;
 text-align:left;
 width:900px;
 height:auto;
 font-size: 12px;
 background-color:#FFFFFF;
}
#top{
padding:0px;
}
#top_top{
padding:0px;
height:28px;
}
.top_top_area_c{
float:left;
width:52px;
height:18px;
margin-left:2px;
text-align:center;
background-image:url(top_top_area_c_bg.gif);
background-repeat:no-repeat;
background-position:top center;
padding-top:8px;
}
#top_top_right{
float:right;
height:18px;
padding-right:8px;
padding-top:8px;
}
#top_body{
padding-top:5px;
width:900px;
height:60px;
background-image:url(top_body_bg.gif);
background-position:right bottom;
background-repeat:no-repeat;
}
#top_body_logo{
float:left;
}
#top_body_menu{
float:left;
margin:25px 10px 0px 30px;
width:600px;
}
.top_body_menu_item_c{
float:left;
margin-left:5px;
border:#FF9900 1px solid;
background-color:#FFFFFF;
FILTER: Alpha(Opacity=80);
padding:5px;
font-weight:bold;
}
.top_body_menu_item_c a{
font-weight:bold;
}
#top_menu{
clear:both;
padding-top:5px;
padding-left:20px;
height:22px;
background-image:url(menu_bg.jpg);
background-repeat:repeat-x;
}
#top_bottom{
padding-top:5px;
background-color:#eeeeee;
}
/*------------body*/
#body{
clear:both;
height:auto;
}
.area{
clear:both;
height:auto;
}
/*left*/
.area .left {
float:left;
margin-left:3px;
margin-bottom:3px;
height:auto;
}
.area .left .item {
width:180px;
height:auto;
margin-top:5px;
background-color:#FFFAF3;
border:#CCCCCC 1px solid;
}
.area .left .item .title{
height:18px;
padding-left:10px;
padding-top:5px;
font-weight:bold;
background-color:#FFFFFF;
border-bottom:#CCCCCC 1px solid;
}
.area .left .item .content{
padding:5px 2px 2px 2px;
height:auto;
}
.area .left .item .content ul{
margin:2px;
}
.area .left .item .content ul li{
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(li.gif) no-repeat 2px 7px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
.area .left .item .content .more{
clear:both;
text-align:right;
padding:3px 10px 3px 2px;
}
/*right*/
#body .area .right{
float:right;
margin-right:3px;
width:700px;
height:auto;
}
/*bottom*/
#bottom{
clear:both;
}
#bottom .part{
margin-top:5px;
background-color:#62B0FF;
text-align:center;
padding:5px;
}
#bottom .content{
padding:5px;
background-color:#F9F9F9;
}

