/*basic*/
body {
	font-size: 12px;
	color: #333;
	background:#23273D;
	text-align: center;
	margin: auto;
	padding: 0px 0px 10px;
	letter-spacing: 1px;
}
h1{
	font-size: 18px;
	margin: 0px 15px 5px;
	border-bottom: 1px solid #3D4C77;
	padding: 0px;
	color: #3D4C77;
}
h2{
	font-size: 15px;
	font-weight: bold;
	padding: 0px 0px 5px;
	margin: 0px;
	color:#3D4C77;
}
th{
	padding: 5px;
	background-color: #4761A9;
	color: #FFFFFF;
	text-align: center;
}
td{
	padding: 5px;
}
strong{color: #3D4C77;}

/*style*/
.topFrame{
	background: url(../imgs/top.jpg);
	width: 780px;
	height: 100%;
	margin: auto;
	text-align: left;
	display: none;
}
.photoFrame{
	background: #FFFFFF;
	width: 780px;
	height: 100%;
	margin: auto;
}
.Menu{
	width: 780px;
	margin: auto;
	padding: 0px;background: #FFFFFF;
}
.Menu ul  {
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
				}
	.Menu li  {float: left;}
	.Menu li a{
			width: 130px;
			height: 50px;		
			display: block;
			text-indent: -3000px;
			font-size: 1px;
		}
			.Menu li.MM1 a       {background: url(imgs/menu.gif) 0px 0px;}
			.Menu li.MM1 a:hover {background: url(imgs/menu.gif) 0px 50px;}
			.Menu li.MM2 a       {background: url(imgs/menu.gif) 650px 0px;}
			.Menu li.MM2 a:hover {background: url(imgs/menu.gif) 650px 50px;}
			.Menu li.MM3 a       {background: url(imgs/menu.gif) 520px 0px;}
			.Menu li.MM3 a:hover {background: url(imgs/menu.gif) 520px 50px;}
			.Menu li.MM4 a       {background: url(imgs/menu.gif) 390px 0px;}
			.Menu li.MM4 a:hover {background: url(imgs/menu.gif) 390px 50px;}
			.Menu li.MM5 a       {background: url(imgs/menu.gif) 260px 0px;}
			.Menu li.MM5 a:hover {background: url(imgs/menu.gif) 260px 50px;}
			.Menu li.MM6 a       {background: url(imgs/menu.gif) 130px 0px;}
			.Menu li.MM6 a:hover {background: url(imgs/menu.gif) 130px 50px;}




.menuFrame{
	background: #2A3553;
	width: 780px;
	height: 100%;
	margin: auto;
}
.mainFrame{
	background: #FFFFFF;
	width: 780px;
	height: 100%;
	margin: auto;
	padding: 10px 0px 20px;
}
.left{
	width: 200px;
	height: 100%;
	float: left;
	text-align: left;
	padding-left: 10px;
}
.left ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.left li{
	padding: 10px 20px;
	border-top: 1px dashed #3D4C77;
	margin-top: auto;
	margin-right: 4px;
	margin-bottom: auto;
	margin-left: 5px;
	background-color: #D6D3FC;
}
.left li a{
	color: #333;
	text-decoration: none;
}
.left li a:hover{
	text-decoration: underline;
}

.mpainfo{padding:0px 15px;}
.mpainfo td{padding:0px;}



.right{
	width: 570px;
	height: 100%;
	float: left;
	text-align: left;
	color:#666666;
	font-size: 13px;
	line-height: 1.5;
}
.right a{
	color: #3D4C77;
	text-decoration: none;
}
.right a:hover{
	text-decoration: underline;
}
.right ul{
	margin: 0px;
	padding: 0px 25px;
}
.right li{

}
.tableR th{
	text-align: center;
	margin: 0px;
	padding: 10px;
	background-color: #50639B;
	color: #FFFFFF;
}
.tableR td{
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.tableR td a{

}
.right td a:hover{

}
.tool{
	padding-top: 10px;
	padding-left: 0px;
	margin: 0px 25px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.downFrame{
	background: #FFFFFF url(../imgs/down.jpg);
	width: 760px;
	height: 113px;
	padding: 25px 0px 0px 20px;
	color: #999999;
	text-align: left;
	line-height: 1.5;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

/* class list */
.class_list{
	background-color: #FFF;
	width: 950px;
	margin: 0px;
	padding: 10px;
}
.class_list th{background-color: #FFF;padding: 10px 5px;}
.class_list td{
	background-color: #FFF;
	padding: 10px 5px;
	text-align: left;
}