@charset "utf-8";

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}



body {
	background-image: url(../images/tutor_bg.jpg);
	background-repeat: repeat-y;
	background-position:center;
	background-color: #E7E7E7;
	font-family:"MS Sans Serif","MS Serif", "New York";
	font-size:14px;
	margin-left: 1px;
}




a {text-decoration:none; color:#09F;}
a:hover {color:#06F; cursor:pointer;}
a img {border:0;}
ul, li {list-style:none;}
body h1 {font-size:18px;}


<!-- Top Menu -->
.topmenu {height:140px;width:800px; padding:0 0 10px 0;}
.topmenu ul {position:relative; z-index:99;    margin:0; padding:0 45px 0; }
.topmenu li {width:100px; float:left; padding:5px 0  5px; text-align:center;}
.topmenu li strong {padding:0; font-weight:normal; text-align:center; display:block; position:relative;}
.topmenu li a {color:#999999; font-size:12px;}
.topmenu li a:Hover {color:#333;text-decoration:none;}
.topmenuico {position:relative; z-index:9;}
.topmenuico:hover {background-color:transparent; z-index: 50;}
.topmenuico:hover img.mini {visibility:hidden;}
.topmenuico:hover li {width:100px;}
.topmenuico span {position:absolute; left:-1500px; visibility: hidden; cursor:pointer;}
*html body .topmenuico:hover span {visibility: visible; top:-36px; left:-18px;}
html>body .topmenuico:hover span {visibility: visible; bottom:0px; left:-18px;}


<!-- List Menu -->
.menulist {}
.menulist ul {position:relative; width:162;}
.menulist li {font-size:12px; background:url(../images/menuleft_body.jpg); float:left;}
.menulist a {color:#999;}
.menulist a:hover {color:#333; text-decoration:none;}
.menulist li strong {padding:10px 0 0 30px; font-weight:normal; text-align:left; display:block;  position:relative; width:132px; height:25px;}
.menulist li strong:Hover {font-weight:bold; cursor:pointer;}

.hilight { width:300px; height:200px; border:solid thin; border-color:#CCC;}
.hilight ul {position:relative; width:150px; float:left;}
.hilight li {position:relative; width:150px; margin:10px 0 10px 0;}
.hilight img {position:absolute;}
.hilight strong {font-weight:normal; text-align:left; display:block; width:95px; height:50px; padding-left:55px; font-size:12px;}
.hilight a {color:#666; text-decoration:none;}
.hilight a:Hover {color:#000; text-decoration:none;}


.login {width:162px; margin:0 0 0 8px;background-image:url(../images/login_body.jpg); background-repeat:repeat-y; font-size:14px;}
.login a {color:#666; text-decoration:none;}
.login a:Hover {color:#000;}
.login p {font-size:14px; text-align:center;}

.fronthilightlist{
		margin: 0pt;
		padding: 0pt;
		list-style-type: none;
		display: table;
	}
.fronthilightlist li{
		clear: left;
		float: left;
		margin-top: 5px;
		width: 100%;
	}
.fronthilightlist a{color:#666;}
.fronthilightlist h3{color:#0CC;font-weight:bold;font-size:16px;}
.fronthilightlist div{
		width: 24%;
		display: inline;
		float: left;
		text-align: right;
		margin: 0px 2% 0px 0px;
		padding: 0px;
}
.logo {border-style:solid; border-width:1px; border-color:#0CC; BORDER-COLLAPSE: collapse;}

.body1 {width:390px; padding-top:10px;}
.tutor_list {padding-top:10px;}

.register {padding-top:10px; font-size:16px; font-color:#666;}
.register b {font-weight:normal; font-size:12px; color:#CCC;}
.register td.td1 { text-align:right; padding-right:10px; font-size:16px; font-weight:bold; width:30%;}
.register td b {font-weight:normal; font-size:12px; color:#CCC;}
.register td.td2 { font-size:16px;color:#F60;font-weight:bold;}
.register input,texarea,select {font-size:16px;}

.banner {width:170px; height:610px; margin:10px 0 0 10px;};

.post{}
.post select {width:150px;}
.subject td {text-align:left;}
.subject td p {text-align:left;font-size:12px;color:#000;vertical-align:middle;}
.subject td strong {font-weight:bold;};

.tutor_list {font-size:14px;}
.tutor_list td.td1 {width:80px;font-weight:bold;font-size:14px; align:center;}
.tutor_list td.td2 {font-size:14px;}

.link {text-align:center; padding-right:10px;}
.link img {border:1px; margin:10px; vertical-align:middle;}

.find {}
.find a {text-decoration:none;color:#333;}
.find a:Hover {color:#000;}
.find li strong {font-weight:normal; text-align:left; display:block;  position:relative; width:100%; height:12px; font-size:11px;}
.find li strong:Hover {font-weight:bold; cursor:pointer;}

.radio {}
.radio ul {position:relative; padding:0 20px 0 20px;}
.radio li {width:100px; float:left; margin:5px; text-align:center;}
.radio li strong {padding:0; font-weight:normal; text-align:center; display:block; position:relative;}
.radio li a {color:#999999; font-size:12px;}
.radio li a:Hover {color:#333;text-decoration:none;}


#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 390px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
	text-align:center;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}