/* CSS Document */
*{
  margin:0px;padding:0px;
}
body{
   font-size:12px;
}
h5{
   font-size:12px;
}
/*******************************²Ëµ¥   start************************************/

#nav{
	margin-top:1px;
	height:60px;
	overflow:hidden;
	background-image: url(../images/nav_bg.gif);
	background-repeat: repeat-x;
}
#subnav{
     margin-top:-1px;width:456px;height:30px; float:right;background:url(../images/subnav_bg.gif) no-repeat;
	 overflow:hidden;font-size: 12px;line-height: 25px;	color: #000;
}

#subnav ul{padding:0 10px;padding-top:5px;list-style:none;
}
#subnav ul li,#subnav ul li a,#subnav ul li a:hover{
     display:inline;text-align:center;margin:0 5px;
}
.listitem{
     background:url(../images/nav_line.gif) no-repeat;
	 padding:5px;width:2px;
}

#mainnav{
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	margin-top:5px;
	width:740px;
	letter-spacing: 3px;
	float:right;
	
}
#mainnav ul{display:inline;float:left;width:740px;list-style:none;
    }
#mainnav ul li,#mainnav ul li a,#mainnav ul li a:hover{
    float:left;color:#fff;display:inline;height:25px;margin-left:5px;margin-right:5px;
}
.current{
	background: url(../images/nav_current.gif) no-repeat 10px 20px;
		
}
.menuDiv {width:1px;height:1px;background:#fff;margin-top:5px;}

.grain{
	width:900px;padding:0 30px;
	height:60px;
	background: url(../images/nav_grain.gif) no-repeat 150px;
}
.logo{
    margin-top:8px; width:110px; height:43px; behavior: url(../common/iepngfix.htc)

 }
#banner{}

/*******************************²Ëµ¥   end************************************/

#video{
  background:#00D2BB url(../images/video_bg.gif) repeat-x top;
  width:707px;height:343px;margin-top:5px;float:left;clear:left;
}
#video h5{
  margin-top:2px;
}
#intro{
  margin-left:20px;width:323px!important;width:300px;color:#fff;  float:left;clear:left;
}
#intro p{
  text-indent: 25px;line-height:18px;
}
#intro ul{
  margin-left:20px;
}
#intro ul li{
  height:20px;
}
.colorbg{
  background:#07857F;color:#FFD200;height:23px;line-height:23px;font-weight:bold;padding-left:10px;
}
.dotline{
  background:url(../images/dotline.gif) repeat-x;
}
#media {
  background:url(../images/media_bg.gif) no-repeat; float:left; width:326px;height:286px;
  margin-top:-36px;margin-left:15px;padding-top:43px;padding-left:16px
  }

#download{
  width:707px;background:url(../images/download_bg.gif) repeat-x; float:left; clear:left;margin-top:5px; margin-bottom:12px;
}
#download ul{
  list-style-type: none; padding-left:3px;padding-right:5px;height:200px;margin-top:5px;
  padding-bottom:5px;
}

#download ul li{
  height:200px;float:left;display:block; margin-right:5px; }
#download ul li ul{
  float:left;width:320px;
}

#download ul li ul li{
  float:left;clear:left;display:block;
  height:25px;width:310px;overflow:hidden;color:#5D5F84;
}
#download ul li ul h6{
  color:#007069;font-weight:bold;border-bottom:1px solid #2DCAA8;
  height:25px;width:310px;font-size:12px;
}
#download h5{
  width:80px;background:url(../images/download_h5.gif) no-repeat bottom;
  padding-left:43px;margin-left:20px;height:26px ;padding-top:10px;
}
.upright{
   width:1px;background:#2AB8AE;margin-left:5px;margin-right:10px;margin-top:10px;
}
#tech,#book{
  color:#838383;width:246px;overflow:hidden;
  margin-top:5px;
}

#tech h5,#book h5{
  background:url(../images/tech_bg.gif) no-repeat top left;color:#fff;padding-top:5px;padding-left:31px;
}
#tech ul{
  border-left:1px solid #C6C6C6;border-right:1px solid #C6C6C6;width:244px;padding-bottom:10px; *padding-bottom:0px;_padding-bottom:10px;
  }
#book ul{
  border-left:1px solid #C6C6C6;border-right:1px solid #C6C6C6;width:244px;padding-bottom:10px; height:356px!important;height:351px;
  }
#book ul{
  list-style-type:none;}
#tech ul li{
  margin-left:25px;line-height:19px;width:210px;overflow:hidden;
  }
#book h5{
  background:url(../images/book_bg.gif) no-repeat top;
}
#book ul li{
  margin-left:5px;width:230px;float:left;clear:left;
  }  
.img{
  float:right;clear:right;border:1px solid #8D8D8D;margin-top:5px;margin-bottom:5px;
}
#book p{
  width:120px;float:left;
}
.dot{
   background:url(../images/dot.gif) repeat-x ;height:1px;overflow:hidden;
}

#teach_right{ width:245px;margin-left:5px; position:absolute; left:710px; top:262px;}

#edu{
   background:url(../images/edu_bg.gif) repeat-x top;border-left:1px solid #B3D4AC;border-right:1px solid #B3D4AC;border-bottom:1px solid #B3D4AC;margin-top:5px; height:268px; position:relative;
   }
#edu h5{
   background:url(../images/edu_h5.gif) no-repeat;padding-top:12px;padding-left:100px;color:#fff;
   }
#edu ul{list-style:none;
}
#edu ul li{float:left;height:220px;margin-top:5px;
}
#edu ul li ul{width:295px;margin-left:5px;
}
#edu ul li ul li{
    float:left;clear:left;height:22px;width:270px;overflow:hidden;margin-left:10px;
}

#edu ul li ul h6 a{
	font-size:12px;font-weight:bold;color:#49882F;
}
#edu ul li ul h6 a:hover{
	color:#49882F;
	text-decoration: underline;
}
#edu ul li a{
	color:#838383;
}
#edu ul li a:hover{
	color:#838383;
	text-decoration: underline;
}
.h h6 {
	background:url(../images/edu_h6_bg1.gif) no-repeat;padding-left:20px;
}
.m h6{
	background:url(../images/edu_h6_bg2.gif) no-repeat;padding-left:20px;width:295px;
}
.m{
	background:#E4F5DB;padding-top:5px;margin-top:-5px;width:350px!important;width:355px;overflow:hidden;
}
form{
   width:680px;float:right;clear:right;color:#559C43;margin-top:-30px;
}
.input{
   width:128px;height:17px;margin:3px;
   border:1px solid #d6d6d6;
}
.btn{
   background:url(../images/btn_bg.gif) repeat-x;border:1px solid #fff;
   color:#559C43;font-size:12px; height:18px;
}
#edu_cov{ width:961px; height:230px; position:absolute; left:0px; top:38px;}

/* Clear Fix */

.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
height:115px;
}
 /*Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac 
 end of clearfix */
</style>