@import url("mainNews.css");


/**  iTeach slider boxes **/
.iTeachBox {
width: 670px;
height: 150px;
float: left;
margin: 10px 0px 10px 15px;
background: transparent url(../images/ilearn_new_sub_nav.jpg) no-repeat;
}
.iTeachBox  .imgBox1{
width: 130px;
height: 100%;
float: left; 
}
.iTeachBox  .imgBox2{
width: 130px;
height: 100%;
float: left; 
margin-left: 4px;
}
.iTeachBox  .imgBox3{
width: 133px;
height: 100%;
float: left; 
margin-left: 3px;
}

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

.iTeachBox  .imgBox5{
width: 133px;
height: 100%;
float: left; 
}

.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 */



/* extras effects */
.subContent {
width: 550px;
height: 300px;
float: left;
margin-top: 30px;
}
.subContent .row{
height: 100px;
}
.subContent .row .img {
width: 100px;
height: 100px;
float: left;
margin-right: 10px;
}
.subContent .row .title {
width: 440px;
font-weight: bold;
color: #434343;
text-align: justify;
font-size: 11.5px;
float: left;
margin-bottom: 8px;
margin-top: 5px;
}

.subContent .row .desc{
width: 440px;
color: #777;
font-size: 11px;
float: left;
}

.subContent .row .desc a{
color: blue !important;
}


.subContent .close_this{
width: 22px;
height: 22px;
background: url('../images/close_black.png');
float: right !important;
}

/* End */