@charset "utf-8";
/* CSS Document */
* {
	margin:0 auto;
	padding:0;
}

body {
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*color:#424242;*/
	color:#000;
	/*background:#f7f7f6;*/
	text-align: center;
}

#header{
	border:#e3e3e3 1px solid; 
	width:900px; 
	background:#fff;  
	border-top:none; 
	margin-bottom:20px; 
}

#logo-bg{
	background:url(../images/logo-bg.png) bottom repeat-x;
	/*background:#000;*/
}

#logo-container{
	width:900px;
	/*padding:20px 0 10px 0;*/
	overflow:hidden;
}

#banner-bg{
	background:url(../images/banner-bg.png) top repeat-x;
	height:224px;
}

#banner-container{
	width:900px;
	height:137px; 
	/*padding:10px 0 10px 0;*/
	overflow:hidden;
}

/* =========== MENU ===================*/
#menu-bg{
	height:94px;
}

#menu-container{
	background:url(../images/baby-bottom.png) no-repeat top right;
	/*background:url(../images/menu-bg.png) top right no-repeat;*/
	width:900px;
	height:55px;
}

div.menu{
	/*background:url(../images/menu-bg.png) top repeat;*/
	height:55px;
	overflow:hidden;
	text-align:right;
}


div.menu ul{
    list-style: none;
	line-height: 55px;
}

div.menu li{
	list-style:none;
	display: inline;
	float:left;
	display:inline-block;
}

div.menu ul li a{
	background:url(../images/menu-bg.png) repeat-x top;
    float: left;
    display: inline;
	font-weight:bold;
    padding: 0 10px 0 10px;
    line-height:55px;
    /*border-right: 1px solid #FE8D43; 
    border-left: 1px solid #424242;*/
    color: #424242;
    text-decoration: none;
}

div.menu ul li a.first{
    border-left: 0;
	padding: 0 10px 0 40px;
	background: url(../images/menu-bg-left.png) no-repeat top left;
}

/*div.menu ul li a.last{
    border-right: 0;
	padding: 0 40px 0 10px;
	background: url(../images/menu-bg-right.png) no-repeat top right;
}
*/
div.menu ul li.last{
    border-right: 0;
	padding: 0 20px 0 0;
	width:156px;
	background: url(../images/menu-bg-right.png) no-repeat top right;
}

div.menu ul li a:hover, div.menu ul li a.active{
    background: url(../images/menu-bg-orange.png) repeat-x top;
    /*color: #FE802C;*/
}

div.menu ul li a.first:hover, div.menu ul li a.active{
    background: url(../images/menu-bg-left-orange.png) no-repeat top left ;
	/*color: #FFFFFF;*/
}

/*div.menu ul li a.last:hover, div.menu ul li a.active{
    background: url(../images/menu-bg-right-orange.png) no-repeat top right ;
}*/

/* ================ BODY =============== */
#body-bg{
	padding:0;
	/*padding-bottom:40px; #f7f7f7*/
	background: #f7f7f7 url(../images/body-bg.png) repeat-x top;
}

#body-container{
	/*background: #f7f7f6 url(../images/body-bg.png) repeat-x top;
	border-top:none;*/
	
	/*border:#e3e3e3 1px solid;*/
	width:880px;  
	overflow:hidden;
	padding: 10px;
	text-align:left;
}

h1{
	color:#ff6600;
	padding-bottom:10px;
	
	text-transform:capitalize;
	font-family:'sans-serif', 'Georgia', 'Century', 'MS Serif', 'Times New Roman','Helvetica';
}

h1 span{
	color:#3399ff;
}

p{
	line-height:17px;
	font-size:13px;
	color:#000;
	/*text-align:justify;*/
}

#footer{
	/*background:#292d35 url(../images/line_buttom.gif) top repeat-x;*/
	background:#292d35;
	border-top:#000000 solid 4px;
	padding-top:25px;
	margin-bottom:0;
	color:#fff;
}

#footer-container{
	width:900px;
	overflow:hidden;
}


/*===========================FOOTER MENU====================*/
div.footer-menu{
	height:35px;
	overflow:hidden;
	padding-top:5px;
	text-align:left;
}


div.footer-menu ul{
    display: inline-block;
	height:15px;
}

div.footer-menu li{
	display: inline;
	height:15px;
}

div.footer-menu ul li a{
	list-style: none;
	float: left;
	font-size:11px;
	border-right:#DDD 1px solid;
	border-left:#111 1px solid;
	font-family:Arial, Helvetica, sans-serif;
    display: inline;
	padding: 0 6px 0 6px;
	line-height:12px;
    color: #646464;
    text-decoration: none;
}

div.footer-menu ul li a.first{
    border-left: 0;
	padding-left: 0;
}

div.footer-menu ul li a.last{
    border-right: 0;
}

div.footer-menu ul li a:hover, div.menu ul li a.active{
    color: #09F;
	text-decoration: underline;
}

div.copy{
	width:300px;
	height:100px;
	float:left;
	text-align:left;
	line-height:20px;
}


div.powered{
	width:300px;
	float:right;
	text-align:right;
	line-height:20px;
}

div.copy a, div.powered a{
	text-decoration:none;
	color:#fff;
}

div.copy a:hover, div.powered a:hover{
	text-decoration:none;
	color:#09F;/*#ff6600;*/
}

div.powered a.mail{
	background:url(../images/emailButton.png) no-repeat 0 1px ;
	padding-left:17px;
}

h2{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	letter-spacing:normal;
	text-transform:uppercase;
	color:#000;
	line-height:20px;
}

.bold{
	font-weight:bold;
}

.blue{
	color:#09F;
	line-height:27px;
	vertical-align:baseline;
}

.faq ol li{
	line-height:16px;
	background:url(../images/question.png)  0 0 no-repeat;
	padding-left:16px;
	list-style:none;
	vertical-align:bottom;
}

.faq-summary ul li {
	background:url(../images/red-dot.png)  0 5px no-repeat;
	list-style:none;
	line-height:17px;
	padding-left:10px;
	margin-left:3px;
	text-decoration:none;
}

.faq-summary ul li a{
	text-decoration:none;
	color:#2e92f5; /*3399ff; /*#c2e2ff; 292d35;*/
}

.faq-summary ul li a:hover{
	text-decoration:none;
	color:#f85320; /*993333;*/
}

/*.contact ol li{
	list-style:none;
	padding-top:5px;
}

.contact ol li span{
	width:155px;
	display:inline-block;
}


.contact ol li input[type='text']{
	border: #999999 1px solid;
	color:#000000;
	padding:2px;
	width:200px;
}

.contact ol li textarea{
	border: #999999 1px solid;
	color:#000000;
	padding:2px;
}

.contact ol li input[type='submit']{
	width:100px;
	padding:2px;
}

.contact ol li span.asterisk{
	color:#D00;
	padding-top:5px;
	padding-left:3px;
	display:inline-block;
	vertical-align:top;
	width:5px;
}*/

.contact-detail ol li{
	list-style:none;
	line-height:18px;
	font-size:13px;
}

.contact-detail ol li span{
	width:90px;
	display:inline-block;
	font-weight:800;
}

.contact-detail a{
    text-decoration: underline;
	color:#444;
}

.contact-detail a:hover{
	color: #09F;
	text-decoration: underline;
}

.buy-exam-papers ol li {
	list-style:none;
	background:url(../images/bullet.jpg) no-repeat 8px 8px;
	padding: 0 0 0 18px;
	line-height:20px;
}

.assignment ol li{
	list-style:none;
	background:url(../images/bullet.jpg) no-repeat 8px 8px;
	padding: 0 0 0 18px;
	line-height:20px;
}

.assignment ol li span{
	width:130px;
	display:inline-block;
	font-weight:600;
	
}


/*.engageatutor ol li{
	list-style:none;
	padding-top:5px;
	float:left;

}

.engageatutor ol li span{
	width:190px;
	display:inline-block;
	vertical-align:top;
}


.engageatutor ol li input[type='text']{
	border: #999999 1px solid;
	color:#000000;
	padding:2px;
	width:300px;
}

.engageatutor ol li span.asterisk{
	color:#D00;
	padding-left:2px;
	padding-top: 5px;
	display:inline-block;
	vertical-align:top;
	width:5px;
}*/

.small-font{
	color:#D00;
	font-size:11px;
}
 
/*.engageatutor ol li textarea{
	border: #999999 1px solid;
	color:#000000;
	padding:2px;
	width:300px;
}

.engageatutor ol li input[type='submit']{
	width:100px;
	padding:2px;
}*/

.remark {
	font-size:11px; 
	line-height:13px; 
	color:#444;
}

.remark a{
    text-decoration: underline;
	color:#444;
}

.remark a:hover{
	color: #09F;
	text-decoration: underline;
}


/*==================== Form its elements and error display ==================*/
form h2{
	/*font-weight: 700;*/
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2em;
	border-bottom: 1px dotted #6b9ef1;
	color: #5f95ef;
	margin-bottom: 1em;
	text-transform:capitalize;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
}

form ol li{
	list-style:none;
	padding-top:5px;
}

form ol li span{
	margin-left: 5px;
	color: #b1b1b1;
	font-size: 11px;
	font-style: italic;
}

form ol li span.error{
	color: #e46c6e;
}

form label{
	display: block;
	color: #797979;
	font-weight: 700;
	line-height: 1.4em;
}

form input[type='text']{
	width: 220px;
	padding: 5px;
	color: #949494;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
}

form input.error{
	background: #f8dbdb;
	border-color: #e77776;
}

form textarea{
	width: 550px;
	height: 70px;
	padding: 5px;
	color: #adaeae;
	font-family: Arial,  Verdana, Helvetica, sans-serif;
	/*font-style: italic;*/
	font-size: 12px;
	border: 1px solid #cecece;
}

form textarea.error{
	background: #f8dbdb;
	border-color: #e77776;
}

form input[type='submit']{
	width:100px;
	padding:2px;
}

#error{
	margin-bottom: 20px;
	border: 1px solid #efefef;
}

/*#error ul{
	list-style: square;
	padding: 5px;
	font-size: 11px;
}
#error ul li{
	list-style-position: inside;
	line-height: 1.6em;
}
#error ul li strong{
	color: #e46c6d;
}
#error.valid ul li strong{
	color: #93d72e; }*/
	
.message-error{
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #e77776;
	background: #f8dbdb;
	line-height: 1.6em;
	font-size: 11px;
	/*font-weight:bold; */
	font-style:italic;
	color:#db3a3a;
	
	 

}

.message-info{
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #66ffff;
	background: #ccffff;
	line-height: 1.6em;
	font-size: 11px;
	/*font-weight:bold; */
	font-style:italic;
	color:#33cccc;
	
}

.asterisk{
	color:#D00;
	font-weight:bold;
}
/*========================end*/


/*=============== sof google search =================*/
.google-search{
	width:10px;
	padding:2px;
	
}
/*=============== eof google search =================*/