@import url("SpryAccordion.css");
@import url("mainNews.css");

/* Iteach PRoduct Slider Layout */
.bodyNewsData .IteachSliderContainer {
width: 100%;
height: 300px;
}

.bodyNewsData .IteachSliderContainer .IteachBox{
margin-top: 20px;
width: 225px;
height: 200px;
float: left;
}

.bodyNewsData .IteachSliderContainer .IteachBox2{
margin-top: 20px;
width: 225px;
height: 200px;
float: left;
}

.bodyNewsData .IteachSliderContainer .IteachBox3{
margin-top: 20px;
width: 225px;
height: 200px;
float: left;
}

		/* ITEM 1 CSS LAYOUT*/
.bodyNewsData .IteachSliderContainer .IteachBox .OneClick{
float: left;
width: 100%;
height: 100%;
background: #000;
display:none;
}
.bodyNewsData .IteachSliderContainer .IteachBox .OneClick .SubTitle{
width: 100%;
height: 23px;
text-align: center;
font-weight: bold;
font-size: 13px;
font-family: Arial;
padding-top: 5px;
}
.bodyNewsData .IteachSliderContainer .IteachBox .OneClick .Pics{
width: 300px;
height: 200px;
float: left;
background: url('../images/english3.jpg') no-repeat center center;
}
.bodyNewsData .IteachSliderContainer .IteachBox.OneClick .Nav{
width: 225px;
height: 199px;
float: left;
}
.bodyNewsData .IteachSliderContainer .IteachBox .OneClick .Nav ul{
width: 100%;
list-style-type: none;
background: #fff;
}
.bodyNewsData .IteachSliderContainer .IteachBox .OneClick .Nav ul li{
margin-bottom: 1px;
text-indent: 20px;
font-size: 14px;
font-weight: bold;
color: #000;
padding-top: 6px;
}
.bodyNewsData .IteachSliderContainer .IteachBox .OneClick .Notes{
width: 100%;
background: #510133;
height: 71px;
}
.bodyNewsData .IteachSliderContainer .IteachBox .OneClick .Notes  p{
width: 95%;
height: 69px;
font-size: 10px;
margin-left: 2.5%;
padding-top: 3px;
color: #fff
}

		/* ITEM 2 CSS LAYOUT*/
.bodyNewsData .IteachSliderContainer .IteachBox2 .OneClicks{
float: left;
width: 100%;
height: 100%;
background: #000;
display:none;
}
.bodyNewsData .IteachSliderContainer .IteachBox2 .OneClicks .SubTitles{
width: 100%;
height: 23px;
text-align: center;
font-weight: bold;
font-size: 13px;
font-family: Arial;
padding-top: 5px;
}
.bodyNewsData .IteachSliderContainer .IteachBox2 .OneClicks .Picss{
width: 300px;
height: 200px;
float: left;
background: url('../images/english3.jpg') no-repeat center center;
}
.bodyNewsData .IteachSliderContainer .IteachBox2.OneClicks .Navs{
width: 225px;
height: 199px;
float: left;

}
.bodyNewsData .IteachSliderContainer .IteachBox2 .OneClicks .Navs ul{
width: 100%;
list-style-type: none;
background: #fff;
}

.bodyNewsData .IteachSliderContainer .IteachBox2 .OneClicks .Navs ul li{
margin-bottom: 1px;
text-indent: 20px;
font-size: 14px;
font-weight: bold;
color: #000;
padding-top: 6px;
}

.bodyNewsData .IteachSliderContainer .IteachBox2 .OneClicks .Notess{
width: 100%;
background: #584e04;
height: 71px;
}
.bodyNewsData .IteachSliderContainer .IteachBox2 .OneClicks .Notess p{
width: 95%;
height: 69px;
font-size: 10px;
margin-left: 2.5%;
padding-top: 3px;
color: #fff
}
/* End */



		/* ITEM 3 CSS LAYOUT*/
.bodyNewsData .IteachSliderContainer .IteachBox3 .OneClicked{
float: left;
width: 100%;
height: 100%;
background: #000;
display:none;
}
.bodyNewsData .IteachSliderContainer .IteachBox3 .OneClicked .SubTitled{
width: 100%;
height: 23px;
text-align: center;
font-weight: bold;
font-size: 13px;
font-family: Arial;
padding-top: 5px;
}
.bodyNewsData .IteachSliderContainer .IteachBox3 .OneClicked .Picd{
width: 300px;
height: 200px;
float: left;
background: url('../images/english3.jpg') no-repeat center center;
}
.bodyNewsData .IteachSliderContainer .IteachBox3 .OneClicked .Navd{
width: 225px;
height: 199px;
float: left;
}
.bodyNewsData .IteachSliderContainer .IteachBox3 .OneClicked .Navd ul{
width: 100%;
list-style-type: none;
background: #fff;
}

.bodyNewsData .IteachSliderContainer .IteachBox3 .OneClicked .Navd ul li{
margin-bottom: 1px;
text-indent: 20px;
font-size: 14px;
font-weight: bold;
color: #000;
padding-top: 6px;
}
.bodyNewsData .IteachSliderContainer .IteachBox3 .OneClicked .Notice{
width: 100%;
height: 71px;
}
.bodyNewsData .IteachSliderContainer .IteachBox3 .OneClicked .Notice p{
width: 95%;
height: 69px;
font-size: 10px;
margin-left: 2.5%;
padding-top: 3px;
color: #000;
}
/* End */

/**  iTeach slider boxes **/
.iTeachBox {
width: 670px;
height: 138px;
float: left;
background: transparent url(../images/ilearn_new_sub_nav.jpg) no-repeat;
margin-top: 13px;
padding: 15px 0px 0px 0px;
}
.iTeachBox  .imgBox1{
width: 127px;
height: 105px;
float: left; 
}
.iTeachBox  .imgBox2{
width: 131px;
height: 105px;
float: left; 
margin-left: 5px;
}
.iTeachBox  .imgBox3{
width: 135px;
height: 105px;
float: left; 
margin-left: 5px;
}

.iTeachBox  .imgBox4{
width: 130px;
height: 105px;
float: left; 
margin-left: 4px;
}

.iTeachBox  .imgBox5{
width: 128px;
height: 105px;
float: left; 
margin-left: 4px;
}


.left {
width: 0px;
height: 255px;
float: left;
background: red;
}

.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: #000;
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 */