@charset "utf-8";
/* CSS Document */
/* CSS Document */

#wrapper{ width:100%; margin:0 auto; background:#fcf5ed url(../layout/page_bck.jpg) top left repeat-x;}
	#page-wrapper{width:999px;margin:0 auto;}
	#top_page{width:999px;height:87px;margin:0 auto; position:relative; background:url(../layout/top_bck.jpg) top left no-repeat;}
	#lower_top_page{width:999px;height:477px;margin:0 auto;position:relative;}
	#bottom_page{width:999px;height:128px;margin:0 auto; background:url(../layout/bottom_bck.jpg) top left no-repeat; position:relative; }

.companylogo{ position:absolute; top:-71px; left:44px;}

/*** TEXT ****/
h1.big{color:#ceb300;font: normal 30px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h1{color:#fff;font: normal 22px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h2{ color:#333300;font: normal 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif ;}
p{ color:#333300;font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:18px;}
p span.testimonials_form { color:#ebb200;font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:18px;}
/** MENU **/
		#menuWrapper1{ height:26px; position:absolute; top:0; right:225px; }
			#menuWrapper1 ul{ padding:0; margin:0; border:0; list-style-type:none;}	
			#menuWrapper1 ul li{ float:left;padding: 3px 10px; height:26px;}	 
			#menuWrapper1 ul li a{color:#5d4c3a;font: bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
		
		#menuWrapper1b{ height:26px; position:absolute; top:0; right:146px;width:79px; text-align:center;}
			#menuWrapper1b ul{ padding:0; margin:0; border:0; list-style-type:none;}	
			#menuWrapper1b ul li{ float:left;padding: 3px 20px; height:26px;}	 
			#menuWrapper1b ul li a{color:#5d4c3a;font-size:12px;font-weight: bold; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
		
			#menuWrapper1c{ height:26px; position:absolute; top:0; right:35px;width:120px; text-align:center;}
			/**
			#menuWrapper1c ul{ padding:0; margin:0; border:0; list-style-type:none;}	
			#menuWrapper1c ul li{ float:left;padding: 3px 5px; height:26px;}	 
			#menuWrapper1c ul li a{color:#5d4c3a;font-size:12px;font-weight: bold; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
			**/
		
	#menuWrapper2{ height:61px; position:absolute; top:26px; right:30px;}
			#menuWrapper2 ul{ padding:0; margin:0; border:0; list-style-type:none;}	
			#menuWrapper2 ul li{ float:left;}	 
			#menuWrapper2 ul li a{ color:#fff;display: block;
line-height:30px; font: bold 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:37px 10px 10px 10px;}	
			#menuWrapper2 ul li  a:hover {
color: #a00;
background: url(../layout/onhoverBck.gif)  top left repeat-x;
}

/***  LOWER TOP PAGE ***/
	#bannerWrapper{margin:0 auto;height:477px; width:999px; position:relative;}
	#bannerBox{position:absolute;bottom:12px;left:20px;}
		#bannerBoxTop{width:316px;height:17px; background:url(../layout/banner_box_top.png) top left no-repeat;}
		#bannerBoxMiddle{width:316px; background:url(../layout/banner_box_middle.png) top left repeat-y;}
			#bannerBoxMiddle h1{padding:0 0 5px 21px;color:#fff;font:bold 15px "Lucida Sans Unicode", "Lucida Grande"; }
			#bannerBoxMiddle ul{ padding:0 0 0 21px; margin:0; border:0; list-style-type:none;}
				#bannerBoxMiddle a{color:#fff; }
					#bannerBoxMiddle span{width:300px;background-color:yellow; }
		#bannerBoxBottom{width:316px;height:18px; background:url(../layout/banner_box_bottom.png) top left no-repeat;	}
		
	/** BANNER FLOAT **/
#bannerPosition{height:251px;width:535px;position:absolute;top:18px;left:17px; position:relative;}	
#bannerGalleryBox{  height:251px;	width:535px;margin: 0 auto;float:left;}

#bannerGalleryContainer{overflow:hidden;height:251px;	width:535px;clear:left;	margin: 0 auto;position:relative;}
.scrollContainer{/*width:2676px;*/ height:1605px;}
		#bannerGalleryContainer{float:left;}
	img.leftImage{position:absolute; top:-10px;left:240px;}	
	img.rightImage{position:absolute; bottom:-7px;left:240px;}	
	
	#bannerContent{width:535px; position:relative;}	
	#bannerContent p{padding:0 38px 0 20px; color:#b69f5b;font:bold 11px "Lucida Sans Unicode", "Lucida Grande"; line-height:17px;}
		#bannerContentLeft{ float:left; width:253px; position:relative; }
		#bannerContentRight{margin:0 0 0 253px; position:relative; }
		
		#bannerContentRight a{ float:right; font:bold 11px "Lucida Sans Unicode", "Lucida Grande";color:#ebb200;} 
#bannerGalleryBox h2{ padding:8px 0;}
#bannerGalleryBox h2 a{ color:#a37cad; font: normal 16px  "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
	
#aboutUSInfo{  width:280px; position:absolute;top:-280px; left:49px; position:relative;}
	#aboutUSInfo p{ color:#fff;  font:bold 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;line-height:18px;} 
	p.spaceAbout{height:17px;width:273px;}
	
	
	#bannerGallery{ position:absolute; background:url(../layout/bannerGalleryBck.png) top left repeat-x; width:569px; height:299px; right:95px; top:0;}
.tourIcon{  position:absolute; top:30px; left:245px;z-index:30;}
.closeIconGalery{ position:absolute; top:43px; right:-15px;}

/** BOTTOM **/
.bottomInfo{position:absolute; top:22px; left:224px;}
#bottomMenu2{position:absolute; right:29px;top:39px;}
	#bottomMenu2 ul{ padding:0; margin:0; border:0; list-style-type:none;}	
			#bottomMenu2 ul li{ float:left;padding: 3px 10px; height:26px;}	 
			#bottomMenu2 ul li a{ color:#663399;font-size:13px; line-height:17px; }	
			
#bottomMenu1{position:absolute; right:29px;top:22px;}
	#bottomMenu1 ul{ padding:0; margin:0; border:0; list-style-type:none;}	
			#bottomMenu1 ul li{ float:left;padding: 3px 10px; height:26px;}	 
			#bottomMenu1 ul li a{ color:#ccc;font-size:13px; line-height:20px;}
			
#lower_top_academics{ margin:0 auto; width:999px; height:310px;position:relative; }

/*** Side Menu ***/
ul#sidemenu{padding:0; margin:0 0 0 21px; border:0; list-style-type:none;}
	ul#sidemenu li{ background:url(../layout/sideMenuBck.gif) top left no-repeat;width:246px; height:48px;}
	ul#sidemenu li a{display:block; color:#FFF; background:url(../layout/leftNavIcon.gif) 42px center no-repeat; padding:12px 10px 12px 58px; font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
			

/** Middle **/
#contentMiddle{width:999px; margin:0 auto; position:relative;}	
#contentMiddleContent{width:999px; margin:0 auto; position:relative;background:url(../layout/academicsLeft.jpg) left top no-repeat;}
	#contentMiddleContentLeft{float:left;width:285px;position:relative; min-height:700px;}		
	#contentMiddleLeft{float:left;width:285px;position:relative;background:url(../layout/academicsLeft.jpg) top right no-repeat; min-height:700px;}
		#contentMiddleLeftBox{float:right;width:267px;position:relative;}
			#contentMiddleLeftInfo{position:relative; float:right;width:280px; height:160px;}
				.academicsInfo{position:absolute; top:0; right:-17px;}
				.leftInfo{position:absolute; top:70px; right:12px;}
	#contentMiddleRight{margin:0 0 0 285px;position:relative;}
		
		#mainContentAcademics{margin:0 0 0 25px; width:625px;}
		
		#mainContentTestimonials{margin:0 0 0 17px; width:676px;position:relative;}
		#testimonyMain{width:676px;position:relative;}
		/*** Testimonials ***/
		#testimony1{float:left;width:333px;position:relative;}
		#testimony1	#box{width:333px;position:relative;}
			#testimony1 #left{float:left;position:relative;width:68px;}
				#testimony1 #left img{margin:0 0 0 12px;}
			#testimony1 #right{margin: 0 0 0 68px;position:relative;}
		#testimony2{margin:0 0 0 333px;position:relative;}
			#testimony2box{width:343px;position:relative;}
				#lefttestimony{float:left;position:relative;width:68px;}
					#lefttestimony img{margin:0 0 0 10px;}
				#righttestimony{margin: 0 0 0 68px;position:relative;}
				
		/*** Downloads ***/
		#mainContentDownload{margin:0 0 0 25px;position:relative; width:670px; }
		#downloadContainer{position:relative; }		
		
		/*** Table **/
		.download .header{ background:url(../layout/tableHeaderBck.jpg) top left no-repeat; height:31px;}
				  .header th{ padding:7px 0 0 0;color:#6a5c2e;font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}  	
				  .tablecell td{ color:#52005a;font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;padding:6px 0;}
				   .tablecell td a{text-decoration:none;color:#52005a;font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
		/*** TABS ***/
		.tabnavcontainer{position:relative; width:625px;}

ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 40px; /*--Set height of tabs--*/
	border-bottom: 1px solid #ded8c8;
	border-left: 1px solid #ded8c8;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 39px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 39px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none; 
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #fff;
}

ul.tabs li a {
	text-decoration: none;
	color: #6e6e6e;
	display: block;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #fff;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}

/*** LIST **/

/*** AFTERSCHOOL ***/
   table.afterschooltable  td.afterschool0{width:25px; }
   table.afterschooltable  td.afterschool1{width:233px; text-align:center; vertical-align:top; background-color:#fff7dd;}
   table.afterschooltable  td.afterschool2{width:233px; text-align:center; vertical-align:top;   }
   table.afterschooltable  td p{text-align:left; color:#333300;font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:18px;}
   h4.schoolActivities{text-align:left; padding-left:20px;width:208px;color:#fbfbfb;font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:31px;background: url(../layout/labelSchoolLife1.jpg) top left no-repeat;}
   
   h4.afterschoolESL{ height:30px; width:357px; text-align:left; }
   
/*** END AFTERSCHOOL ***/
	
/*** school life **/
#schoolLifeContent  h1{font:bold 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:20px; padding:5px 0 0 25px; color:#20230b;}	
			#schoolLifeContent  p{font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:20px; padding:0 20px 0 25px; color:#20230b;}
			
			
#bannerAboutUS{width:999px; height:310px;}		
#bannerGallery{z-index:1000;}	
#middlepageAboutUs{position:relative;background:url(../layout/academicsLeft.jpg) top left no-repeat;width:999px;margin:0 auto;}
#formission{margin:0 auto; width:667px;position:relative;}
 p.bigYellow{color:#ceb300;font: normal 32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
 table.mission p.missionLabel {color:#333300;text-align:left;font: normal 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:20px;}
 table.mission p  b{padding-right:20px;}
 
#fordifference{margin:0 auto; width:667px;position:relative;background:url(../layout/aboutus_diff_form.jpg) top left no-repeat; min-height:600px;} 
 #fordifference h2{font:bold 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:20px; padding:5px 0 0 0; color:#20230b;}
 
 #foraffiliates{margin:0 auto; width:707px;position:relative; }
	#foraffiliatesLeft{float:left; width:500px;position:relative; }
	#foraffiliatesRight{margin: 0 0 0 500px;position:relative; background:url(../layout/affiliatesLeft.jpg) top left no-repeat; min-height:559px; width:207px; text-align:left; }
	#foraffiliatesRight img{margin:0 0 0 18px;}
	
	#foraffiliates h1{font:bold 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:20px; padding:5px 0 0 25px; color:#20230b;}
	#foraffiliatesRight h1{ padding-left:12px; color:#3c1f38;font: normal 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
	p.ISA{color:#ebb200;font: normal 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
	p.INTER{color:#20230b;font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
	
	
#around{margin:0 auto; width:670px;position:relative; }	
	#around h1{font:bold 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:20px; padding:5px 0 0 0; color:#20230b;}	
	#around ul{padding:0; margin:0; border:0; list-style-type:none;}
		#around ul li{ float:left;height:240px;}
		#around ul li#aroundContent{width:163px;}
		#around ul li#aroundSpace{width:6px;}
	#aroundImage{position:relative;width:163px;height:208px;}	
		#aroundDescription {position:absolute;width:157px;bottom:0;left:3px; background:url(../layout/aroundDescription.png) top left repeat;}
			#aroundDescription p{padding:9px;color:#fff;}
			
/*** CONTACT US ***/
#ContactUs{ width:999px; margin:0 auto;position:relative;}
#contentMiddleContactUs{height:423px; width:999px; margin:0 auto;position:relative; background:url(../layout/inquiry_background.png) top left  no-repeat ;}
#googleMapAdd{ width:999px; margin:0 auto;position:relative;background:url(../layout/contactus.png) top left  repeat;}
#WISmap{position:relative; margin:10px auto 0 auto;width:546px;height:250px;}
	/** contact top space **/
	#contactSpace{height:28px; width:999px;position:relative;}
	/*** contact us container ***/
	#inquiryContainer{margin:0 auto; position:relative;width:596px;height:364px; background:url(../layout/inquiry_form.jpg) top left no-repeat;}
		#inquiryContainer h1{color:#fff;font: normal 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif;padding:18px 0 15px 25px;}
		#mainContactUS{position:relative; margin:0 auto;width:596px;}
		#mainContactUsLeft{float:left; width:429px;position:relative;}
		#mainContactUsRight{margin:0 0 0 429px;position:relative;}
		#mainContactUsRight p{color:#333300;font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;padding:0 10px 0 15px;line-height:18px;}
			#mainContactUsRight p span{color:#ebb200;}
		/** contact form **/
			/** width of  form **/
			#myform{width:429px;margin:0 auto;position:relative;}
			/** height fot text box **/
			#form_row{height:28px;} 
			#myform .txt_label{text-align:left;width:77px;float:left;font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#505050; padding:0 0 0 27px; line-height:28px;}
				.input_box_bg{height:28px; float:left;position:relative; width:325px;border:0; background: url(../layout/inquiry_textbox.jpg) top left no-repeat;} 
				.input_box{ border:none;width:305px;background-color:transparent; height:23px;margin:2px 0 0 10px;}
			/**	textare for message **/
			#form_row_textare{height:116px;}
				/*** textare label **/
				#form_row_textare .txt_label{text-align:left;width:77px;float:left;font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#505050; padding:0 0 0 27px; line-height:28x;}
				/*** textare background **/
				.input_boxtextare_bg{float:left;height:116px;width:325px;border:0;position:relative; background:url(../layout/inquiry_textarea.jpg) top left no-repeat;}
				/*** textarea  box ***/
				.textarea_box{ width:307px; margin:2px 0 0 8px; height:110px;border:none;background:none;}
			#form_space{ height:12px;}	
				.button_submit{ background: url(../layout/inquiry_submit.jpg) no-repeat top left;height:24px;width:140px; border:none;}			
				
/*** END CONTACT US ***/	
/***** LOGIN ******/
#loginContainer{width:600px;height:300px;position:relative;background:url(../layout/login_form.png)top left  no-repeat; }
h1.guidance{color: #20230B;font: bold 20px/20px "Lucida Sans Unicode","Lucida Grande",sans-serif;padding: 5px 0 0 0;}
#loginContainer h1{ color: #FFFFFF;font: 18px "Lucida Sans Unicode","Lucida Grande",sans-serif;  padding: 18px 0 0 0;}
#loginform  p {color: #505050;font: 12px "Lucida Sans Unicode","Lucida Grande",sans-serif;}	
#loginform  p  a{color: #EBB200;}

	#loginLeft{float:left;width:362px;position:relative;}
		#loginform{width:280px;margin:0 auto;position:relative;}
		/** height fot text box **/
			#login_row{height:39px;} 
			#loginform .txt_label{text-align:left;width:76px;float:left;font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#505050; line-height:39px;}
				.input_box_bg{height:39px; float:left;position:relative; width:204px;border:0; background: url(../layout/login_text.png) top left no-repeat;} 
				.input_box{ border:none;width:185px;background-color:transparent; height:23px;margin:7px 0 0 10px;}
		/*** login button***/
			.login_submit{float:right;margin:10px 0; background: url(../layout/login_submit.jpg) no-repeat top left;height:24px;width:74px; border:none;}		
			.forgot_submit{float:right;margin:10px 0; background: url(../layout/send.jpg) no-repeat top left;height:24px;width:74px; border:none;}	
		#login_error{height:39px;}
		#login_error p{color:red;}
	#loginRight{margin:0 0 0 362px;position:relative;}
	#loginRight p span{ color: #333300; font: 11px/18px "Lucida Sans Unicode","Lucida Grande",sans-serif;}
	#loginRight p a {color: #EBB200;font-weight:bold;}
/***** END LOGIN *****/		

/***** registration ******/
#loginRegister{width:600px;height:500px;position:relative;background:url(../layout/loginRegister.png)top left  no-repeat; }
#loginRegister h1{ color: #FFFFFF;font: 18px "Lucida Sans Unicode","Lucida Grande",sans-serif;  padding: 18px 0 0 0;}

	#registrationLeft{float:left;width:362px;position:relative;}
	#registrationform{width:320px;margin:0 auto;position:relative;}
			#registration_row{height:39px;} 
			#registration_row .txt_label{text-align:left;width:110px;float:left;font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#505050; line-height:39px;}
			#registration_row   .input_box_bg{height:39px; float:left;position:relative; width:204px;border:0; background: url(../layout/login_text.png) top left no-repeat;} 
			#registration_row   .input_box{ border:none;width:185px;background-color:transparent; height:23px;margin:7px 0 0 10px;}
	
			#registration_textarea{height:100px;} 
			#registration_textarea .txt_label{text-align:left;width:110px;float:left;font:normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#505050; line-height:39px;}
			#registration_textarea  .input_box_bg{height:100px; float:left;position:relative; width:204px;border:0; background: url(../layout/textarea.png) top left no-repeat;} 
			#registration_textarea   .input_textarea{ border:none;width:185px;background-color:transparent; height:100px;margin:7px 0 0 10px;}
	#registrationRight{margin:0 0 0 362px;position:relative;}
		#registrationRight p a {color: #EBB200;font-weight:bold;}
		.register_submit{position:absolute;right:8px;margin:10px 0; background: url(../layout/login_submit.jpg) no-repeat top left;height:24px;width:74px; border:none;}		
		
/***** END registration *****/		

/*** ADVANCED SEARCH ****/
#txtHint  ul{ padding:0; margin:0; border:0; list-style-type:none;}	
			 
			#txtHint ul li a{ color:#ff9900;font-size:12px; line-height:18px; }	
#search{ width:204px; height:39px;background:url(../layout/login_text.jpg) top left no-repeat;}	
	.search{ border:none;width:185px;background-color:transparent; height:23px;margin:7px 0 0 10px;color:#333300;font: normal 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
	.google_search{background: url(../layout/google.png) no-repeat top left;height:24px;width:100px; border:none;}
	

#galleryContent ul li p, #galleryContent ul li  a{ padding-right:30px;}