/* index */
 
 @import url(inc/public.css);

.mainbody { margin-left:24px; margin-right:24px; width:730px; padding:16px 0 0; background:#EFF1F7 url(../images/bg-mainbody-t.gif) center top no-repeat; text-align:left; }
.mainbody p { clear:both; width:730px; height:16px; background: url(../images/bg-mainbody-b.gif) center no-repeat; }

.siderbar { float:left; width:380px; border-right:solid 1px #CAD4F2; }
.siderbar h1 { margin:0 20px; padding-top:7px; padding-left:25px; height:20px; background:url(../images/siderbar-bg-title.gif) left top no-repeat; border-bottom:solid 2px #6DACC7; font-size:14px; color:#ffffff; } 
.siderbar h1 span { float:right; margin-right:5px; padding-top:2px; width:41px; font-size:12px; font-weight:normal; background:url(../images/icon-more.gif) right no-repeat; }
.siderbar h1 span a { color:#46849F; text-decoration:none; }
.siderbar h1 span a:hover { color:#66A7C3; text-decoration:none; }
.siderbar dl { float:left; margin:16px 0; display:inline; }
.siderbar dl dt { float:left; margin:0 25px 0  20px; display:inline;}
.siderbar dl dt img { width:134px; height:154px; border:solid 3px #ffffff; }
.siderbar dl dd { margin-left:180px; padding:8px 0; color:#db1b63; line-height:18px; }
.siderbar dl dd a { color:#db1b63; text-decoration:none; }
.siderbar dl dd a:hover { color:#ff1c87; text-decoration:none; }

.siderbar ul { float:left; width:100%; margin:10px 0; }
.siderbar ul li { font-family:"ËÎÌå"; margin:6px 27px; padding-bottom:4px; background:url(../images/dotline.gif) bottom repeat-x; }
.siderbar ul li a { color:#db1b63; text-decoration:none; }
.siderbar ul li a:hover { color:#ff1c87; text-decoration:none; }

.mainContent { margin-left:381px; }
.mainContent h1 { margin:0 20px; padding-top:7px; padding-left:25px; height:20px; background:url(../images/siderbar-bg-title.gif) left top no-repeat; border-bottom:solid 2px #6DACC7; font-size:14px; color:#ffffff; } 
.mainContent h1 span { float:right; margin-right:5px; padding-top:2px; width:41px; font-size:12px; font-weight:normal; background:url(../images/icon-more.gif) right no-repeat; }
.mainContent h1 span a { color:#46849F; text-decoration:none; }
.mainContent h1 span a:hover { color:#66A7C3; text-decoration:none; }
.mainContent ul { float:left; }
.mainContent ul li{ margin:16px 20px 16px 27px; }
.mainContent ul li dl { width:100%; }
.mainContent ul li dl dt { float:left; }
.mainContent ul li dl dt a img { border:solid 3px #ffffff; }
.mainContent ul li dl dd { margin-left:156px; padding:10px 0; }
.mainContent ul li dl dd a { color:#db1b63; text-decoration:none; }
.mainContent ul li dl dd a:hover { color:#ff1c87; text-decoration:none; }