@charset "utf-8";
/* CSS Document */

/*Main Image*/
#mainimg {
 background:url(../img/mainimg.png) no-repeat;
	height:400px;
	width:900px;
	margin:15px auto;
}

/*Whats new*/
 #mainimg ul{
  float:left;
  margin-top:66px;
  margin-left:28px;
  width:300px;
 }

 #mainimg li#png a{
  display:block;
  overflow:hidden;
  float:left;
  background:url(../img/whatsnew.png) no-repeat;
  width:300px;
  height:25px;
  margin-top:6px;
  padding:5px 0 0 20px;
  color:#ffffff;
  font-size:15px;
  text-align:left;
 } 
  
/*Recommend*/
#recmnd{
margin:10px 0 0 30px;
width:850px;
height:122px;
background:url(../../img/recommend_back.jpg) no-repeat;
border:1px solid #cccccc;
}
#recmnd ul{
 margin:25px 0 0 33px;
 display:block;
}
#recmnd li{
 float:left;
 margin-right:18px;
 text-indent:-9999px;
}
#recmnd li a{
 border: 2px solid #CCCCCC;
 display:block;
 width:250px;
 height:85px;
}
#recmnd li a:hover{
 border:2px solid #33CC00;
 }

/*Content*/
#content{
 width:900px;
 min-height:400px;
}
/*Content left*/
#leftmenu{
 float:left;
 width:600px;
 margin:15px 0 0 30px;
 }

dl#homemenu{
 float:left;
 margin:0 30px 20px 0;
 width:260px;
 border:1px solid #CCCCCC;
}
#homemenu dt{
 background:url(../../img/homemenu_yellow.jpg) no-repeat;
 width:250px;
 height:47px;
 font-size:110%;
 font-weight:bold;
 line-height:1.6;
 margin:5px 5px 0 5px;
 padding:10px 0 0 30px;
}
#homemenu dt a{
 color:#333333;
}
#homemenu dt a:hover{
 text-decoration:underline;
 color:#cc4011;
}
#homemenu dd{
 float:left;
 padding:0 0 20px 20px;
 font-size:105%;
 line-height:1.5;
}
#homemenu dd span.arrow{
 background:url(../img/arrow_org.jpg) no-repeat center left;
 padding:5px 0 6px 18px;
 margin:3px;
 }
#homemenu dd span.course{
 background:#ededed;
 border:1px solid #cccccc;
 margin-bottom:10px;
 padding:3px;
}
#homemenu dd a{
 font-size:90%;
 font-weight:bold;
 line-height:1.8;
}

/*Content right*/
#rightmenu{
 float:right;
 width:250px;
 margin:15px 18px 0 0;
 border:1px solid #CCCCCC;
 background-color:#ededed;
}
#rightmenu h2{
 background:url(../../img/pickup.jpg) no-repeat;
 width:237px;
 height:30px;
 text-indent:-9999px;
 margin:5px 0 0 5px;
}
#rightmenu dl{
 width:237px;
 height:120px;
 display:block;
 margin:15px 0 10px 5px;
 background:#FFFFFF;
}
#rightmenu dt{
 background-color:#cccccc;
 font-size:96%;
 font-weight:bold;
 padding:2px;
}
#rightmenu dd.text{
 background-color:#FFFFFF;
 float:left;
 font-size:96%;
 line-height:1.2;
 padding:3px;
 width:140px;
}
#rightmenu dd.img{
padding:0;
width:90px;
float:right;
} 

#banner{
 float:right;
 width:200px;
}