@import url("main.css");

.TocUnit1Container {
	width: 100%;
	height: 280px;
	background: #f8f8f8;
	float: left;
	text-align: center !important;
}
.TocUnit1Container ul{
	width: 95%;
	height: 300px;	
	text-align: left;
}

.TocUnit1Container ul li{
    width: 950px;
	height: 30px;
    font-size: 12px;
	font-weight: bold;
	color: #05b7fa;
	list-style-type: none;
	margin-top: 8px;
}
.TocUnit1Container ul li h3{
	width: 8%;	
    float: left;	
}
.TocUnit1Container ul li .content{
	width: 90%;
	height: 29px;
	float: left;
	margin-left: 2%;
}

.TocUnit1Container ul li .content p{
	width: 800px;
	height: 25px;
	float: left;
    	
}

.TocUnit1Container ul li .content p #img{
	width: 25px;
	height: 25px;
}
.TocUnit1Container ul li .content a{
	height: 20px;
	width: 200px;
}

.english {
width: 570px;
height: 255px;
float: left;
}
.english  .links{
width: 100%;
height: 200px;
background: url('../images/subjectIteachBg.png') no-repeat;
float: left;
text-align: center !important;
}
.english  .links image{
float: left
}

.english  .links .caption{
width: 420px;
height: 20px;
position: absolute;
margin: 160px 0px 0px 80px;
}
.english  .links .caption h3{
width: 130px;
height: 20px;
float: left;
color: #fff;
}

.english  .imgBox{
width: 300px;
height: 200px;
float: left;
}
.english  .nav{
width: 270px;
height: 200px;
float: left;
}
.english  .nav ul{
width: 100%;
list-style-type: none;
background: #fff;
}
.english  .nav ul li{
margin-bottom: 1px;
text-indent: 20px;
font-size: 14px;
font-weight: bold;
color: #000;
padding-top: 6px;
}
.english .note{
width: 100%;
height: 70px;
float: left;
}
.english .note p{
width: 95%;
height: 69px;
font-size: 12px;
padding-top: 12px;
color: #fff;
}
/* End */




/**  iTeach slider boxes **/
.iTeachBox {
width: 670px;
height: 200px;
float: left;
}
.iTeachBox  .imgBox1{
width: 150px;
height: 100%;
float: left; 
}
.iTeachBox  .imgBox2{
width: 150px;
height: 100%;
float: left; 
margin-left: 17px;
}
.iTeachBox  .imgBox3{
width: 150px;
height: 100%;
float: left; 
margin-left: 17px;
}

.iTeachBox  .imgBox4{
width: 150px;
height: 100%;
float: left; 
margin-left: 17px;
}

.english {
width: 570px;
height: 255px;
float: left;
margin: 25px 0px 0px 25px;
}
.english  .links{
width: 100%;
height: 200px;
background: url('../images/subjectIteachBg.png') no-repeat;
float: left;
text-align: center !important;
}
.english  .links image{
float: left
}

.english  .links .item{
float: left;
width: 190px;
height: 200px;
}

.english  .links .item .itemlinkContainer{
width: 90px;
height: 200px;
float: right;
}
.english  .links .item .itemlinkContainer ul{
height: 180px;
width: 25px;
text-align: right !important;
margin-right: 20px;
margin-top: 5px;
}
.english  .links .item .itemlinkContainer ul li{
height: 27px;
list-style-type: none;
list-style-image: none;
font-weight: bold;
}
.english  .links .item .itemlinkContainer ul li img{ cursor: pointer; }

.english  .links .caption{
width: 550px;
height: 20px;
position: absolute;
margin: 170px 0px 0px 20px;
}
.english  .links .caption h3{
width: 130px;
height: 20px;
float: left;
color: #fff;
font-size: 14px !important;
}
.english  .imgBox{
width: 300px;
height: 200px;
float: left;
}
.english  .nav{
width: 270px;
height: 200px;
float: left;
}
.english  .nav ul{
width: 100%;
list-style-type: none;
background: #fff;
}
.english  .nav ul li{
margin-bottom: 1px;
text-indent: 20px;
font-size: 14px;
font-weight: bold;
color: #000;
padding-top: 6px;
}
.english .note{
width: 100%;
height: 70px;
float: left;
}
.english .note p{
width: 95%;
height: 69px;
font-size: 12px;
padding-top: 12px;
color: #fff;
}
/* End */