body {font:0.8em Verdana, Arial, Helvetica, sans-serif; color:#002b4b; background:#ecf2cf url(images/bg.gif) repeat-y center;line-height:100%;}

* {margin:0; padding:0;}

a {color:#508800; text-decoration:none;overflow: hidden;}

a img{border:none;}

a:hover {border-bottom:#89bc01 dotted 1px;}

#wrap {width:770px; margin:0 auto; border-top: #89bc01 solid 3px; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5% 0.5em 5%; }

h3 {font:1.5em "Times New Roman", Times, serif;  color:#789200; font-weight:normal;}

h5 {font:1.4em Georgia, "Times New Roman", Times, serif;  color:#789200; font-weight:normal;}



h6 { color:#789200; font-weight:bold; font-size:1em;}

li, dd { margin-left:5%; line-height:150%; }

fieldset { padding: .5em; }

.center {text-align:center;}


#courseTitle {font:1.5em "Times New Roman", Times, serif;  color:#789200; font-weight:normal;}




#logo {margin:15px 0 15px 15px; padding:0; width:191px; float:left; display:inline; }

#logo a{background: url(images/logo.gif) no-repeat; width:191px; height:71px; border:none; text-indent:-99999px; display:block; margin:0; padding:0;  }
h1#message {display:block; text-indent:-9999px; background: url(images/message.gif) no-repeat top left; width:265px; height:50px; margin:10px 10px 0 10px; display:block; padding:0;}

#block {float:right;  width:300px;}
#lang { padding:0; margin-left:90px; list-style:none;}
#lang li {float:right; list-style:none;}

#lang * a:hover {padding:0; margin:0 ;}
#eng {padding-left:21px; background: url(images/gb.gif) no-repeat 0 5px; margin-right:10px;}
#vn {padding-left:21px; background: url(images/vn.gif) no-repeat 0 5px; margin-right:10px;  }
#lang li#vn {margin:0;}


#nav { background:url(images/nav_bg.gif) no-repeat; width:750px; height:35px; margin:0 auto; clear:both;}

#nav ul {list-style:none; margin:0 0 0 20px; padding:0; }

#nav ul a{color:#FFFFCC; border:none; outline:none;}

#nav ul a:hover{color:#FFFFFF;}

#nav ul li { float:left; padding:0; margin:0;}



#nav #menu1{background:url(images/nav1.gif) no-repeat; width:85px; height:25px; text-indent:-99999px; display:block;}

#nav #menu2{background:url(images/nav2.gif) no-repeat; width:145px; height:25px; text-indent:-99999px; display:block;}

#nav #menu3{background:url(images/nav3.gif) no-repeat; width:95px; height:25px; text-indent:-99999px; display:block;}

#nav #menu4{background:url(images/nav4.gif) no-repeat; width:165px; height:25px; text-indent:-99999px; display:block;}

#nav #menu5{background:url(images/nav5.gif) no-repeat; width:105px; height:25px; text-indent:-99999px; display:block;}

#nav #menu6{background:url(images/nav6.gif) no-repeat; width:100px; height:25px; text-indent:-99999px; display:block;}

#nav #menu1:hover, #nav #menu2:hover,#nav #menu3:hover,#nav #menu4:hover,#nav #menu5:hover,#nav #menu6:hover {background-position:0 -30px;}



#header {margin:15px 10px 5px 0;}



#mainImg {float:left; margin-left:3px;}

.box {float:left; width:231px; height:220px; background:#f4f8e1; border:1px solid #bed35f; margin:5px 0px 0 10px;}

.subImg { padding:3px; background:#FFFFFF; border:1px solid #D6EFC2; margin-top:15px;}

.box h3 { margin-bottom:0; padding:0;}

.box #register{margin-left:70px;}

#classroom #main { background:none; border-top: solid 1px #D1DDAA;  width:96%; margin:2%;margin-top:15px;}

#main {background:url(images/body_bg.gif) no-repeat;width:100%; padding-top:20px;}

#sing_info #main {background:url(images/body_bg2.gif) no-repeat top right;width:100%; padding-top:20px;}

#main .why ul{margin:0.5em 3%;}

#main .why li { list-style:url(images/bullet.gif);margin:15px 10px; padding-left:10px; line-height:150%;}

#main h3 {margin:0.5em 0 0 5%;}

#main p{line-height:175%; margin-top:0;}

	#left {width:520px; float:left; display:inline;}

	#sing_info #left{width:550px; float:left; display:inline;}

	#main .why { background:#f2f6df; border: solid 1px #dce99e; padding:20px auto  20px 20px; width:450px; margin:5% auto 5% 5%;}

	

	#main .why h4{margin:5%; }

	#main .why ul {margin:20px;}



	#right{ width:230px; float:right; margin:10px 15px 0 auto; display:inline;}

	#sing_info #right{ width:190px; float:right; margin:10px 15px 0 auto; display:inline;}

#footer {background: url(images/footer.gif) 0 10px; width:740px; border-bottom: #89bc01 solid 3px; padding:10px 15px;}





ul#list1 {list-style:none; margin:0;  float:left; line-height:150%; margin-top:0px;}

ul#list1 li{margin-left:40px; padding:0;}

ul#list2 {list-style:none;  margin-right: 20px; float:right; line-height:150%;margin-top:0px;}

/* form */

#login {margin-bottom:0; margin-top:10px;}

#login fieldset { border:none; margin:0; padding:0;}

.txtField { border:#89bc01 1px solid; height:15px; padding:3px; font:1em Verdana, Arial, Helvetica, sans-serif;}

.txtField:focus {border:#afd402 1px solid;}

#box p{margin:0px 5% 5px 0; padding:0; line-height:150%;}




.box ol {margin:0; list-style:none; padding:0;}
.box h4 {margin-bottom:5px;}

.box li{padding: 0; margin-bottom:5px;}

#login label {display:block; margin: 0 0 5px 0;}

#login #email, #login #pass{width:120px;}
#login #username, #login #password {width:180px;}

#login #btLogin {margin: 5px 0; font:1em Verdana, Arial, Helvetica, sans-serif; padding:3px; margin-left:35px;}

#login .bt {font:1em Verdana, Arial, Helvetica, sans-serif; padding:3px;margin: 5px 0;}



/* userNav */



#userNav {margin:0;}

#userNav fieldset { border:none; margin:0; padding:0;}

#userNav input {margin:0;}

.txtField { border:#89bc01 1px solid; height:15px; padding:3px; font:1em Verdana, Arial, Helvetica, sans-serif;}

.txtField:focus {border:#afd402 1px solid;}

#userNav p{margin:5px 0;}

#userNav label {float:left;width:60px; display:block; margin:0;}

#userNav #email, #userNav #pass{float:left; width:170px;}

#userNav #btLogin {margin: 0px; font:1em Verdana, Arial, Helvetica, sans-serif; padding:3px;}

#userNav .bt {font:1em Verdana, Arial, Helvetica, sans-serif; padding:3px;}

#userNav #register{margin:5px 0;}

.formHeading {margin:10px 0;}



.float {float:left;}

/* ~~~~ contact page ~~~~   */

.contactLeft {width:330px; padding:15px;background:#f4f8e1; border:1px solid #bed35f; float:left; margin:20px 40px 20px 0px; height:200px; }

.contactRight {width:330px; padding:15px;background:#f4f8e1; border:1px solid #bed35f; float:left; height:200px; margin:20px 0; }



#contactUs #main { background:none;  width:96%; margin:2%;margin-top:15px; padding-left:15px;}

#contactUs #main h3, #contactUs #main h5, #contactUs #main p {margin-left:0;}

#right a{border:none;}

#applyList {margin-left:0;}

#applyList li{margin:5px 0; list-style:none; padding:5px 5px 5px 30px;}

#applyList #item1{background:url(images/1.gif) no-repeat 0 2px;}

#applyList #item2{background:url(images/2.gif) no-repeat 0 2px;}

#applyList #item3{background:url(images/3.gif) no-repeat 0 2px;}

#applyList #item4{background:url(images/4.gif) no-repeat 0 2px;}

#applyList #item5{background:url(images/5.gif) no-repeat 0 2px;}

ul#services  {margin-left:-10px; margin-top:0;}

#services li {padding:5px 15px; background:url(images/bullet2.gif) no-repeat 0 4px; list-style:none;}

h3#servicesHeading{margin-left:0px; padding:0;}

#right #apply{ background:url(images/howto.gif) no-repeat; width:227px; height:27px; visibility:visible; text-indent:-99999px; margin:0; margin-top:20px;}



/* sub nav */



.subNav{margin:0.5em 0 0 0.5em;}

.subNav li { list-style:url(images/bullet.gif);margin:0  0 0 10px ; padding-left:7px; line-height:150%;}

.studentNav{margin:0.5em 2em 0 2em;}

.studentNav li { list-style:url(images/bullet.gif);margin:0  0 0 10px ; padding-left:7px; line-height:150%;}

#right h5{margin-left:0;}

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* stickFooterAlt */

 html {height: 100%;}

body{height: 100%;}

#wrap{position: relative;min-height: 100%; margin-bottom:5em;}

* html #wrap{height: 100%;}

#footer	{position: relative;margin: -3em auto 0 auto;}

/* A CSS hack that only applies to IE -- specifies a different offset for the footer */

* html #footer	{margin-top: -2.9em;}



#sing_info table{margin:3% 5% 3% 5% ; background:#b4d0a7; width:500px;}

#sing_info table td{ padding:7px; background:#FFFFFF; vertical-align:top;}

#sing_info .heading td, #sing_info .heading {background: #F3F9DF; font-weight:bold;}

#sing_info .white td, #sing_info .white {background: #ffffff;}



#classroom table{margin:3% 5% 3% 5% ; background:#b4d0a7; width:700px; }

#classroom td{ padding:7px; background:#FFFFFF; vertical-align:top;}

#classroom .heading td, #classroom .heading {background: #F3F9DF; font-weight:bold;}

#classroom .white td, #classroom .white {background: #ffffff;}

.right {text-align:right;}

#classroom td input {padding:3px; font: 11px Verdana, Arial, Helvetica, sans-serif;}



.courseName {}

.courseName a{color:#003366; border:none;}

.courseName a:hover {color:#508800; border:none;}



#sing_info #coursesTabular {width:700px;}



.paging { margin:15px 5% 0 5%; text-align:right;}

.paging a{ padding:2px 3px; margin:0 3px;}

.paging a:hover{background:#FFFFFF;}



/* course search */



#courseSearch {width:500px; float:left;}

#courseSearch label {padding:0; margin:0;}

#courseSearch ol {margin:0; list-style:none;}

#courseSearch li {clear:left; padding:5px 0; }

#courseSearch form {margin:0;}

#courseSearch label {float:left;width:120px; display:block; margin:0.5em 0;}

#courseLevel, #courseName, #school, #keyword{float:left; border:#89bc01 1px solid; padding:0px; font:1em Verdana, Arial, Helvetica, sans-serif; height:20px;}
#school {width:200px;}

#courseSearch .txtField {height:20px;;}

h3#courseAvai {margin-left :5%; margin-top:10px;}

#courseSearch fieldset {margin:0; border:0; padding:0;}



/* classroom */

#classroom #main ul li{line-height:175%;}





/* courseInfo*/

#courseInfo dt {font-weight:bold; float:left; width:150px; margin-bottom:10px;}

#courseInfo dd { float:left; width:500px;margin-bottom:10px;}

#courseInfo dd p {margin-left:0; margin-top:0;}

#courseInfo dd ul, #courseInfo dd ol {margin-left:2%;}

#courseInfo .fee {margin:0; list-style:none;}

#courseInfo .fee li {margin:0; padding:0;}



#box2 {width:300px; margin:40px auto; background:#E9F1D3; border:2px solid #AAD779; padding:10px 20px;}

#box2 ol {margin:0; list-style:none; padding:0;}

#box2 li{padding:5px 0; clear:left;}

#box2 #login label {float:left;width:80px; display:block; margin:0.5em 0;}

#box2 #login #email, #login #pass{float:left; width:120px;}

#box2 #login #btLogin {margin: 5px 0; font:1em Verdana, Arial, Helvetica, sans-serif; padding:3px; margin-left:95px;}

#box2 #login .bt {font:1em Verdana, Arial, Helvetica, sans-serif; padding:3px;margin: 5px 0;}

.warning {background: #FFFFCC; width:440px; padding:7px 0; margin:30px auto auto auto; text-align:center; border-bottom:#AFE06D 1px solid;border-top:#AFE06D 1px solid;}





/* aditional styles */

#step1 {background:url(images/progress1.gif) no-repeat; width:667px; height:70px; margin:0 auto; margin-top:20px;}

#step2 {background:url(images/progress2.gif) no-repeat; width:667px; height:70px; margin:0 auto;}

#step3 {background:url(images/progress3.gif) no-repeat; width:667px; height:70px; margin:0 auto;}

#submitApp input {padding:3px; margin-left:10px;}

input#submit {margin-left:40px;}

.button {padding:3px;}





.warning2 {background: #FFFFCC; padding:7px 0; margin:0px auto auto auto; text-align:center; border-bottom:#AFE06D 1px solid;border-top:#AFE06D 1px solid; margin:20px 35px;}



.error, .warning {margin:0.5em 0pt 0pt 5%; display:block;}

.error {color: red;}



.invalid {background:none; border:1px dashed red;padding:3px; font: 11px Verdana, Arial, Helvetica, sans-serif;margin:0;}

.invalid[readonly] {background:#F3F9DF; border:1px dashed red;padding:3px; font: 11px Verdana, Arial, Helvetica, sans-serif;margin:0;}


/*school list */

.schoolItem {  border-bottom:1px solid #B6E87D; padding:15px 0;}
.schoolItem dt {float:left;display:block;}
.schoolItem dt a{  display:block; border:none; margin-top:5px;}
.schoolItem dt a:hover {}
.schoolItem .schoolName, .schoolItem .schoolDesc {float:right; width:500px; display:block;}
.schoolItem .schoolName a{ font-weight:bold;}
.schoolItem .schoolName {margin-bottom:10px;}
h4 {font-size:1.3em; font-weight:bold; height:20px;}
#schoolLogo {float:left; margin:0 20px 10px 35px;}
#schoolInfo p {margin:0; padding-bottom:1em;}
#mainInfo {margin:1em 30px;}
.schoolHeading {float:left;margin-left:35px; width:100px; font-size:1em; font-weight:normal;}
.schoolList {float:left; width:550px;}
h5 {font:1em Verdana, Arial, Helvetica, sans-serif;}
.courseBullet {list-style:url(images/bullet.gif);}
registerForm {margin:0 auto;}
#registerForm li {clear:both; list-style:none;}
#registerForm label { float:left; width:150px; display:block;}
#registerForm .floatRight {float:left; margin-top:5px; width:180px;}

#download li { list-style-image: url(images/pdf.gif)}
#testHome {font: 13px Georgia, "Times New Roman", Times, serif; font-style:italic; margin-right:10px;}
.by { font:11px Verdana, Arial, Helvetica, sans-serif; color:#567937; font-style:normal;}
.testimonial  {font: 13px Georgia, "Times New Roman", Times, serif; font-style:italic;}
.testimonial .border{border-bottom:1px dashed #BDD885; padding-bottom:15px; font-style:normal; font-size:11px; color:#567937;}
.viewTest {display:block; padding-left:15px; background:url(images/bullet.gif) no-repeat 0 5px; font-weight:bold;}
a.viewTest:hover { border:none;}
#imgContainer {height:174px; padding:3px; background:#FFFFFF; border:1px solid #D6EFC2; width:520px;}
#imgContainer {margin:15px auto 0 15px;}
.rounded { background:#f2f6df; border: solid 1px #dce99e; padding:20px;  margin:5% 5% 5% 5%;}
.rounded p {margin-left:0;}
.rounded h3 { margin-left:0; margin-top:0;}

#contact1, #contact2, #contact3 {background:#f2f6df; border: solid 1px #dce99e; padding:10px 10px 10px 10px; width:210px; margin:0 15px 15px 0; float:left; height:230px;}
#contact3 { margin-right:0;}