@import url(base.css);
@import url(SiteRightPanel.css);

#leftBody{ width:167px; float:left; margin-top:5px;overflow:hidden;}
#leftBody .quickNav{ width:167px; background:url(images/body_bg6.png) left bottom; float:left;}
#leftBody .quickNav h4.title { background:url(images/title_bg6.png) no-repeat; height:17; padding:8px; padding-left:14px; float:left; width:145px; color:White;}
#leftBody .quickNav ul{ padding-left:15px;}
#leftBody .quickNav ul li{ padding:5px; float:left; width:150px;}
#leftBody .quickNav ul li a{ font-weight:bolder;}

#leftBody .szll{ width:167px; background:url(images/body_bg6.png) left bottom; float:left; margin-top:5px;}
#leftBody .szll h4{ background:url(images/title_bg6.png) no-repeat; height:17; padding:8px; padding-left:14px; float:left; width:145px; color:White;}
#leftBody .szll h4 a{ color:White;}
#leftBody .szll ul{ padding-left:5px;}
#leftBody .szll ul li{ padding:5px 0px 0px 5px; text-align:center; width:75px; float:left;}
#leftBody .szll ul li img{ width:60px; border:solid 1px #888;}

#leftBody .CourseList{ width:167px; background:url(images/body_bg6.png) left bottom; float:left;}
#leftBody .CourseList h4.title { background:url(images/title_bg6.png) no-repeat; height:17; padding:8px; padding-left:14px; float:left; width:145px; color:White;}
#leftBody .CourseList .listItem{ padding:5px 15px; float:left; width:137px;}
#leftBody .CourseList .listItem h4{ padding-bottom:5px; border-bottom:solid 1px #aaa;}
#leftBody .CourseList .listItem ul{ padding-left:5px;}
#leftBody .CourseList .listItem ul li{ padding:5px;}

#centerbody{ width:610px; float:left; margin-left:5px;background:url(images/body_bg7.png) left bottom; margin-top:5px;overflow:hidden;}
#nowPlace{background:url(images/title_bg8.png) no-repeat;height:17; padding:8px; padding-left:14px; float:left; width:588px; color:White; color:Yellow; }
#nowPlace li{ float:left; padding-left:5px;}
#nowPlace li a{ color:Yellow;}

#imageList{ width:610px; float:left;}
#imageList .listblock li{ width:160px; padding:20px; float:left; text-align:center; height:140px;}
#imageList .listblock li img{ padding:3px; background-color:#ccc; border:solid 1px #888;}

#titleList{ width:610px; float:left;}
#titleList ul{ float:left; margin-left:20px;}
#titleList ul li{ padding:5px; width:550px; text-align:left; border-bottom:dashed 1px #aaa; float:left;}
#titleList ul li .title{ background:url(images/dot3.gif) no-repeat left center; padding-left:10px; float:left; width:540px;}
#titleList ul li .title a{ font-size:120%; float:left;}
#titleList ul li .title span{ float:right;}
#titleList ul li .description{ text-indent:2em; color:#666; width:550px; float:left; line-height:24px;}

#imageListContent{ width:610px; float:left;}
#imageListContent ul{float:left;}
#imageListContent ul li{ border-bottom:solid 1px #ccc; float:left; padding:20px;}
#imageListContent ul li .img{ width:130px; float:left; text-align:center; padding:0px 20px;}
#imageListContent ul li .img img{ width:120px; border:solid 1px #888; padding:3px; background-color:#ccc;}
#imageListContent ul li .text{ width:400px; float:left;}
#imageListContent ul li .text a{ font-weight:bolder;}

#Padding{ width:570px; float:left; padding:20px 0px;}
#Padding ul{ float:right;}
#Padding ul li{ float:left; padding-right:10px;}

.Padding { float:right; padding-right:20px;}
.Padding li{ float:left; padding-right:10px;}