<html>
<head>
<style type="text/css">

body { margin-left: 0px;
margin-top: 0px;
margin-right: 0px;}

h1 {font-family: Verdana; font-size: 1.1em;  text-align: left; color:#6734FF;}
h2 { font-size:12pt; line-height: 16pt;font-family: sans-serif; text-align: center; color:#000000;}
h3 {font-family: verdana; font-size: 0.75em; color:#000000;}

h4 {font-family: sans-serif; font-size: 0.9em; text-align: center;  color:#000000;}  
h5 {font-family: sans-serif; font-size: 1.1em;  color: #75AED9; text-align: left;}  
h6 {font-family: sans-serif;
font-size: 1.2em; color:#C0C0C0; text-align: center;}

table { font: .9em verdana; color: #000000;}

td, th { text-align: right; border-bottom: 2px solid #E8D1A5;}

A:hover {color:#5AB1E7;}


A:link {font-family: Franklin Gothic Book; font-size: 1.0em;  text-align: left; font-weight:bold; color:#C7982E;}

A:visited {font-family: Franklin Gothic Book; font-size: 1.0em;  font-weight:bold; text-align: left; color:#C7982E;}

a.menu {
	font-size: .9em;
	color: #000000;
	font-family: Franklin Gothic Book;
	text-decoration: none;
	margin-bottom: 1px;
	background-color:#F7F0E0;
	padding: 1px;
	width: 120px;
	height: 20px;
	text-align: right;}

a.menu:link {
	font-size: .9em;
	font-family: Arial;
	color: #000000;
	text-align: right;
	background-color:#F7F0E0;}
	
a.menu:visited {
	font-size: .9em;
	font-family: Arial;
	text-align: right;
	color: #000000;
	background-color:#F7F0E0;}

a.menu:hover {
	font-size: .9em;
	font-family: Arial;
	text-align: center;
	color:#000000;
	background-color:#F7F0E0;
	width: 120px;}

a.menu:active {
	font-size: .9em;
	text-align: center;
	color: #000000;
	background-color: #F7F0E0;}

div {
display: block;
position: absolute;
border: 10px single #808080;
color: #808080;
text-align:left;
font-family: sans-serif;}




div.topback{font-size: 1.1em;
line-height: 1.2em;
text-align: left;
z-index:3;
left:40px;
top: -5px;
width: 1000px;
height: 15px;
color:#000000;}

div.four {font-size: 1.0em;
line-height: 1.2em;
text-align: left;
z-index:1;
left:0px;
top: 0px;
width: 350px;
height: 1000px;
color:#F7F0E0;
background-image: url(images/leftside.jpg);
}



div.nav {font-size: 1.0em;
line-height: 1.2em;
text-align: left;
z-index:3;
left:0px;
top: 240px;
width: 287px;
height: 415px;
color:#154569;}

div.title{font-size: 1.0em;
line-height: 1.2em;
text-align: left;
z-index:1;
left:280px;
top: 80px;
width: 350px;
height: 1000px;
color:#154569;}


div.text1{font-size: 1.0em;
line-height: 1.2em;
font-family: Franklin Gothic Book;
text-align: left;
z-index:1;
left:265px;
top: 240px;
width: 420px;
height: 300px;
color:#000000;}

div.text2{font-size: 0.9em;
line-height: 1.0em;
font-family: Franklin Gothic Book;
text-align: left;
z-index:1;
left:265px;
top: 240px;
width: 700px;
height: 300px;
color:#000000;}

div.month{font-size: .9em;
line-height: 1.2em;
font-family: verdana;
text-align: left;
z-index:1;
left:265px;
top: 240px;
width: 390px;
height: 1000px;
color:#000000;}

div.account{font-size: .9em;
line-height: 1.2em;
font-family: verdana;
text-align: left;
z-index:1;
left:265px;
top: 300px;
width: 390px;
height: 1000px;
color:#000000;}


div.tutorNav{font-size: .9em;
line-height: 1.4em;
font-family: verdana;
text-align: left;
z-index:1;
left:800px;
top: 140px;
width: 290px;
height: 1000px;
color:#000000;}

div.addTutor{font-size: .9em;
line-height: 1.2em;
font-family: verdana;
text-align: left;
z-index:1;
left:285px;
top: 180px;
width: 690px;
height: 1000px;
color:#000000;}

div.photo{font-size: 1.0em;
line-height: 1.2em;
text-align: left;
z-index:3;
left:740px;
top: 120px;
width: 170px;
height: 800px;
color:#000000;}


div.logintext1 {font-size: 1.0em;
line-height: 11pt;
font-family: Franklin Gothic Book;
text-align: left;
color:#000000F;
z-index:3;
left:290px;
top: 170px;
width: 600px;
height: 780px;
padding: 0px;}


div.login2 {font-size: 0.9em;
line-height: 11pt;
font-family: verdana;
text-align: left;
color:#000000;
z-index:3;
left:290px;
top: 210px;
width: 400px;
height: 1300px;
padding: 0px;}

div.studinfo{font-size: 0.9em;
line-height: 11pt;
font-family: verdana;
text-align: left;
color:#57748F;
z-index:3;
left:270px;
top: 190px;
width: 400px;
height: 780px;
padding: 0px;}



div.Tutlog {font-size: 0.9em;
line-height: 11pt;
font-family: verdana;
text-align: left;
color:#000000;
z-index:3;
left:290px;
top: 240px;
width: 400px;
height: 100px;
padding: 0px;}

div.pass_remind {font-size: 1.0em;
line-height: 11pt;
font-family: Franklin Gothic Book;
text-align: left;
color:#000000;
z-index:3;
left:290px;
top: 390px;
width: 300px;
height: 100px;
padding: 0px;}


div.logpass {font-size: 0.9em;
line-height: 11pt;
font-family: verdana;
text-align: left;
color:#000000;
z-index:3;
left:290px;
top: 390px;
width: 480px;
height: 50px;
padding: 0px;}


div.times {font-size: 0.9em;
line-height: 11pt;
font-family: verdana;
text-align: left;
color:#57748F;
z-index:3;
left:550px;
top: 80px;
width: 350px;
height: 780px;
padding: 0px;}


fieldset {
font: .8em verdana;
color: #000000;
width: 400px;
border-bottom: 2px solid #000000;
border-top: 2px solid #000000; 
border-left: 2px solid #000000;
border-right: 2px solid #000000;
}


legend {

color: #000000;
font-family: verdana #000000;
font-weight: bold;
padding: 0px;
width: 40px;

}

label {
line-height: normal;
text-align: right;
color: #000000;
display: block;
margin-right: 0px;
position: relative;
width: 120px;
float: left;
}

label.fieldLabel {
display: inline;
float: none;
}

input.formInputField {
border: solid 1px #666;
background-color: #FFFFFF;
text-align: left;
color: #333;
height: 20px; 
width: 160px;
border: solid 1px #E8D1A5;}

input.formInputField:hover {
background-color: #ccffff;
border: solid 1px #000000;
color: #000;
}

select.formSelect {
border: solid 1px #f66;
background-color: #E8D1A5;
color: #333;
cursor: pointer;
margin-right: 5px;
margin-bottom: 5px;
padding: 2px;
}

select.formSelect:hover {
background-color: #ccffff;
color: #000;
cursor: pointer;
}

input.formInputButton {
font-family: verdana;
background-color:#E8D1A5;
color: #000000;
cursor: pointer;
font-size: 0.9em;
text-align: center;
width: 68px;
height: 20px;
margin-left: 400px;
margin-top: 0px;
margin-bottom: 0px;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
border-left: 2px solid #000000;
border-right: 2px solid #000000;

}



</style>
