/* 
Layout and Positioning 
================================================================================================= */

/*
#contents ul, #contents li, #contents p, #contents h4 { margin: 0; padding: 0;}
*/

#contents p { text-align: justify; text-justify:inter-ideograph;}

#toolbar {width:700px; margin-bottom:6px; display:inline; float:left;}


h3#top { padding: 3px 5px 10px 5px; }

#forTheOldies { display: inline; float: left; width: 700px; height: 425px; overflow: hidden; }

#campaigns, #choose-class, #choose-room, #get-visa, #buy-ticket { float:left; display:inline; overflow:hidden;}
	#choose-room, #get-visa, #buy-ticket {background: #e9f4ff url(three-steps.png) 0px 19px no-repeat; margin-bottom: 0px;}
	#choose-class { width: 466px; background: #ebf4fe url(bg_gradient.gif) 0px 64px repeat-x; }
	#four-steps { width: 700px; display: inline; float:left; background: #ebf4fe; }
	#campaigns { width: 234px; height: /* 425 par chikara110526 */550px; background: transparent url(bg_campaign.png) repeat-y 0px 45px; }
	#campaigns ul { width: 185px; margin: 0px 0px 8px 20px; }
	#campaigns li { margin: 0; padding: 0px 0px 0px 10px; list-style: none; background: url(small_bullet.gif) 1px .3em no-repeat; }
		h4#campaignsTitle { display: block; width: 234px; height: 82px; overflow: hidden; margin-bottom: 7px; padding-bottom: 0; background: #fff url(h4_campaign.gif) 0px  15px no-repeat !important; }
		#catalogPreview { display: inline; float: left; width: 209px; margin: 0px 0px 0px 13px; padding: 9px 0px 9px 0px; border-top: 1px solid #ddeaf8; border-bottom: 1px solid #ddeaf8; }
			#catThumb { display: inline; float: left; width: 42px; margin: 0px 0px 0px 20px; }
			#catDescription { display: inline; float: left; width: 135px; }
			#campaigns #catDescription h5, #campaigns #catDescription p { margin: 0; color:#3A9BEE;}
			
	#choose-room { width:234px; clear:left;}
	#get-visa { width:234px;}
	#buy-ticket { width:232px;}

#promo-area h5, 
#campaigns h5, 
#choose-class h5, 
#choose-room h5, 
#get-visa h5, 
#buy-ticket h5 { color: #398ea0; margin-top: 6px; padding-top: 0; margin-left: 12px; margin-right: 12px; }

#campaigns h5 { margin-top: 0; }

#promo-area p, 
#campaigns p, 
#choose-class p, 
#choose-room p, 
#get-visa p, 
#buy-ticket p { margin-left: 12px; margin-right: 12px; margin-bottom: 12px; }

#campaigns h5, #campaigns p { margin: 0px 18px 2px 18px; margin-left: 18px; margin-right: 18px; }

/* Promo Area */

#promo-area { 
width: 700px; display: inline; float:left; clear:both; height: 203px; overflow: hidden; margin-bottom: 8px; border-top: 1px solid #ade3ff;border-bottom: 1px solid #ade3ff; background: #91dbfe url(bg_header_left.jpg) left top no-repeat !important;



}
#promo-area h4 { 	
padding:0px !important;
display: block; width: 355px; height: 61px; margin: 12px 0px 8px 16px !important;	overflow: hidden; background: transparent url(h4_promo-area.gif) left top no-repeat !important; }	
#promo-area h5, #promo-area p { margin-left: 20px; }
#promo-content { float: left; display: inline; width: 371px; }

#header-collage { display: inline; float: left; width: 329px; height: 203px; background: #91dbfe; }

/* Memo */
#choose-room h4, 
#get-visa h4, 
#buy-ticket h4 { display: block; height: 89px; margin-bottom: 0; padding-bottom: 0; overflow: hidden; }

#choose-room h4 a, 
#get-visa h4 a, 
#buy-ticket h4 a { display: block; width: 233px; height: 89px; margin-bottom: 0; padding-bottom:0; overflow: hidden; }

#choose-room h4 { width: 233px;background: #ebf4fe url(h4_room.gif) left top no-repeat !important; }	
#get-visa h4 { width: 233px; background: #ebf4fe url(h4_visa.gif) left top no-repeat !important; }	
#buy-ticket h4 { width: 233px; background: #ebf4fe url(h4_ticket.gif) left top no-repeat !important; }	

/* Choose Class */
#choose-class h4 { display: block; width: 466px;  height: 76px; overflow: hidden; margin-bottom: 6px; padding-bottom: 0; background: #ebf4fe url(h4_course.gif) left top no-repeat !important; }
#choose-class h4 a { display: block; width: 466px; height: 76px; overflow: hidden; }
#choose-class h5 { display: inline; float: left; width: 234px; margin-left:40px; margin-right:0; margin-bottom: 16px; }
#choose-class p { clear: left; }
#choose-class #search-courses { display: inline; float: left; width: 158px; height:47px; margin-top: 0px; margin-left:10px; }
#choose-class #search-courses a { display: block; width: 158px; height: 47px; overflow: hidden; background: transparent url(button_search.gif) left top no-repeat; }

/* 
Typography
================================================================================================= */
#promo-area h5, 
#campaigns h5, 
#choose-class h5, 
#choose-room h5, 
#get-visa h5, 
#buy-ticket h5 { color: #398ea0;  }
			#catalogPreview h5 { line-height: 1.2;}

#promo-area h4 { text-indent: -5000px; }

/* Memo */
#campaigns h4,
#choose-room h4 a, 
#get-visa h4 a, 
#buy-ticket h4 a { text-indent: -5000px; }

/* Choose Class */
#choose-class h4 a { text-indent: -5000px; }
#choose-class #search-courses a { text-indent: -5000px; }