/* CSS LAYOUT */
.float-left			{ float: left; }
.float-right		{ float: right; }
.clear					{ clear: both; }
.clear-left			{ clear: left; }
.clear-right		{ clear: right; }
.layout-center	{ margin: 0 auto; }
.mt20			{ margin-top: 20px; }
.mt45			{ margin-top: 45px; }
.mt80			{ margin-top: 80px; }
.ml85			{ margin-left: 85px!important; }
.ml85			{ margin-left: 45px; }
.ml35			{ margin-left: 35px; }
.ml150		{ margin-left: 150px!important; }

/* TEXT STYLING */
.text-center		{ text-align: center; }
.text-right			{ text-align: right; }
.text-left			{ text-align: left; }

h1 { color: #000; font: bold 32pt/52pt Verdana; }
h2 { color: #8cc63f; font: normal 24px/38px "Century Gothic", Verdana; }
h3 { color: #017e3a; font: normal 12pt/18pt Verdana; }
h4 { color: #fff; font: normal 12pt/18pt Verdana; }

p { color: #f7f7f7; font: normal 13px/22px Verdana, Tahoma; margin: 0; padding: 20px 0 15px 0; text-indent: 35px; }
html>/**/body p { margin-top: -5px; }
p.no-indent { text-indent: 0px; }
p.testi-indent { margin-top: -15px; padding: 0; text-indent: 48px; font-weight: bold; }
.pre-list-2 { text-indent: 25px; }
p.pre-list-3 { margin: -10px 0 -15px 0; }
.info { color: #231f20; font: normal 13px/20px Verdana, Tahoma; }
.name { color: #fff; font: normal 28px/38px "Century Gothic", Verdana; letter-spacing: 1px; }
.address { color: #231f20; font: normal 13px/20px Verdana, Tahoma; }
.credit { color: #231f20; font: normal 11px/17px Verdana; }
.language {	color: #017e3a;	font: normal 12px/22px Verdana, Tahoma; }
.th { background: url(../images/langauge-bg-th.gif) left center no-repeat; }
.en { background: url(../images/langauge-bg-en.gif) left center no-repeat; }

/* LINKS */
a.linked:link, a.linked:visited { color: #017e3a; font-weight: bold; text-decoration: none;}
a.linked:hover { color: #fff; font-weight: bold; text-decoration: underline; }

h2 a:link, h2 a:visited { color: #8cc63f; text-decoration: none;}
h2 a:hover { color: #fff; text-decoration: underline; }

a.email:link, a.email:visited { color: #017e3a; font-weight: bold; text-decoration: none;}
a.email:hover	{ color: #f7f7f7; font-weight: bold; text-decoration: underline;}

.credit a:link, .credit a:visited, .copyright a:link, .copyright a:visited { color: #017e3a; font-weight: bold; text-decoration: none;}
.credit a:hover, .copyright a:hover	{ color: #f7f7f7; font-weight: bold; text-decoration: underline; }

.news-section p a:link, .news-section p a:visited { color: #f7f7f7; text-decoration: none; }
.news-section p a:hover { color: #f7f7f7; text-decoration: underline; }

.read-more-testimonial { margin: 0; padding: 3px 30px 0 0; background: #000 url(../images/read-more-testimonial.gif) top right no-repeat; display: block; }
.read-more-testimonial a:link, .read-more-testimonial a:visited { color: #017e3a; font-weight: bold; text-decoration: none;}
.read-more-testimonial a:hover { color: #fff; text-decoration: underline; }

ul.sitelink { margin: 0 0 0 100px; padding-top: 20px; line-height: 2.0; list-style-type: none; }
html>/**/body ul.sitelink { margin-top: -10px; }
ul.sitelink li { padding-left: 30px; background:#000 url(../images/sitelink-bullet.gif) left no-repeat; }
ul.sitelink a:link, ul.sitelink a:visited { color: #017e3a; text-decoration: none; font: normal 11pt/22pt Verdana;  }
ul.sitelink a:hover { color: #fff; text-decoration: underline; }

a.readmore {
	margin-top: 2px;
	display: block;
	height: 20px;
	width: 120px;
	cursor: pointer;
	text-indent: -9999px;
}
a.readmore:link, a.readmore:visited {background: url(../images/readmore.gif) top center no-repeat}
a.readmore:hover {background-position: 0 -20px}
a.readmore.no:link, a.readmore.no:visited, a.readmore.no:hover {background-position: 0 -40px; cursor: default;}

/* TEXT */
.red						{ color: #ff0000; }
#green				{background-color:#017e3a;}
.green				{ color: #017e3a; }
.light					{ color: #8cc63f; }
.underline			{ text-decoration: underline; }

blockquote.no-quote { background: #017e3a; margin: 20px 0; padding: 20px;}
p.no-unquote { background: #017e3a; color: #fff; font: normal 14pt/22pt Verdana; text-align: center;}
p.no-unquote-ex { background: #017e3a; color: #fff; font: bold 11pt/22pt Verdana; text-align: left; padding: 0;}

blockquote.withquote { background:#017e3a url(../images/quote.gif) top left no-repeat; margin-top: 30px; padding: 18px 0 0 20px; text-align: justify;}
#testimonial-table p.withunquote { background: url(../images/unquote.gif) bottom right no-repeat; padding-right: 20px; text-indent: 35px;}

.rounded-box {position:relative; padding:11px; margin:10px 0;}
.corner {position:absolute; width:11px; height:11px;}
.topleft {top:0; left:0; background-position:0px 0px;}
.topright {top:0; right:0; background-position:-11px 0px;}
.bottomleft {bottom:0; left:0; background-position:0px -11px;}
.bottomright {bottom:0; right:0; background-position:-11px -11px;}
#green .corner, #green2 .corner {background-image:url(../images/corners.gif);}

.last {background: url(../images/h-line-800.gif) center bottom no-repeat;}

/* LIST */
ul.news-section {padding: 5px; background: url(../images/h-line-700.gif) center bottom no-repeat;}
ul.news-section li {padding: 20px 0 10px 0;}
ul.news-section li img {float: left;}
ul.news-section li p {text-indent: 0px; margin: -10px 0 0 150px;}
ul.news-section li h3 {margin: -20px 0 0 150px;}
html>/**/body ul.news-section li h3 {margin: 0px 0 0 150px;}

ul.sem-section {padding: 5px;}
ul.sem-section li {padding: 10px 0;}
ul.sem-section li img {margin-top: 20px; float: left;}
ul.sem-section li p {text-indent: 50px; margin: -10px 0 0 150px;}
ul.sem-section li p.no-indent {text-indent: 0px;}
html>/**/body ul.sem-section li p {text-indent: 50px; margin: 0 0 0 150px;}
span.indent50 {margin-left: 50px;}
span.indent35 {margin-left: 35px;}

ul.list-1 { list-style-type: disc; margin: 0; padding: 20px 0 0 60px; font: normal 13px/22px Tahoma; }
html>/**/body ul.list-1 { margin: -5px 0 10px }

ul.list-2 { list-style-type: disc; margin: 0; padding: 0 0 0 220px;font: normal 13px/28px Tahoma; }
html>/**/body ul.list-2 { margin: -5px 0 10px }
ul.list-2 li { line-height: 0.6; font-size: 13px;}

ul.list-3 { list-style-type: disc; margin: 0; padding: 0 0 0 70px; font: normal 13px/28px Tahoma; }
html>/**/body ul.list-3 { margin: -5px 0 10px }
ul.list-3 li { line-height: 2.0; font-size: 13px;}

/* TABLE */
#rounded-table, .rounded-table {
	margin: 10px 5px;
	border-collapse: collapse;
}
.rounded-table {width: 800px}
#rounded-table thead th.left-top, .rounded-table thead th.left-top {
	background: #303030 url(../images/left-top.gif) no-repeat left top;
}
#rounded-table thead th.right-top, .rounded-table thead th.right-top {
	background: #303030 url(../images/right-top.gif) no-repeat right top;
}
#rounded-table th, .rounded-table th {
	padding: 10px;
	color: #f7f7f7;
	background: #303030;
	font: normal 14px/20px Verdana;
}
#rounded-table td, .rounded-table td {
	padding: 5px 10px;
	color: #f7f7f7;
	background: #303030;
	border-top: 1px solid #000;
	font: normal 13px/24px Verdana;
}
#rounded-table tfoot td, .rounded-table tfoot td {
	line-height: 14px;
}
#rounded-table tfoot td.left-bottom, .rounded-table tfoot td.left-bottom {
	background: #303030 url(../images/left-bottom.gif) no-repeat left bottom;
}
#rounded-table tfoot td.right-bottom, .rounded-table tfoot td.right-bottom {
	background: #303030 url(../images/right-bottom.gif) no-repeat right bottom;
}
#rounded-table tbody tr:hover td, .rounded-table tbody tr:hover td {
	background: #111;
}

#testimonial-table {
	margin: 10px;
	border-collapse: collapse;
	font: normal 12px/24px Verdana;
	width:100%;
}
#testimonial-table th {
	border: #777 1px solid;
	color: #8cc63f;
	padding: 10px;
	font: normal 14pt/18pt Verdana;
	background: #000 url(../images/balloon.gif) left center no-repeat;
	text-align: left;
	text-indent: 25px;
}
#testimonial-table td {
	border: #777 1px solid;
	color: #f7f7f7;
	padding: 10px;
}
#testimonial-table p { text-indent: 0px; margin-top: -20px; }
.testimonial-left {vertical-align: top;}

.university-table {
	margin: 15px auto 30px;
	border-collapse: collapse;
}
.university-table td {
	padding: 5px;
}
.university-table img {
	width: 120px;
	height: 120px;
}

.course-table {
	margin: 30px auto;
	border-collapse: collapse;
}
.course-table th {
	padding: 10px;
	font: normal 14px/20px Verdana;
}
.course-table td {
	vertical-align: text-top;
}
#rounded-table.border th, #rounded-table.border td {
	border: 1px solid #000;
}

/* FORM */
#EnquiryForm {
	margin-left: 100px;
}
input.inp-field, textarea.txt-field, select.sel-field  {font: normal 13px/22px Verdana;}
textarea {overflow:auto;}
input.inp-field, textarea.txt-field, select.sel-field {
	border:1px solid #555;
	background-color:#111;
	color: #fff;
	padding: 2px;
	width: 200px;
}
html>body input.inp-field {height: 19px;}
select.sel-field {width: 207px;}
textarea.txt-field {line-height: 20px;}
input.inp-field-active, textarea.txt-field-active, select.sel-field-active  {border:1px solid #8cc63f;}
input.inp-field:focus, textarea.txt-field:focus, select.sel-field:focus {border:1px solid #8cc63f;}
.btn {
	font: bold 12px/18px Verdana;
	padding: 2px;
}

/* PAGINATION */
.pagination ul li {
	font-size: 11px;
	list-style-type: none;
	display: inline;
	margin: 0 2px;
}
.pagination ul li a {
	border: #017e3a 1px solid;
	margin: 0 2px;
}
.pagination ul li.active{
	background: #017e3a;
	color: #fff;
	font-weight: bold;
	display: block;
	float: left;
	padding: 4px 6px;
}
.pagination ul li a:link, .pagination ul li a:visited {
	color: #017e3a;
	display: block;
	float: left;
	padding: 3px 6px;
	text-decoration: none;
}
.pagination ul li a:hover{
	border: #8cc63f 1px solid;
	color: #8cc63f;
}

/* OTHER */
.w405 { width: 405px; }
.w395 { width: 395px; }
.w500 { width: 500px; }
.w310 { width: 310px; }
.w600 { width: 600px; }
.w188 { width: 188px; }
.w741 { width: 741px; }
.w120 { width: 120px; }

.pict {margin: 20px auto; width: 800px}

/* AD */
#fix {
	position: fixed;
	left: 180px;
	top: 240px;
	z-index: 9999;
}
* html #fix { /*\*/
	position: absolute;
 	top: expression((240 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');/**/
	left: 180px;
}
#ad {
	color: #e3d9b7;
	cursor: pointer;
	font: normal 13px/21px Tahoma;
}

#facebook {border: 0; position: fixed; top: 245px; right: 0}
* html #facebook {position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0))}

/*NEWS STYLE*/
#university h1 {color:#8cc63f;font:34px 'Century Gothic', Verdana;padding:0 0 20px 0}
#university h2 {color:#8cc63f;font:21px Tahoma;padding:0 0 15px 0}
#university p {color:#fff;font:13px/1.5 Tahoma;padding:0 0 25px 0;text-indent:0}
#university .ind {text-indent:30px} 
#university .wt {color:#fff}
#university .bt {color:#222}
#university .gt {color:#8cc63f}
#university .top {background:#eee;overflow:hidden;padding:20px 20px 10px 20px;border-radius:3px;behavior: url(../lib/PIE.htc)}
#university .top img {float:left;margin:5px 20px 20px 0}
#university .box {clear:both;overflow:hidden;margin-top:20px}
#university .bx-l {clear:left;float:left;margin-right:20px;width:370px}
#university .bx-r {clear:right;float:right;width:415px}
#university .box ul {list-style:disc;margin:0 10px}
#university .box ol {list-style:decimal;margin:0 10px}
#university .box li {color:#fff;font:13px/1.5 Tahoma;margin-left:30px;padding:0 0 5px 0}
#university .bottom, #university .tt {background:#42c077;overflow:hidden;margin-top:10px;padding:10px 20px;border-radius:5px;behavior: url(../lib/PIE.htc)}
#university .tt img {float:right;margin:0 0 20px 20px}
#university .bottom ul {display:inline;float:left;list-style:disc;margin:0 10px}
#university .bottom li {color:#000;font:13px/1.5 Tahoma;padding:0 0 5px 0}
#university .bottom ul.sec3 {width:30%}

.pb10 {padding-bottom:10px}
.pb25 {padding-bottom:25px}
.pt10 {padding-top:10px}
.pt50 {padding-top:50px}

#main h2 {color:#8cc63f;font:24px 'Century Gothic', Verdana;padding:0 0 20px 0}
#main p {color:#fff;font:13px/1.5 Tahoma;padding:0 0 25px 0;text-indent:0}
#main p.big {font:15px/1.5 Tahoma;padding-bottom:10px}
#main .ind {text-indent:30px} 
#main .bt {color:#222}
#main .wt {color:#fff}
#main .box ul {list-style:disc;margin:0 10px}
#main .box ul.no {list-style:none;margin:10px}
#main .box ol {list-style:decimal;margin:0 10px}
#main .box li {color:#fff;font:13px/1.5 Tahoma;margin-left:30px;padding:0 0 5px 0}
#main .top {background:#eee;overflow:hidden;padding:20px 20px 5px 20px;border-radius:3px;behavior: url(../lib/PIE.htc)}
#main .box {clear:both;overflow:hidden;margin-top:20px}
#main .bottom {background:#42c077;overflow:hidden;margin-top:10px;padding:10px 20px;border-radius:5px;behavior: url(../lib/PIE.htc)}
#main .bottom h2 {padding:0}
#main .bottom h2 a {color:#fff;font-size:17px}
#main .bottom h2 a span {background:#eee;color:#222;font-size:13px;margin-left:5px;padding:4px 7px;border-radius:3px;behavior: url(../lib/PIE.htc)}
#main .bottom h2 a:hover {text-decoration:none}
#main .bottom h2 a:hover span {background:#fff;color:#017e3a}
#main .signature {clear:right;float:right;text-align:center;width:165px}

#rss {margin-top:30px}
#rss .rss {background:#303030;overflow:hidden;margin:10px 0;padding:10px 20px;border-radius:5px;behavior: url(../lib/PIE.htc)}
#rss .rss h4 {color:#fff;font:bold 14px Tahoma;float:left;margin-right:10px}
#rss .rss a {background:url(../images/icon_rss.png) center left no-repeat;color:#42c077;font:14px Tahoma;text-decoration:none;padding-left:55px;margin:0 10px 0 0}
#rss .rss a:hover {text-decoration:underline}

#banner-news {margin-top:20px}
.bp {margin-bottom:5px}
.banner-left {float:left;margin:10px 0;width:405px}
.banner-right {float:right;margin:10px 0;width:405px}

#news-home {background:#303030;overflow:hidden;margin-top:0px;padding:5px 10px 20px;border-radius:8px;behavior: url(../lib/PIE.htc)}
.news {padding: 15px!important;display: block;background:none;margin-top:0!important}
.news-bottom {
	clear:both;
	display: block;
	height:10px;
	border-bottom:1px solid #505050;
	background:none;
	padding:0;
}
.newss {
	margin-top: 15px;
	padding: 15px 10px 5px 10px;
	display: block;
	background: #303030 url(../images/news-bg.gif) top center no-repeat;
}
.newss-bottom {
	padding: 15px 10px 5px 10px;
	display: block;
	background: #303030 url(../images/news-bg-bottom.gif) bottom center no-repeat;
}
#news-home .news h3 a, #news .news h3 a {float:right;font:15px Tahoma;width:265px}
#news-home .news h3 a:hover, #news .news h3 a:hover {color:#fff}
#news-home .news img, #news .news img  {float:left;height:65px;width:65px;padding:2px;background:#eee;border:1px solid #eee;margin-right:15px}
#news-home .news a:hover img, #news .news a:hover img {border:1px solid #222;background:#017e3a}
#news .box {background:#303030;overflow:hidden;margin-top:20px;padding:5px 10px 20px;width:46%;border-radius:8px;behavior: url(../lib/PIE.htc)}


.flt-l{float:left}.flt-r{float:right}.tx-c{text-align:center}.tx-r{text-align:right}.tx-l{text-align:left}.cl-l{clear:left}.cl-r{clear:right}
