/*  common css
***************************************/
*			{padding:0; margin:0; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size:11px; color:#464646; border:none; outline:none}
body		{background: #525763}
li, ul		{list-style:none}
p			{ line-height:16px; padding:5px 0 }
a			{text-decoration:none; color: #02448e;}
a:hover		{text-decoration:underline}
h2			{ font-size:18px; }
h3			{ font-size:16px; }
h4			{ font-size:14px; }

.clear{clear: both}

/*  main structure
***************************************/
	.main {width:909px; overflow:hidden; margin:0 auto}
	
	/* masthead
	***************************************/
	.masthead{width: 901px; overflow: hidden; background: url(../images/bgd_masthead.gif) 0 0 no-repeat; padding: 7px 4px 0 4px}
		.navtop{text-align: right; width: 879px; overflow: hidden; padding: 0 22px 7px 0}
			.navtop li{display: inline; padding: 0 5px}
		.header{width: 881px; overflow: hidden; padding: 10px 10px 0 10px}
			.header h1{text-align: center; float: left; width: 216px; padding: 55px 0 0 0}
			.header .banner{float: right}
	
	/* container
	***************************************/
	.container{width: 881px; overflow: hidden; background: url(../images/bgd_container.gif) 0 100% no-repeat; padding: 0 14px 20px 14px}
	.home { width: 881px; overflow: hidden; background: url(../images/bgd_container.gif) 0 100% no-repeat; padding: 0 14px 20px 14px }
		.home .content{ width: 881px; overflow: hidden; padding: 8px 0 10px 0}
			.home .contWrap{ width: 881px; padding: 0 0 8px 0;}
			
				.introBlock{ float: left; width: 592px; height: 184px; background: #ebebeb; }
					.introBlock .introBlockPhoto { float: left; width: 211px; }
					.introBlock .introBlockContent { float: left; width: 355px; }
					.introBlock h2 { color: #5f5f5f; background: url(../images/ico_01.gif) 0 0 no-repeat; line-height: 32px; padding: 5px 0 0 55px; margin-top: 5px; }
					.introBlock p { padding: 5px  0 0 10px; line-height: 18px; }
					.introBlock strong { color: #7b7b7b }
				
					.frmLogin { float: left; width:259px; padding: 0 10px 0 20px}
					.frmLogin  h3{color: #5f5f5f; background: url(../images/ico_02.gif) 0 0 no-repeat; line-height: 30px; padding: 3px 0 0 35px; margin: 0 0 10px 0}
					.frmLogin  label{color: #7c7c7c; font-weight: bold; float: left; width:70px; padding: 3px 5px 0 0}
					.frmLogin  .txt{width: 169px; padding: 2px 5px; border: #cbcbcb solid 1px}
					.frmLogin  p{padding: 0 0 5px 0}
					.frmLogin  .action{ padding: 5px 0 2px 75px}
						.frmLogin .action a{color: #3f70b5; text-decoration: underline}
						.frmLogin .action a:hover{text-decoration: none}
						.frmLogin  .btnLogin{float: left; color: #3f70b5; font-weight: bold; background: url(../images/ico_03.gif) 0 4px no-repeat; text-align: center; width:90px; border: none; padding: 0 10px 0 0}
						.frmLogin  .btnSignup{float: left; color: #3f70b5; font-weight: bold; background: url(../images/ico_03.gif) 0 4px no-repeat; text-align: center; width:70px; border: none; padding: 0}
					
					.frmInfo { float: left; width:259px; padding: 0 10px 0 20px}
					.frmInfo  h3{color: #5f5f5f; background: url(../images/ico_02.gif) 0 0 no-repeat; line-height: 30px; padding: 3px 0 0 35px; margin: 0 0 10px 0}
					.frmInfo a {text-decoration: underline; color: #492c49 }
					.frmInfo a:hover{text-decoration: none }
				
				.seminarBlock {float: left; width: 260px; height: 230px; overflow: hidden; background: #e8eaf1; padding: 15px; margin: 0 8px 0 0 }
					.seminarBlock .seminarBlockList { padding: 10px 0; height: 160px }
					.seminarBlock .seminarBlockList .seminarBlockListItem { background: url(../images/ico_04.gif) 0 5px no-repeat; padding: 0 0 8px 10px }
					.seminarBlock .seminarBlockList .seminarBlockListItem a {text-decoration: underline; color: #4b617c }
					.seminarBlock .seminarBlockList .seminarBlockListItem a:hover { text-decoration: none }
					
				.serviceBlock{float: left; width: 264px; height: 230px; overflow: hidden; background: #ece7ed; padding: 15px; margin: 0 8px 0 0 }
					.serviceBlock .serviceBlockPhoto { float: left; }
					.serviceBlock .serviceBlockContent { }
					.serviceBlock .serviceBlockContent ul{padding: 10px 0; height: 160px}
					.serviceBlock .serviceBlockContent li{background: url(../images/ico_05.gif) 0 5px no-repeat; padding: 0 0 8px 10px }
					.serviceBlock .serviceBlockContent a{text-decoration: underline; color: #492c49 }
					.serviceBlock .serviceBlockContent a:hover{text-decoration: none }
					
				.schoolarBlock { float: left; width: 250px; height: 230px; overflow: hidden; background: #efefe5; padding: 15px }
					.schoolarBlock .schoolarBlockList { padding: 10px 0; height: 160px }
					.schoolarBlock .schoolarBlockListItem { background: url(../images/ico_06.gif) 0 5px no-repeat; padding: 0 0 8px 10px }
					.schoolarBlock .schoolarBlockListItem a { text-decoration: underline; color: #828457 }
					.schoolarBlock .schoolarBlockListItem a:hover { text-decoration: none }
				
				.visaBlock { float: left; width: 440px; overflow: hidden; }
					.visaBlock h3{ font-size: 15px; background: #efefef; padding: 5px 15px }
					.visaBlock .visaBlockContent { width: 410px; padding: 15px}					
					.visaBlock .visaBlockContent .visaBlockPhoto { float: left; }
					.visaBlock .visaBlockContent .visaBlockSubContent { width: 300px; float: left; padding: 0 0 0 20px }
					.visaBlock .visaBlockContent .visaBlockSubContent .visaBlockText {width: 300px; float: left; padding: 0 0 0 20px }
					.visaBlock .visaBlockContent .visaBlockSubContent .visaBlockLink { padding-left: 20px; }
					.visaBlock .visaBlockContent .visaBlockSubContent .visaBlockLink a { color: #366ba5; background: url(../Images/ico_07.gif) 0 5px no-repeat; padding: 0 0 0 10px }
		
		.context{float: left; width: 209px; padding: 0px 0 0 0}
			.contextBlock01{width: 189px; overflow: hidden; background: #e8eaf1; padding: 8px 10px}	
				.contextBlock01 h3{color: #5f5f5f; padding: 0 0 7px 0}
				.contextBlock01 p{padding: 10px 0;}
				.contextBlock01 strong{color: #7b7b7b}
				.contextBlock01 .seminarList{ padding: 10px 0 0 0}	
				.contextBlock01 .seminarList .seminarListItem {background: url(../images/ico_07.gif) 0 5px no-repeat; padding: 0 0 8px 10px}
				.contextBlock01 .seminarList .seminarListItem a{color: #4b617c; text-decoration: underline}
					.contextBlock01 .seminarList seminarListItem a:hover{text-decoration: none}
				
				.contextBlock02{width: 189px; overflow: hidden; border: #cacbcd solid 1px; padding: 10px; margin: 8px 0 0 0}
					.contextBlock02 h3{color: #5f5f5f; padding: 0 0 7px 0}
					.contextBlock02 .newsletter {background: url(../images/ico_newsletter.gif) 0 0 no-repeat; padding: 2px 0 7px 30px; margin: 0 0 5px 0}
					.contextBlock02 .connectSchool{background: url(../images/ico_connect_school.gif) 0 0 no-repeat; padding: 1px 0 7px 30px; margin: 0 0 5px 0}
					.contextBlock02 input{color: #9b9b9b; width: 130px; float: left; border: #cbcbcb solid 1px; padding: 3px 5px}
					.contextBlock02 .btnSend{float: left; width: 39px; border: none; padding: 1px 0 0 5px}
					.contextBlock02 .bannerList {text-align: center; font-weight: bold}
					.contextBlock02 .bannerList .bannerPhoto { }
					.contextBlock02 .bannerList .bannerPhoto img { border: none; }
					.contextBlock02 .bannerList .bannerLink{ padding: 5px 0 15px 0; text-align: center; }
					
			.content {float: left; width: 664px; overflow: hidden; padding: 0 0 0 6px}
			
				.nav{width: 664px; height: 31px; overflow: hidden; background:url(../images/bgd_nav.gif) 0 0 repeat-x; padding: 0 0 8px 0}
					.nav li{font-weight: bold; float: left; padding: 0 15px/*; border-right: #fff solid 1px; line-height: 13px*/}
					.nav a, .nav a:visited{text-decoration: none; color: #fff; line-height: 31px}
					.nav a.active{text-decoration: none; border-top: #fff200 solid 3px; padding: 5px 0 0 0; line-height: 31px}
					.nav a:hover{text-decoration: none; border-top: #fff200 solid 3px; padding: 5px 0 0 0; line-height: 31px}
						ul.submenu {width:140px; background:#fff200; padding: 0; margin:0 0 0 -10px; font-size:12px; position:absolute; left:-1000px; top:272px; z-index:1000; overflow:hidden;}
							ul.submenu li{ font-weight: bold; display:block; overflow:hidden; height:22px; background:  url(../images/bgd_submenu.gif) 0 0 repeat-x; padding: 1px 0 0 0; margin:0;}
							ul.submenu li .first{background: none; padding: 0; text-decoration: none;}
							ul.submenu a, ul.submenu a:visited{color: #666; display:block; padding:4px 10px 5px 10px; height:19px}
							ul.submenu a:hover{color:#fff;text-decoration: none; background: #b3aa01}
				
				.contentWrap{float: left; width: 467px; overflow: hidden; padding: 0 12px 0 0}
				.contentWrap h2{color: #5f5f5f; padding: 10px 0 2px 22px; margin: 0 10px 15px 5px; border-bottom: #cacbcd solid 1px}
				.contentWrap h3{color: #5f5f5f; padding: 0 0 2px 22px; margin: 0 0 15px 5px; border-bottom: #cacbcd solid 1px}
				.contentWrap h4 { padding: 5px 0 3px 0; color: #5f5f5f }
				.contentWrap p { padding: 0 0 5px 22px; text-align: justify; }
				.contentWrap a { color: #3f70b5 }
				.contentWrap .articleList { width: 457px; overflow: hidden; padding: 10px 15px 0 22px}
					.contentWrap .articleList .articleTitle { color: #02448e; font-weight: bold; padding: 20px 0 0 0; }
					.contentWrap .articleList .articleDate { font-style: italic; font-size: 10px; padding: 0 0 8px 0px; }
					.contentWrap .articleList .articleContent { width: 430px; overflow: hidden; padding: 0 20 12px 22px; text-align: justify; }
						.contentWrap .articleList .articleContent .articlePhoto { float: left; width: 100px; }
						.contentWrap .articleList .articleContent .articleDescription { padding: 0px }
						.contentWrap .articleList p{padding: 0 0 2px 0}
						.contentWrap .articleList .time{color: #929292; font-size: 10px}
							.contentWrap .articleList .time strong{color: #929292; font-size: 10px}
							
				.contentWrap .articleDetail { width: 457px; overflow: hidden; padding: 10px 15px 0 22px; }
					.contentWrap .articleDetail .articleDate { font-style: italic; font-size: 10px; padding: 0 0 8px 22px; }
					.contentWrap .articleDetail .articleContent { width: 430px; overflow: hidden; padding: 0 20px 12px 22px; text-align: justify; }
					.contentWrap .articleDetail .articleContent .articlePhoto { float: left; padding-right: 10px }
					.contentWrap .articleDetail .articleContent .articlePhoto .articlePhotoNote { font-style: italic; padding: 2px 2px 5px 2px; background-color: #eeeeee;}
					.contentWrap .articleDetail .articleContent .articleDescription { padding: 0 0 0 10px; }
						.contentWrap .articleDetail .articleContent .articleDescription p {padding: 0 0 5px 0; }
				
				.contentWrap .contactFrm{width: 388px; overflow: hidden; background: #f8f9f9; border: #cacbcd solid 1px; padding: 15px 20px 15px 17px; margin: 0 0 0 20px}
					.contentWrap .contactFrm p{clear: both; padding: 0 0 20px 0}
					.contentWrap .contactFrm input{float: left; width: 173px; border: #7f9db9 solid 1px}
					.contentWrap .contactFrm textarea{float: left; width: 285px; border: #7f9db9 solid 1px}
					.contentWrap .contactFrm label{float: left; color: #767b87; font-weight: bold; width: 100px}
					.contentWrap .contactFrm .btnSend{float: right; width: 39px; border: none; padding: 10px 0 0 0}
				
			.contextual {float: left; width: 185px}
				.contextual .userBlock {width: 181px; overflow: hidden; background: #dedddb url(../images/bgd_login_box.gif) 0 0 no-repeat; padding: 5px 2px 0 2px}
					.contextual .userBlock h3 {color: #fff; font-size: 15px; background: url(../images/ico_login.gif) 13px 0 no-repeat; padding: 0 0 0 35px}
					.contextual .userBlock ul {padding: 3px 0 0 0}
					.contextual .userBlock p { padding: 3px; }
					.contextual .userBlock li {border-bottom: #7d7a71 solid 1px; padding: 4px 10px 4px 15px}
						.contextual .userBlock li.last{border: none}
						.contextual .userBlock a{background: url(../images/ico_08.gif) 0 5px no-repeat; padding: 0 0 0 15px}
						.contextual .userBlock a:hover{background: url(../images/ico_08.gif) 3px 5px no-repeat; padding: 0 0 0 15px}
					
					.contextualBlock01 {width: 163px; overflow: hidden; border: #cacbcd solid 1px; padding: 10px; margin: 8px 0 0 0}
					.contextualBlock01 h3{color: #5f5f5f; font-size: 15px; padding: 0 0 7px 0}
					.contextualBlock01 .support{background: url(../images/ico_support.gif) 0 0 no-repeat; padding: 1px 0 7px 25px; margin: 0 0 5px 0}
					.contextualBlock01 .contact{background: url(../images/ico_contact.gif) 0 0 no-repeat; padding: 0 0 7px 25px; margin: 0 0 5px 0}
					.contextualBlock01 .supportList {padding: 5px 10px}
						.contextualBlock01 .supportList li{float: left; padding: 0 10px}
					
					.contextualBlock01 .contactList dt{font-weight: bold; color: #757575; padding: 0 0 2px 0}
					.contextualBlock01 .contactList dd{padding: 0 0 5px 0; line-height: 16px}
					
					.contextualBlock01 .schoolList{padding: 0 0 0 8px}
						.contextualBlock01 .schoolList .schoolListItem { padding: 0 3px 15px 3px; text-align: justify; line-height: 19px; }
			
					.contextualBlock01 input{color: #9b9b9b; width: 100px; float: left; border: #cbcbcb solid 1px; padding: 3px 5px}
					.contextualBlock01 .btnSend{float: left; width: 39px; border: none; padding: 1px 0 0 5px}
	/* footer
	***************************************/		
	.footer{width: 881px; padding: 0 14px 40px 14px}
		.footer ul{float: left; width: 550px; padding: 8px 0 0 0}
			.footer li{font-weight: bold; border-right: #fff solid 1px; float: left; padding: 0 10px; line-height: 12px}
				.footer li.last{border: none}
				.footer a{color: #fff;}
		.footer p{float: right; color: #fff}
			.footer span{color: #1b75bc; font-weight: bold}