/*----------------------------------------

 * Filename:              main.css
 * Description:           All Of Css
 * Version:               2009/06/04
 * Website:               www.noahedu.com  
 * Author:                **

==STRUCTURE===============================

 *Pagewidth:             100%
 *Number of Columns:     All     

----------------------------------------*/

/*Public Style
----------------------------------------*/
a,a:visited{color:#333;text-decoration:none}
a:hover{color:#01458e;text-decoration:underline}
.width980{width:980px;margin:0px auto; background:#fff; text-align:left}
.left{float:left;}
.right{float:right;}





/*Top Nav Styles Of noahedu.com
----------------------------------------*/
.header{ background:url(../images/header.jpg) center no-repeat; height:100px; width:980px;}
/*Content Styles
----------------------------------------*/
.main980{width:980px;margin:10px auto; overflow:hidden; zoom:1}
.now_980{ background:url(../images/site.jpg) no-repeat left  3px; padding-left:20px; height:18px; line-height:18px; margin:10px 0 10px 20px; color:#666}
   /*Left Styles
   ----------------------------------------*/
  .left{ width:230px; overflow:hidden; zoom:1;}
    .left_nav_l{ background: url(../images/left_navbgl.jpg) no-repeat left; height:246px; width:236px; margin-bottom:8px;overflow:hidden; zoom:1; margin-left:-2px;}
	.left_nav_r{ background:url(../images/left_navbgr.jpg) no-repeat right; height:246px; width:230px;}
	.left_nav_m{ background:url(../images/left_navbgm.jpg) repeat-x bottom;height:247px; width:211px;  margin-left:11px;  text-align:center; overflow:hidden; zoom:1 }
    .left_nav{width:205px;border:#9bc8f8 solid 1px; margin-top:0 !important;*margin-top:1px !important;*margin-top:1px; height:239px;overflow:hidden; zoom:1; }
	  .left_nav ul{ margin:12px 18px 0; }
	  .left_nav ul li{font-size:1.2em; font-weight:800;}
	  .left_nav ul li.left_nav_libgA{ background:url(../images/left_navbgA.jpg) bottom center no-repeat; width:176px;}
	  .left_nav ul li a{color:#333;background:url(../images/left_navbgB.jpg) bottom center no-repeat; width:176px; height:36px; line-height:36px;  display:block}
      .left_nav ul li a:hover{color:#0d457e;  background:url(../images/left_navbgA.jpg) bottom center no-repeat; text-decoration:none; display:block}
	  .left_nav ul li.left_nav_libgA a{color:#0d457e;background:url(../images/left_navbgA.jpg) bottom center no-repeat; width:176px; height:36px; display:block}
	.left_list_t{ width:226px; background:url(../images/left_list_t.jpg) top no-repeat; overflow:hidden;zoom:1 }
	.left_list_f{ width:226px; background: url(../images/left_list_f.jpg) bottom no-repeat;overflow:hidden;zoom:1; } 
	.left_list_m{ width:224px; background: #fff url(../images/left_list_bg.jpg) repeat-x top ; border-left:#b9ddff solid 1px;border-right:#b9ddff solid 1px; margin:10px 0;overflow:hidden;zoom:1}
	  .left_list_m h3{ height:20px; line-height:20px;  background:url(../images/left_list_h3line.jpg) repeat-x bottom; margin:0 10px; padding:8px 0 5px 10px;}
	  .left_list_m h3 img{ vertical-align:middle}
	  .left_list_m .left_list_new{ margin:10px 10px 0px;  }
	  .left_list_m .left_list_new li{  color:#666; margin:5px 0 !important;*margin:1px 0 !important;*margin:5px 0; overflow:hidden; z-index:1; }
	  .left_list_m .left_list_new li em{ float:left; width:143px;white-space:nowrap; word-break:keep-all;overflow:hidden; text-overflow:ellipsis; display:block;}
	  .left_list_m .left_list_new li em b{ color:#f46b19; font-weight:bold; }
      .left_list_m .left_list_new li span{ float:right}
	  .margin8{ margin-top:10px;}
	  .left_list_m .left_list_hot{margin:10px 10px 0px;  }
	  .left_list_m .left_list_hot li{ background:url(../images/left_lie.png) left no-repeat; padding-left:15px; color:#666; margin:5px 0;}
	   .left_list_m .left_list_hot .left_title{ margin:0 20px; background:none; padding:0}
	  .left_list_m .left_list_hot a{ margin-left:15px;}
  .more_css{ font-size:12px; font-weight:lighter; padding-top:5px;}
  .margin_5{ padding-top:3px}
  	  
   /*Middle Styles
   ----------------------------------------*/
	.middle{float: left; width:522px; margin-left:8px;  overflow:hidden;zoom:1}
	  .midd_list_l{ background:url(../images/midd_top_l.jpg) no-repeat left ; height:434px;}
	  .midd_list_r{background:url(../images/midd_top_r.jpg) no-repeat right ; height:434px;}
	  .midd_list_m{ background:url(../images/midd_top_m.jpg) repeat-x; height:434px; margin:0 4px 0 33px; width:484px;overflow:hidden;zoom:1}
	    .midd_list h3{ height:30px; line-height:30px; margin-top:5px; color:#01458e;}
	    .midd_list p{ color:#666; margin:8px 3px 0; line-height:18px; width:500px;overflow:hidden;zoom:1 }
		.midd_list ul{ margin:8px; overflow:hidden;zoom:1}
		.midd_list ul li{ float:left; margin:1px 0 0 5px; height:24px; line-height:24px; width:225px;overflow:hidden;zoom:1}
		.midd_list ul li a{ color:#666;}
		.midd_list ul li a:hover{color:#01479d;text-decoration:underline }
	  .midd_vip_t{ background:url(../images/midd_vip_t.jpg) no-repeat top; width:522px; margin-top:10px; overflow:hidden;zoom:1}
	  .midd_vip_b{ background: url(../images/midd_vip_b.jpg) no-repeat bottom; width:522px;overflow:hidden;zoom:1}
	  .midd_vip_m{ height:390px; width:520px; background:#fff; border-left:#bee0ff 1px solid;border-right:#bee0ff 1px solid; margin:0 0 4px;overflow:hidden;zoom:1}
		.midd_vip_b h3{ height:40px; }
		.midd_vip_b h3 b{ float:left;line-height:40px; padding-left:35px;color:#01458e;}
		.midd_vip_b h3 span{ float:right; margin:7px 20px 0 0}
		.midd_vip_ul{ margin:8px;}
		.midd_vip_ul li{ width:155px; float:left; margin:8px 6px 8px ;overflow:hidden;zoom:1}
		.midd_vip_ulimg{ background:url(../images/midd_vip_bg.jpg) no-repeat; width:149px; height:127px;  overflow:hidden;zoom:1}
		.midd_vip_ulimg img{ margin:15px 0 0 17px;}
		.midd_vip_ul li p{ width:140px; line-height:20px; margin-top:7px; text-align:center; color:#666}
    /*Right Styles
   ----------------------------------------*/
  .right{ width:206px;}
   .right_bgtop{ width:206px; background:url(../images/right_bg_t.jpg) no-repeat top;overflow:hidden;zoom:1}
   .right_bgbottom{ width:206px; background:url(../images/right_bg_b.jpg) no-repeat  bottom;overflow:hidden;zoom:1}
   .right_bgmidd{ width:206px; background:url(../images/right_bg_m.jpg) repeat-y; margin:3px 0; }
     .right_gg{ margin:3px;}
	 .right_gg h3{ background:url(../images/right_titbg.jpg) no-repeat; width:201px; height:37px;} 
	 .right_gg h3 b{ margin-left:33px; margin-top:10px;float:left}
     .right_gg h3 span{ float:right; margin:9px 20px 0 0}
	 .right_gg .right_gg_ul{width:167px; background:#fff; margin:0 3px; border-bottom:#dfdede solid 1px;border-left:#dfdede solid 1px;border-right:#dfdede solid 1px; color:#999; padding-bottom:10px;}
     .right_gg .right_gg_ul li{ padding:5px 0 3px 5px;width:160px;white-space:nowrap; word-break:keep-all;overflow:hidden; text-overflow:ellipsis; display:block; background:url(../images/right_ggline.jpg) repeat-x bottom; margin:0 10px }
	 .right_gg .right_ms_ul{ background:#fff; margin:0 3px; border-bottom:#dfdede solid 1px;border-left:#dfdede solid 1px;border-right:#dfdede solid 1px; color:#666; padding-bottom:10px;}
	 .right_gg .right_ms_ul li{ padding:8px 5px 8px; background:url(../images/right_msline.jpg) repeat-x bottom; margin:0 2px; overflow:hidden;zoom:1}
	 .right_gg .right_ms_ul li img{ border:solid #ccc 1px; float:left; margin:5px;}
	 .right_gg .right_ms_ul li  h4{ font-size:1.0em; font-weight: bold; height:22px; line-height:22px;}
	  
/*Footer Styles
----------------------------------------*/
.footer{ background:url(../images/footer.jpg) center no-repeat; height:164px; width:980px;}

/*Class_list Styles
----------------------------------------*/
    .main745{ float:right; width:748px;   overflow:hidden;zoom:1}
	  .midd_745_t{ background: url(../images/main_750_t.jpg) no-repeat top left; width:747px;  overflow:hidden;zoom:1}
	  .midd_745_b{ background: url(../images/main_750_b.jpg) no-repeat bottom left; width:747px; overflow:hidden;zoom:1}
	  .midd_745_m{ width:744px; background:#fff; border-left:#bee0ff 1px solid;border-right:#bee0ff 1px solid; margin-bottom:9px;overflow:hidden;zoom:1}
		.midd_745_b h3{ height:47px; }
		.midd_745_b h3 b{ float:left;line-height:45px; padding-left:45px;color:#01458e;}
		.midd_745_tit { width:720px; margin:10px auto;}
        .midd_745_tab{border-top:#bee0ff 1px solid; border-left:#bee0ff 1px solid; color:#666 }
		.midd_745_tab td{border-bottom:#bee0ff 1px solid; border-right:#bee0ff 1px solid; padding-left:10px;  }
		.midd_745_tab td img{ margin:10px;}
	    .midd_745_jjt{ background: url(../images/main_750_jjt.jpg) no-repeat top left; width:720px; margin:0 auto;  overflow:hidden;zoom:1}
	    .midd_745_jjb{ background: url(../images/main_750_jjb.jpg) no-repeat bottom left; width:720px; overflow:hidden;zoom:1}
	    .midd_745_jjm{  width:717px; background:#fff; border-left:#ccc 1px solid;border-right:#ccc 1px solid; margin-bottom:5px;overflow:hidden;zoom:1}
		.midd_745_jjb h3{ height:34px; }
		.midd_745_jjb h3 b{ float:left;line-height:34px; padding-left:15px;color:#333;}
		.midd_745_jjm .midd_745_jjm_cont{ background:#eee; border:#ccc solid 1px; margin:8px; line-height:20px; padding:8px;}
		.midd_745_list{ margin:10px auto; width:720px;}
		.midd_745_list_search{ background:url(../images/main_750_list.jpg) repeat-x; height:31px;border:#ccc solid 1px; width:700px; font-weight:bold; padding-top:5px; padding-left:20px;}
		  .midd_745_list_search .select_100{  vertical-align:middle;margin-top:-3px}
		  .midd_745_list_search b{ font-weight:lighter}
		  .midd_745_list_search .text_80{ width:80px;vertical-align:middle;margin-top:-3px}
		  .search_but{width:40px; height:24px; vertical-align:middle; margin-top:-3px}
		.midd_745_listbor{border:#ccc solid 1px; width:720px; margin-top:8px}
		.midd_745_listbor_tit{ background:#b4d4f5;}
		.midd_745_listbor td{ padding:6px 5px 6px 10px;}
		.midd_745_listbor_bg{ background:#e6eaf2}
		.page{ margin:10px  auto; width:640px; height:30px; line-height:30px;}
		.page a{ padding:3px 8px; border:#ccc solid 1px; background:#fff}
		.page .cor_caddff{ background:#eee; font-weight:bold; color:#FF6600}
		.page .text_40{ width:38px; vertical-align:middle; margin:0 5px;}
		.page .button_go{ vertical-align:middle}
/*Demo_list Styles
----------------------------------------*/
	.main_demo{ overflow:hidden;zoom:1}
	  .main_demo .h4_tit{ border-top:solid #b9ddff 1px;border-bottom:solid #b9ddff 1px; height:30px; line-height:30px; font-weight:bold; margin:8px 0;}
	  .main_demo .h4_tit b{ background:url(../images/dome_tit.jpg) no-repeat left -1px; padding-left:20px; margin-left:20px; color:#333}
	  .mar10 li{ margin:3px 12px;  }
/*Demo_ailian Styles
----------------------------------------*/	
    .midd_745_m_flash{ width:720px; margin:10px auto;overflow:hidden;zoom:1}
	  
      .demo_flash{ background:#eee; float:left; width:480px; height:356px;overflow:hidden;}
	  .demo_flash img{ margin:60px 70px;}
	  .demo_flash_table{ width:220px; float:right;  border-top:#bee0ff 1px solid; border-left:#bee0ff 1px solid;overflow:hidden;zoom:1}
	  .demo_flash_table td{ border-bottom:#bee0ff 1px solid; border-right:#bee0ff 1px solid;  padding-left:10px;}
	  .demo_flash_tablebg{ background:url(../images/demo_flash_tablebg.jpg) repeat-x; padding:8px 0;}
	  .demo_flash_table .c666{ color:#666; height:80px;} 
	  
	.intro,.ms_list{ width:700px; margin:10px auto; line-height:24px; color:#333}  
	  .intro b{ background:url(../images/dome_tit.jpg) no-repeat left; padding-left:20px;}
	  .intro p{ margin:20px 0;}
	
	.broccc{ border-top:solid #b9ddff 1px;border-left:solid #b9ddff 1px;border-right:solid #b9ddff 1px; line-height:20px;}
	  .broccc span{ float:left;  margin:15px;border:solid #ccc 1px;}
	  .broccc p{ margin:10px;}
	  .bgf1f8ff{ background:#f1f8ff; border-bottom:#b9ddff solid 1px;  overflow:hidden;zoom:1}
	  .bgfff{background:#fff;border-bottom:#b9ddff solid 1px; overflow:hidden;zoom:1}
	  
	.ms_720top{ width:720px; margin:10px auto;}
	  .ms_720top .ms_720tab{border-top:#b9ddff solid 1px;border-left:#b9ddff solid 1px;}
	  .ms_720top td{border-bottom:#b9ddff solid 1px;border-right:#b9ddff solid 1px; padding-left:10px; }
	  .ms_720top img{ margin:10px 10px 10px 0;}
 	  .ms_720top .color666{ color:#666}
		