/* CSS Document */

div, p, ul, h1, h2, h3, h4, img, form, label, table
{
	padding:0px; 
	margin:0px;
}

/*
-------------------------------------------------------
---------------------- GLOBAL -------------------------
-------------------------------------------------------
*/

body
{
	margin:0px; 
	padding:0px; 
	/*background-color:#3A5078;*/
	background-color:#FFC20F;
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#6B6854;
}

h1
{
	color:#128ED5;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
}

h3
{
    font-size:large;
	text-decoration:underline;
}

h4
{
	font-size:13px;
}

h5
{
	font-size:18px;
}

hr
{
	margin: 10px 0px;
	border:none;
	height:1px;
	border-bottom:1px dashed #CCCCCC;
}

a
{
	text-decoration:none;
	color:#6CB5DF;
	font-weight:bold;
}

a:hover
{
/*	background-color: #CCEEFF;*/
	color:#304871;
}

p
{
	margin:10px 0px;
}

.clearPath
{
	clear:both;
}



/*
-------------------------------------------------------
---------------------- HEADER -------------------------
-------------------------------------------------------
*/
 
#headerPan 
{
	width:100%;
	background:url(../images/bg.jpg) 0 0 repeat-x;
}

.headerBody
{
	margin:0px auto; 
	padding:0px;
	width:961px;
	height:156px;
	background:url(../images/bannerTop2.jpg) no-repeat;
}



/*
-------------------------------------------------------
---------------------- BODY ---------------------------
-------------------------------------------------------
*/

#bodyPan
{
	margin:0px auto;
	width:961px;
	height:620px;
	background-color:#fff;
/*	border:1px solid #000;*/
}

/* FOR NON-IE BROWSERS */

html>body #bodyPan
{
	min-height:600px;
	height:auto;
}

/*
-------------------------------------------------------
---------------------- NAVI ---------------------------
-------------------------------------------------------
*/

#naviPan
{
/*	margin:20px 10px 0px 0px;*/
/*	padding:0px;*/
	width:251px;
	float:left;
	margin-bottom: 10px;
/*	border: 1px solid #666;*/
}

#naviPan ul
{
	margin:20px 0px 12px 15px;
	list-style-type:none;
/*	border:1px solid #000;*/
}

#naviPan ul li
{
	width:221px; 
	height:28px;
	font-weight:bold;
	font-size:96%;
	text-transform:uppercase;
	color:#333;
	line-height:28px;
	border-bottom: 1px solid #6CB5DF;
}

#naviPan ul li.navTop
{
	margin:0px;
	height:44px;
	background:url(../images/navTop.jpg) no-repeat;
	border-bottom:0px;
}

#naviPan ul li a
{
	padding: 0px 0px 0px 50px;
	width:171px; 
	background:url(../images/nav.jpg) no-repeat;
	color:#333;
	display:block;
}

#naviPan ul li a:hover
{
	background:url(../images/navHover.jpg) no-repeat;
}

#naviPan ul li a.on
{
	padding: 0px 0px 0px 50px;
	width:171px;
	background:url(../images/navHover.jpg) no-repeat;
}

#naviPan ul li.navBot
{
	border-bottom: 1px solid #D1D1D1;
}
/*
-------------------------------------------------------
--------------------- LEFT TABS -------------------------
-------------------------------------------------------
*/


#GetTutor ,#TutoReg , #LatestA, #Contact
{
  width:220px;
  height: 100px;
  float: left;
  margin: 8px 0px 0px 13px;
  border: 1px  #666666 dotted;
}

#GetTutor a
{
  display: block;
  height: 100px;
  background: url(../images/Leftpanel_GetTutor.jpg);
  background-repeat: no-repeat; 
}

#GetTutor a:hover
{
  display: block;
  background: url(../images/Leftpanel_GetTutorHover.jpg);
  background-repeat: no-repeat; 
}

#TutoReg a
{
  display: block;
  height: 100px;
  background: url(../images/LeftPanels_TutorReg.jpg);
  background-repeat: no-repeat; 
}

#TutoReg a:hover
{
  display: block;
  background: url(../images/LeftPanels_TutorRegHover.jpg);
  background-repeat: no-repeat; 
}

#LatestA a
{
  display: block;
  height: 100px;
  background: url(../images/LeftPanels_LatestA.jpg);
  background-repeat: no-repeat; 
}

#LatestA a:hover
{
  display: block;
  background: url(../images/LeftPanels_LatestAHover.jpg);
  background-repeat: no-repeat; 
}

#Contact a
{
  display: block;
  height: 100px;
  background: url(../images/LeftPanels_Contact.jpg);
  background-repeat: no-repeat; 
}

#Contact a:hover
{
  display: block;
  background: url(../images/LeftPanels_ContactHover.jpg);
  background-repeat: no-repeat; 
}

/*
-------------------------------------------------------
--------------------- CONTENT -------------------------
-------------------------------------------------------
*/
  
#contentPan
{
/*	margin:33px 0px;*/
	padding:0px;
	width:710px;
	height:100%;
	float:left;
/*	background:url(../images/boxTitle.jpg) no-repeat;*/
/*	border: 1px solid #000;*/
}

.box
{
	margin:33px 15px;
	width:677px;
	background:url(../images/boxTitle.jpg) no-repeat;
/*	border: 1px solid #000;*/
}

.boxBody
{
/*	margin:0px 45px;*/
	padding:18px 45px;
/*	border: 1px solid #000;*/
}

.boxBody h1
{
	margin:0px 0px 30px 30px;
}

.boxBody ul
{
	margin:16px 0px 26px 0px;
	list-style-position:inside;
}

.boxBody a.more
{
	margin:0px 0px 20px 0px;
	padding:3px 0px 0px 7px;	
	width:53px;
	height:22px;
	color:#304871;
	display:block;
	text-transform:uppercase;
	font-size:85%;
	font-weight:bold;
	float:right;
	background:url(../images/moreBg.png) no-repeat;
/*	border: 1px solid #000;*/
}

.boxBody a:hover.more
{
	color:#6CB5DF;
}

.boxBody p.question
{
    color:#6633CC;
	font-weight:bold;
}

.boxBody table
{
/*	border:1px solid #666;*/
	border-collapse:collapse;
}

.boxBody table th
{
	background-color: #CBCBFF;
/*	border:1px solid #333;*/
	color:#545;
}

.boxBody table th
{
	background-color: #DCDCFF;
/*	vertical-align:bottom;*/
	border:2px solid #fff;
}

.boxBody table td
{
	background-color:#F0F0FF;
	border-top:2px solid #fff;
	text-align:center;
}

ul.tutorReg
{
	margin: 0px;
	padding: 0px;
}

ul.tutorReg li
{
	margin: 0px;
	padding: 3px 0px;
	float: left;
}

ul.tutorReg li.tutorRegH1
{
	width: 200px;
	font-weight: bold;
	clear: left;
	border-bottom: 1px solid #E9E9E9;
}

ul.listMrt
{
	margin: 0px;
	padding: 0px;
	width: 140px;
	height: 550px;
	float: left;
}

ul.listMrt li
{
	margin: 0px;
	padding: 0px;
	font-size: 85%;
}

ul.listMrt li.listMrtH1
{
	font-weight: bold;
}

ul.listTeachLevel
{
	margin: 0px;
	padding: 0px;
}

ul.listTeachLevel li
{
	margin: 0px;
	padding: 3px 0px;
	float: left;
}

ul.listTeachLevel li.listTeachLevelH1
{
	width: 100px;
	font-weight: bold;
	clear: left;
}

ul.listTeachSubject
{
	margin: 0px;
	padding: 10px 0px;
	clear: left;
	float: left;
	border-bottom: 1px solid #E6E6E6;
}

ul.listTeachSubject li
{
	margin: 0px;
	padding: 0px;
	width: 160px;
	float: left;
}
/*
-------------------------------------------------------
---------------------- FOOTER -------------------------
-------------------------------------------------------
*/


#footerPan 
{
	width:100%;
}

.footerBody
{
	margin:0px auto; 
	padding:0px;
	width:961px;
	height:90px;
	background-color:#6CB5DF;
}

.footerBody ul
{
	width:890px;
	padding:10px 0px;
	margin:0px auto;
	list-style-type:none;
/*	border: 1px solid #000;*/
}

.footerBody li
{
	float:left; 
}

.footerBody ul li a
{
	padding:0 20px 0;
	color:#fff;
	font-size:85%;
	font-weight:bold;
	text-transform:uppercase;
}

.footerBody ul li a.on, .footerBody ul li a:hover
{
	color:#304871;
}	

.footerBody p
{
	color:#333; 
	text-align:center;
	margin:10px 0px 0px 0px;
	font-size:85%;
}

.footerBody p a
{
	color:#fff;
}

.footerBody p a:hover
{
	color:#304871;
	font-weight:bold;
}

fieldset.formSend
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

.formSend legend
{
	color: #000000;
}

.formSend ul li
{
   margin: 0px 10px 0px 10px;
   list-style:none;
}
	
.formSend ul li.formLabel
{
    margin: 0px 10px 3px 10px;
}	
	
.formSend ul li.formInput
{
    margin: 0px 10px 8px 10px;
}

.formSend p.msgError
{
	padding: 0px 10px 0px 10px;
	color:#FF0000;
	font-weight:bold;
}

html> .formSend p.msgError
{
	padding: 0px 20px 0px 10px;
	color:#FF0000;
	font-weight:bold;
}

.formSend label.labelError
{
	color:#FF0000;
	font-weight:bold;
}