﻿p {
	margin:0;
	padding:0;
	line-height:180%;
	margin-bottom:15px;
}
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
}
#main_box {
	width:850px;
	margin:0 auto;
	padding:20px 0;
}
.ClassMenu {
	float:left;
	position:relative;
	width:216px;
	padding-top:50px;
}
.ClassMenu ul {
	color:#333;
	text-decoration:none;
}
.ClassMenu li {
	list-style:none;
	color:#333;
	width:auto;
	line-height:140%;
	height:26px;
	text-align:right;
	padding:10px 40px 0 0;
	margin-bottom:10px;
	text-decoration:none;
	cursor:pointer;
	background: url(images/class_menu.jpg) left top no-repeat;
}
.ClassMenu li:hover {
	background: url(images/class_menu.jpg) left -72px no-repeat;
	color:#fff;
}
.ClassMenu li.active {
	background: url(images/class_menu.jpg) left -36px no-repeat;
	color:#fff;
	font-weight:bold;
	padding-right:35px;
}
.Class_Content {
	float:left;
	width:634px;
	margin-left:-20px;
	z-index:-1;
}
.Class_Content_Header {
	float:left;
	width:617px;
	height:15px;
	background:url(images/Class_Content_Header.jpg) top left no-repeat;
}
.Class_Content_bg {
	float:left;
	width:560px;
	height:auto;
	min-height:400px;
	padding:10px 27px 10px 30px;
	background:url(images/Class_Content_Bg.jpg) top left repeat-y;
}
.Class_Content_bg li { list-style-type:decimal;}
.Class_Content_Footer {
	float:left;
	width:617px;
	height:15px;
	background:url(images/Class_Content_Footer.jpg) top left no-repeat;
}
.Class_Content_bg h1 {
	font-weight:bold;
	font-size:12px;
	margin:0px;
	padding:0;
	padding-bottom:5px;
	padding-left:2px;
	margin-bottom:5px;
	background:url(images/title_line.jpg) bottom left no-repeat;
}
.Class_Content_bg p {
	padding-left:22px;
	margin-bottom:20px;
}

.big {
	margin-bottom:5px !important;
}
.small {
	padding-left:58px !important;
	margin-bottom:5px !important;
}

.Class_Content_bg span {
	padding-left:20px;
}
.house {
	float:left;
	width:540px;
	margin:10px 0 10px 10px;
}
.house_title {
	float:left;
	width:520px;
}
.house_content {
	float:left;
	width:450px;
	padding: 10px 20px 10px 50px;
	line-height:180%;
	background:url(images/house_content.jpg) bottom left no-repeat;
}
.notice {
	float:left;
	width:450px;
	height:60px;
	padding:20px 10px 20px 60px;
	margin: 10px 0 20px 20px;
	line-height:180%;
	background:url(images/notice.jpg) bottom left no-repeat;
	color:#990000;
}

.faq_header {
	float:left;
	width:794px;
	height:15px;
	background:url(images/faq_header.jpg) top left no-repeat;
}
.faq_content {
	float:left;
	width:794px;
	height:auto;
	min-height:400px;
	padding:20px 0px 10px 0px;
	background:url(images/faq_content.jpg) top left repeat-y;
}

.faq_content ul { margin:0; padding:0;}
.faq_content ul li { list-style:none; margin:0; padding:0; padding-left:65px;}
.faq_content ul li h2 { color:#333; font-size:12px; font-weight:bold; margin:0 30px 5px 30px; padding:2px 0 5px 30px; background:url(images/faq_q.jpg) left top no-repeat;}
.faq_content ul li p {	color: #666; font-size:12px; font-weight: normal;	line-height: 150%; margin:0 30px 15px 30px; padding-left:30px; background:url(images/faq_a.jpg) left top no-repeat; }

.faq_footer {
	float:left;
	width:794px;
	height:15px;
	background:url(images/faq_footer.jpg) top left no-repeat;
}
#Viewtable {
 border:1px solid #990000;
 background-color:#fff;
 padding:0;
 width:828px;
}

#Viewtable .thead td, #Viewtable th { background: url("images/thead.jpg") repeat-x center; text-align:center; color:#fff; height:30px; margin:0; padding:0;}
#Viewtable .tbody, #Viewtable td { text-align:center; color:#666; padding:8px; line-height:200%; text-align:left;}
#Viewtable .tbody:hover {background-color:#FEFDEC !important;}

.big_title { color:#990000; font-size:14px; font-weight:bold; text-align:center; margin:10px 0 20px; line-height:50px;}
.subject { text-align:center !important; font-weight:bold; color:#333 !important;}
