/* CSS Document */
body{margin:0px; padding:0px; background:url(../images/mainbg.jpg) 0 0 repeat-x #F6F4E4; color:#000000; font:11px/18px Verdana;}
div, p, ul, h1, h2, h4, img, form, label{padding:0px; margin:0px;}
ul{list-style-type:none;}

/*----MAIN PANEL----*/
#mainPan{width:950px; position:relative; margin:0 auto; padding:0px; }

/*--------------------------------header-------------------*/
#main_header #header{
	width:764px; margin:0 auto; background:url(../images/bannerMYLF.gif) 25px 10px no-repeat; height:160px;
	 position:relative;
}

/* # right top label # */
#main_header #header ul#header_student{
	background:url(../images/side_student.jpg) no-repeat; height:140px;
	 width:70px; margin-top:7px; margin-right: 10px; float: right; 
}
#main_header #header ul#header_parent{
	background:url(../images/side_parent.jpg) no-repeat; height:140px;
	 width:70px; margin-top:7px; margin-right: 10px; float: right; 
}
#main_header #header ul#header_tutor{
	background:url(../images/side_tutor.jpg) no-repeat; height:140px;
	 width:70px; margin-top:7px; margin-right: 10px; float: right; 
}

#main_header #tab_root{
	width:100px; color:#FFFFFF; height:50px; position:relative; padding-top: 10px; display:inline; float:left; margin-left: 35px;
}

#main_header #tab_root ul li{
margin:0 0 0 0; background:url(../images/tab_root.jpg) no-repeat; width: 30px; height: 29px; padding-top: 5px; padding-left: 15px;
}
#main_header #tab_root ul li a{
	height:25px; text-decoration:none; display:block; width:20px;
	}

#main_header #tab_root ul li a.home{
	background:url(../images/home.gif) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #tab_root ul li a.home:hover{
	background:url(../images/home_h.gif) no-repeat 0 0; width:16px; height:16px;
	}

#main_header #tab_root ul li a.search{
	background:url(../images/search.png) no-repeat 0 0; width:16px; height:16px;
	}
#main_header #tab_root ul li a.search:hover{
	background:url(../images/search_h.png) no-repeat 0 0; width:16px; height:16px;
	}


#main_header #tab{
	width:750px; margin:0 auto; color:#FFFFFF; height:50px; position:relative; padding-top: 10px; margin-left: 150px;
}

#main_header #tab ul.navi{
	width:750px; height: 29px;padding:0; margin:0; background:url(../images/tab.jpg) no-repeat; padding-top: 4px; padding-left: 9px;
}
#main_header #tab ul.navi li{
	background:url(../images/saparation.gif) no-repeat right; height:20px; padding:0 20px 0 5px; display:block; float:left; 
}
#main_header #tab ul.navi li.li1{
	background:none; height:20px; padding:0 20px 0 5px; display:block;  float:left; 
}

#main_header #tab ul.navi li.li2{
	background:none; height:20px; padding:0 20px 0 5px; display:block;
}

#main_header #tab ul.navi li a{
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#847543; text-decoration:none; text-indent:0px; 
	padding:0 0 0 15px; font-weight:bold; margin:0; width:inherit; 
}
#main_header #tab ul.navi li a:hover{
	color: #000000;
}	


#main_header #tab1{
	width:750px; margin:0 auto; color:#FFFFFF; height:50px; position:relative; padding-top: 10px; margin-left: 150px;
}

#main_header #tab1 ul.navi{
	width:750px; height: 29px;padding:0; margin:0; background:url(../images/tab.jpg) no-repeat; padding-top: 4px; padding-left: 9px;
}
#main_header #tab1 ul.navi li{
	background:url(../images/saparation.gif) no-repeat right; height:20px; padding:0 12px 0 0; display:block; float:left; 
}
#main_header #tab1 ul.navi li.li1{
	background:none; height:20px; padding:0 12px 0 0; display:block;  float:left; 
}

#main_header #tab1 ul.navi li a{
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#847543; text-decoration:none; text-indent:0px; 
	padding:0 0 0 15px; font-weight:bold; margin:0; width:inherit; 
}
#main_header #tab1 ul.navi li a:hover{
	color: #000000;
}

#main_header #tabCH{
	width:750px; margin:0 auto; color:#FFFFFF; height:50px; position:relative; padding-top: 10px; margin-left: 150px;
}

#main_header #tabCH ul.navi{
	width:750px; height: 29px;padding:0; margin:0; background:url(../images/tab.jpg) no-repeat; padding-top: 4px; padding-left: 0px;
}
#main_header #tabCH ul.navi li{
	background:url(../images/saparation.gif) no-repeat right; height:20px; padding:0 25px 0 8px; display:block; float:left; 
}
#main_header #tabCH ul.navi li.li1{
	background:none; height:20px; padding:0 25px 0 8px; display:block;  float:left; 
}

#main_header #tabCH ul.navi li a{
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#847543; text-decoration:none; text-indent:0px; 
	padding:0 0 0 15px; font-weight:bold; margin:0; width:inherit; 
}
#main_header #tabCH ul.navi li a:hover{
	color: #000000;
}

#main_header .pointer{
	cursor: pointer;
}


.text_logon_main {
font-size: 11px; background-color:#FFCC00; width:700px; padding: 5px;
}

.header_h2 { 
width: 400px; font-size:23px; color:#333333; font-weight: bold; text-align:center; line-height: 30px; border-bottom: #999999 1px solid; padding-bottom: 10px;
}
.header_h2_step {
font-size:25px; color:#333333;
}



/*------------------------------------body-------------------------*/
#main_body{	width:100%; }
#body{
	width:950px; margin:0 auto 0 auto; padding:17px 0 0 0; 
}
#body #spacing { height: 30px; }

#body h2{width:400px; height:36px; display:block; background:url(../images/icon1.jpg) 0 0 no-repeat #F6F4E4; color:#215EA0; font-size:24px; line-height:36px; padding:0 0 0 65px; margin:29px 0 0 9px;}

#body h4{width:400px; height:50px; display:block; background:url(../images/icon2.jpg) 0 0 no-repeat #F6F4E4; color:#215EA0; font-size:24px; line-height:22px; padding:0 0 0 75px; margin:0 0 0 9px; clear:both;}
#body h4 span{color:#9F9D81; background:#F6F4E4; font-size:16px; font-weight:bold; line-height:18px;}

#body h6{width:400px; height:45px; display:block; background:url(../images/books.jpg) 0 0 no-repeat #F6F4E4; color:#215EA0; font-size:30px; line-height:36px; padding:0 0 0 75px; margin:29px 0 0 9px;clear:both;}


/*----Left Panel----*/
#leftPan{width:300px; float:left; margin-right:10px; margin-left:20px;}

/*
#leftPan #community { width:278px; height:260px; background:url(../images/comm_site1.gif) no-repeat; position:static; padding: 0 10px 15px -15px; cursor:pointer; margin-left: 5px; }

#leftPan #community a{
width:278px; height:260px; text-decoration:none; cursor: pointer; display:block;	
}
#leftPan #community a:hover{
width:278px; height:260px;
background:url(../images/comm_site1_hover.gif) no-repeat; 
text-decoration:none; cursor: pointer; display:block;	
}*/

/*
#leftPan #community { width:278px; height:260px; position:static; padding: 0 10px 15px -15px; cursor:pointer; margin-left: 5px; }

.share {
  float:left; 
  display:inline;
  margin:0px 0px 0px 20px;
  background:url(../images/comm_site1.gif) top left no-repeat;  
}
.share a{
  display:block; 
  width:278px;
  height:250px;
  background:url(../images/comm_site1.gif) top left no-repeat;
}
#newPage a{ background-position:  0px 0px; }
#newPage a:hover{ background-position:  0px -250px; }
#newPage a:focus{ background-position:  0px -250px; }
*/

#leftPan #community { width:278px; height:500px; position:static; padding: 0 10px 15px -15px; cursor:pointer; margin-left: 5px; }

.share {
  float:left;
  display:inline;
  margin:0px 0px 0px 20px; 
  background:url(../images/mylearni_promo1.gif) top left no-repeat;  
}
.share a{
  display:block; 
  width:278px;
  height:500px;
  background:url(../images/mylearni_promo1.gif) top left no-repeat;
}
#newPage a{ background-position:  0px 0px; }
#newPage a:hover{ background-position:  0px -500px; }
#newPage a:focus{ background-position:  0px -500px; }

/*
#community600 { width:600px; height:150px; position:static; cursor:pointer; }

.share600 {
  display:inline; 
  background:url(../images/comm_site600.jpg) top left no-repeat;  
}
.share600 a{
  display:block; 
  width:600px; 
  height:150px;
  background:url(../images/comm_site600.jpg) top left no-repeat;
}
#newPage600 a{ background-position:  0px 0px; }
#newPage600 a:hover{ background-position:  0px -150px; }
#newPage600 a:focus{ background-position:  0px -150px; }*/

#community600 { width:600px; height:150px; position:static; cursor:pointer; }

.share600 {
  float:left; /* Allows list to display horizontally */
  display:inline; /* Fixes the IE double margin bug */
  background:url(../images/mylearni_promo600.jpg) top left no-repeat;  
}
.share600 a{
  display:block; 
  width:600px;
  height:150px;
  background:url(../images/mylearni_promo600.jpg) top left no-repeat;
}
#newPage600 a{ background-position:  0px 0px; }
#newPage600 a:hover{ background-position:  0px -150px; }
#newPage600 a:focus{ background-position:  0px -150px; }

/*
#leftPan #wordsmith { width:278px; height:260px; position:static; padding: 0 10px 15px -15px; cursor:pointer; margin-left: 5px; }

.wordsmith_share {
  float:left; 
  display:inline; 
  margin:0px 0px 0px 20px; 
  background:url(../images/myword_500.jpg) top left no-repeat;  
}
.wordsmith_share a{
  display:block; 
  width:278px;
  height:250px;
  background:url(../images/myword_500.jpg) top left no-repeat;
}
#wordsmith_newPage a{ background-position:  0px 0px; }
#wordsmith_newPage a:hover{ background-position:  0px -250px; }
#wordsmith_newPage a:focus{ background-position:  0px -250px; }
*/

#leftPan #english { width:278px; height:260px; position:static; cursor:pointer; margin-left: 25px; margin-top: 20px;}
#leftPan #blog { width:298px; height:250px; position:relative; padding: 10px 10px 15px -15px; cursor:pointer; }

#leftPan h9 { width:298px; height:250px; position:relative; padding: 10px 10px 15px -15px; cursor:pointer; }

/*----/Left Panel----*/

/*----Right Panel----*/
#rightPan{width:550px; float:left;}

/*#rightPan h1{width:620px; height:124px; background:url(../images/LogoHT4U-good3.jpg) 0 10px no-repeat ; color:#fff; font:40px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:37px 0 0 13px; font-weight:bolder;}*/

#rightPan h2{width:480px; height:36px; display:block; background:url(../images/icon1.jpg) 0 0 no-repeat #F6F4E4; color:#215EA0; font-size:24px; line-height:36px; padding:0 0 0 65px; margin:5px 0 0 9px;}

#rightPan h4{width:480px; height:55px; display:block; background:url(../images/lock1.gif) 0 0 no-repeat #F6F4E4; color:#215EA0; font-size:24px; line-height:50px; padding:0 0 0 63px; margin:5px 0 0 9px;}

#rightPan h6{width:480px; height:50px; display:block; background:url(../images/ico_articles.jpg) 0 0 no-repeat #F6F4E4; color:#215EA0; font-size:24px; line-height:50px; padding:0 0 0 65px; margin:5px 0 0 9px;} /* 3KB */

/*--resources--*/
#rightPan .lib_student { width: 600px; height: 380px; background:url(../images/library.jpg) 0 0 no-repeat #F6F4E4; color:#333333; margin-top: 30px; position: absolute }


#rightPan .content1 { width: 530px; height: 95px; text-align:left; padding-top: 20px; padding-left: 35px; }

#rightPan .lib_student .content { width: 550px; height: 95px; text-align:left; padding-top: 20px; padding-left: 18px;}

#rightPan #articles_student { width: 550px; height: 150px; background:url(../images/resources_box.jpg) 0 0 no-repeat #F6F4E4; color:#333333; margin-top: 15px; margin-left: 25px; }

#rightPan #articles_student .content1 { width: 420px; height: 110px; margin-top: 15px; padding-left: 10px; display: inline; float:right; }
#rightPan #articles_student span.title { font-size: 11px; font-weight:bold;  }
#rightPan #articles_student span.date { font-size: 9px;  }
#rightPan #articles_student #excerpt { margin-top: 10px; width: 400px;}
/*--//resources--*/

/*#rightPan ul li {
	height:27px;
	position:relative;
	margin:0 auto;
	background:url(../images/dot.gif) 0 100% repeat-x;
	margin-top: -10px;
	margin-bottom: 30px;
}*/

#rightPan #TOC ul li {
margin:0 0 10px 20px; padding:0 0 0 20px; background:url(../images/arrow-normal.gif) no-repeat 0 7px;
}

#rightPan p{padding:20px 0 0 9px;}

/*----/Right Panel----*/


/*----Body Middle Panel----*/
#bodymiddlePan{width:950px; clear:both; }
/*----/Body Middle Panel----*/

/*----Footer Panel----*/
#footermainPan_one{ width:100%; background:url(../images/footerbg1.gif) 0 0 repeat-x #6B6854; color:#fff; margin:0 auto; height:40px; clear:both; cursor: pointer; }

#footermainPan{width:100%;background:url(../images/footerbg.gif) 0 0 repeat-x #6B6854; color:#fff; position:relative; margin:0 auto; height:40px; clear:both; padding-top: 10px;}
#footerPan{width:100%; position:relative; margin:0 auto; font:10px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}

#footerPan a{color:#fff; text-decoration:none; padding:0px;}
#footerPan a:hover{text-decoration:underline;}

#footerPan p{text-align:center}
/*----/Footer Panel----*/