@CHARSET "UTF-8";

/** common settings ******************************************************************************/

*{
	margin:  0;
	padding: 0;
}

body{
	background: url(./images/background.png) no-repeat center -355px fixed;
	font-family: "Trebuchet MS", sans-serif;
}

img {	border: 0px;	}

a, a:visited {
	text-decoration:	none;
	color:			 #006e38;
}

a:hover {
	text-decoration: underline;
	color:			 #006e38;
}

ul {
	list-style-type:	none;
	text-align:			left;
	font-size:			13px;
	padding:	7px 0 0 10px;
}

li {
	float:				left;
	text-indent:		24px;
	line-height:	   2.0em;
	list-style-type:	none;
	text-decoration:	none;
}

h3 {
	font-size:	    17px;
	color:		 #006e38;
	margin-bottom:  10px;
	border-bottom: 1px #006e38 solid;
}

h4 {
	font-size:	   15px;
	color:		#EE470D;
	padding-bottom: 5px;
}

h5 {
	font-size:	   13px;
	color:		#E40017;
	padding-bottom: 5px;
}

th {
	color:	#006e38;
	padding:	2px;
	background-color:  #f2f7df;
}

td {
	padding: 2px 2px 2px 5px;
	background-color:  #fafafa;
}

#header, #centering, #header ol#navigationBar {
	width:		   800px;
	margin:		  0 auto;
}

#headerTop {
	width:		 800px;
	height:		  80px;
	font-size: x-small;
	text-align:	 right;
	line-height: 8.5em;
	background: url(./images/logo.png) no-repeat center left;
}

#header li a{
	background: #FFF url(./images/navigation.png) no-repeat 0px 0px;
	width:	   158px;
	height:		52px;
	display:   block;
}

li#home a:link,		li#home a:visited	{	background-position:	0px 0px;	}
li#lesson a:link,	li#lesson a:visited	{	background-position: -158px 0px;	}
li#life a:link,		li#life a:visited	{	background-position: -316px 0px;	}
li#aboutus a:link,	li#aboutus a:visited{	background-position: -474px 0px;	}
li#price a:link,	li#price a:visited	{	background-position: -632px 0px;	width:168px;	}

#headerBanner {
	background: #FFF url(./images/bg.png) repeat-x;
	padding-top:	10px;
	width:		   798px;
	float:			left;
	border-right:	#A2A6A5 1px solid;
	border-left:	#A2A6A5 1px solid;
}

#mainTitle {
	background: #FFF url(./images/banner.png);
	width:		   783px;
	height:		   256px;
	text-align:	   right;
	padding-right:	15px;
}

#contents {
	width:		   770px;
	float:			left;
	padding: 10px 14px 0;
	background-color:	#fff;
	border-left:	#b9bdbc 1px solid;
	border-right:	#b9bdbc 1px solid;
}

#makeBackground {
	float:	left;
	background-color:	#eff0f1;
}

#mainContainer {
	width:		   560px;
	float:			left;
	padding:  0 15px 0 0;
	background-color:#fff;
}

.smallContentBox {
	float:		   left;
	width:		  540px;
	font-size:	   12px;
	line-height:  1.7em;
	margin:		  0 1px;
	padding: 15px 9px 10px 9px;
	background: #FFF url(./images/bg.png) repeat-x;
}

#topBox {
	width:		  503px;
	margin:			  0;
	padding: 15px 20px 10px 20px;
	background: #FFF url(./images/small_flame.png);
}

.smallContentBoxFooter {
	width: 543px;
	height:	10px;
	float:	left;
	margin-bottom: 10px;
	background: #FFF url(./images/small_flame_bottom.png);
}

#menuContainer {
	float:		  left;
	width:		 189px;
	text-align:	center;
	padding:	   4px;
}

#menuContainer ol#sideNavigationBar {
	float:			 left;
	width:			189px;
	margin-bottom:	 10px;
}

#sideNavigationBar li {
	width:	189px;
	height: 49px;
	display:   block;
}
	
#sideNavigationBar li a {
	background: #FFF url(./images/sideNavigation.png) no-repeat 0px 0px;
	height: 49px;
	display:   block;
}

#sideNavigationBar li#whyPH a:link, li#whyPH a:visited		{	background-position: 0px    0px; }
#sideNavigationBar li#whyEM a:link, li#whyEM a:visited		{	background-position: 0px  -49px; }
#sideNavigationBar li#method a:link, li#method a:visited	{	background-position: 0px  -98px; }
#sideNavigationBar li#lesson2 a:link, li#lesson2 a:visited	{	background-position: 0px -147px; }
#sideNavigationBar li#teachers a:link,li#teachers a:visited	{	background-position: 0px -196px; }
#sideNavigationBar li#en a:link, li#en a:visited			{	background-position: 0px -245px; height: 52px; }
#sideNavigationBar li#whyPH_sl 	  {	background: #FFF url(./images/sideNavigationSelected.png) no-repeat 0px    0px;	}
#sideNavigationBar li#whyEM_sl 	  {	background: #FFF url(./images/sideNavigationSelected.png) no-repeat 0px  -49px;	}
#sideNavigationBar li#method_sl   {	background: #FFF url(./images/sideNavigationSelected.png) no-repeat 0px  -98px;	}
#sideNavigationBar li#lesson2_sl  {	background: #FFF url(./images/sideNavigationSelected.png) no-repeat 0px -147px;	}
#sideNavigationBar li#teachers_sl {	background: #FFF url(./images/sideNavigationSelected.png) no-repeat 0px -196px;	}
#sideNavigationBar li#en_sl		  {	background: #FFF url(./images/sideNavigationSelected.png) no-repeat 0px -245px;	height: 52px; }

.longContentBox {
	float:		   left;
	width:		  730px;
	font-size:	   12px;
	line-height:  1.7em;
	padding: 15px 20px 0px 20px;
	background: #FFF url(./images/long_flame.png);
}

.longContentBoxFooter {
	float:	left;
	width: 770px;
	height:	10px;
	margin-bottom: 15px;
	background: #FFF url(./images/long_flame_bottom.png);
}

#topFooter, #faqList, #footer, #lessonList, div#fieldShowedFee {
	float:			left;
	color:			#555;
	font-size:		13px;
	line-height:   1.7em;
	border:		#ccc 1px solid;
	background-color:  #f2f7df;
}

#lessonList {
	width:		   528px;
	margin:		 0 0 20px 0;
	padding:	10px 20px 10px 10px;
}

ul.toplist li, ul.sidelist li, #topFooter li
	{	background: url(./images/arrow_icon.png) left no-repeat; }

ul.toplist li	{	width:	50%;	}
ul.sidelist		{	float:	right;	}
ul.sidelist li	{
	width:		   148px;
	margin-left:	15px;
}

.threeColumnsList {
	float:		 left;
	width:		540px;
	padding:		0;
}

.threeColumnsList li {
	width:		164px;
	font-size:	 11px;
	line-height:1.3em;
	text-indent:	0;
	margin: 0px 8px 20px;
}


.teachersBar, .methodBar, .englishPolicyBar, .whyPhilippinesBar, .whyEmBar, .lessonBar,
.faqBar, .mealBar, .flowBar, .aroundBar, .activityBar, .aboutusBar, .experienceBar, .priceBar,
.lifeBar, .shortLifeBar, .blogBar {
	float:	left;
	width: 560px;
	height:	45px;
}

.teachersBar	{	background: #FFF url(./images/teachers_bar.png);	}
.methodBar		{	background: #FFF url(./images/method_bar.png);		}
.whyEmBar		{	background: #FFF url(./images/why-em_bar.png);		}
.lessonBar		{	background: #FFF url(./images/lesson_bar.png);		}
.faqBar			{	background: #FFF url(./images/faq_bar.png);			}
.mealBar		{	background: #FFF url(./images/meal_bar.png);		}
.flowBar		{	background: #FFF url(./images/flow_bar.png);		}
.aroundBar		{	background: #FFF url(./images/around_bar.png);		}
.activityBar	{	background: #FFF url(./images/activity_bar.png);	}
.aboutusBar		{	background: #FFF url(./images/aboutus_bar.png);		}
.experienceBar	{	background: #FFF url(./images/experience_bar.png);	}
.priceBar		{	background: #FFF url(./images/price_bar.png);		}
.shortLifeBar	{	background: #FFF url(./images/short_life_bar.png);	}
.lifeBar		{	background: #FFF url(./images/life_bar.png);	width: 770px;	}
.blogBar		{	background: #FFF url(./images/blog_bar.png);	width: 770px;	}
.englishPolicyBar	{	background: #FFF url(./images/english_policy_bar.png);	}
.whyPhilippinesBar	{	background: #FFF url(./images/why-philippines_bar.png);	}

#footer {
	width:		   772px;
	text-align:	  center;
	padding:	  20px 0;
	border:			 0px;
	background-color:#fff;
}

#topFooter {
	width:		   728px;
	padding:		20px;
	border-bottom:	 0px;
}

#topFooter ul {	padding:	7px 0 0;	}
#topFooter li {
	width:		   180px;
	line-height:   1.3em;
	margin-left:	10px;
}

/** for the index page ***************************************************************************/
#latestblog a {
	font-weight:	bold;
	font-size:		15px;
	padding:	 0;
}

#latestblog div {
	padding:	 0 0 15px 0;
	line-height: 1.4em;
	font-size:	13px;
}

#latestblog h3 {	margin: 0;	}

#latestblog span.datefield {
	line-height: 1.4em;
	font-size:	13px;
	color: #777;
}

/** for the faq page *****************************************************************************/

#faqList {
	width:		   453px;
	margin:		0 10px 0;
	padding:	10px 20px 10px 45px;
}

#faqList li, #faq li, ol#mapList li {
	list-style-type:  decimal;
	color:			  #006e38;
	float:				 none;
	text-indent:			0;
	line-height:	    1.5em;
}

#faqList li {
	font-size:			 13px;
	padding:  5px 0px 2px 0px;
}

#faq {
	margin-left:  30px;
}

#faq li {
	font-weight:	 bold;
	font-size:		 17px;
	margin-bottom:	  2px;
	padding: 	  5px 0 0;
	border-bottom: #006e38 1px solid;
}

/** for the flow page ****************************************************************************/

#flow dl {
	width:				534px;
	border-top:		#006e38 3px solid;
	border-left:	#006e38 3px solid;
	border-right:	#006e38 3px solid;
}

#flow dt {
	float:				   left;
	width:				  484px;
	padding-left:		   10px;
	color:				   #555;
	font-size:			   20px;
	line-height:		  1.7em;
	background-color:	#f2f7df;
}

#flow dt.number {
	 width:				   40px;
	 color:				   #fff;
	 text-align:		 center;
	 padding-left:		    0px;
	 background-color:	#006e38;
}

#flow dd {
	padding: 45px 15px 10px 50px;
}

#flow .bottom_flow {
	height: 25px;
	width: 540px;
	background: url(./images/bottom_of_flow.png) no-repeat bottom;
}

/** for the around page **************************************************************************/
ol#mapList li {
	margin-left: 410px;
	font-size:	11px;
}

/** for the aboutus page *************************************************************************/

dl.classfee, dl.calculateSheet, dl.introduction {
	margin-top:		 10px;
	line-height:	1.5em;
	font-size:		small;
}

dl.classfee dd, dl.calculateSheet dd, dl.introduction dd {
	padding: 5px 5px 5px 19px;
	border-left:	1px solid #999;
}

dl.classfee dt, dl.calculateSheet dt, dl.introduction dt {
	color:		#006e38;
	float:		   left;
	clear:		   both;
	font-weight:   bold; 
	padding: 5px 5px 5px 15px;
}

dl.introduction dt {	width:	100px;	}
dl.introduction dd {	margin-left:	100px;	}

/** for the price page ***************************************************************************/

.accommodationSheet, .visaSheet		  {	margin:	   0 auto;	}
.accommodationSheet th				  {	width:		 80px;	}
.accommodationSheet td, .visaSheet td {	text-align: right;	}

dl.classfee dt		 {	width:	130px;	}
dl.classfee dd		 {	margin-left:	130px;	}
dl.calculateSheet dt {	width:	180px;	}
dl.calculateSheet dd {	margin-left:	180px;	}

/** for the example page *************************************************************************/

div#fieldShowedFee {
	width:		518px;
	font-size:	 15px;
	padding: 5px 10px 5px 10px;
}

div#fieldShowedFee span {
	float:		 left;
	width:		508px;
	font-size:	 15px;
	padding:	  5px;
}

div#fieldShowedFee p {
	float:		right;
	font-size:	 15px;
	text-align:	right;
	padding:	 0px 10px 0px 10px;
}

/** Why edhenmiles *******************************************************************************/
.normal_list ul {
	font-size:			13px;
	padding:	  0 0 0 10px;
}

.normal_list li {
	float:				none;
	text-indent:		10px;
	line-height:	   1.5em;
	list-style-type:  circle;
	text-decoration:	none;
	margin-left:		30px;
}