* {margin: 0; padding: 0;}

body {
	font: 12px;
	width: 100%;
	text-align: center;
	color: #585855;
	background: #5fa6d8 url(i/02.gif) repeat-x top;
	margin: 0; padding: 0;
	font-family: Verdana;
}

a:link, a:visited, a:active, a:hover {color: #1285d7; text-decoration: underline; font-weight:bold}
a:hover { color: #825dd2}

img {border: none; vertical-align: middle;}
select, input{vertical-align: middle;}
ul li{list-style: none;}
.clear{ clear: both;}

#wrapper {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	background: url(i/01.jpg) no-repeat center top;
}
#wr {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: #fafafa;
	clear:both
}
#header {
	height: 160px; width: 1000px;
	background: url(images/header_bg.jpg) no-repeat top;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}

#header #title{ 
	font-family: "Times New Roman",;
	color: #FFFFFF;
	width: 400px; padding: 0;
}
#header #text{width: 500px; height: 117px; background: url(i/03.jpg) no-repeat top; float: right; font: Verdana; font-size:12px; color: #ffffff}
#header #text p{ margin: 15px}
#header #text p{ *margin: 15px 15px 0 15px}
#header #text .book{ float: right; margin: 0 15px 0 15px}
#header #text .book{ float: right; *margin: 0 15px 0 15px}
#header #title h2{font-size: 36px; font-weight:bold; padding: 0; margin: -20px 0 0 15px; font-family: "Times New Roman"}
#header #title h1{font-size: 58px; font-weight:bold; padding: 0; margin: 0 0 0 15px;font-family: Times New Roman}

#header .top_menu{ padding: 0; font-size: 24x; font-weight: 700; color: #ffffff; text-transform: uppercase; height: 43px; clear: both; overflow: hidden; background: url(i/04.gif); font-family: "Times New Roman"}
#header .top_menu{ *padding: 0; }
#header .top_menu li{ background: url(i/04.gif); display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; position: relative; z-index: 99; *margin: 0 5px 0 0; }
#header .top_menu li span{ padding: 10px 20px 6px 20px; display: block; }
#header .top_menu li span{ *padding: 10px 20px 4px 20px; }
#header .top_menu li span a:link, #header .top_menu li span a:visited, #header .top_menu li span a:active, #header .top_menu li span a:hover {color: #ffffff; text-decoration: underline; display: block;}
#header .top_menu li span a:hover { color: #ffffff; text-decoration: none; background: #9177c9}

#cont{ margin: 2px 0 0 0}
#left{ width: 50%}
#left .tit{ font-weight:bold; color: #ffffff; background: #737da8;}
#left .tit h3{ font-size:18px; padding: 8px 0px 8px 15px}
.pay{ padding: 8px; background: url(i/05.gif) repeat-x top; clear:both}
.pay a img{ width: 240px; height: 180px; border: 1px solid #5fa6d8}
.pay a:hover img{ width: 240px; height: 180px; border: 1px solid #825dd2}
.pay .p_text { width: 235px; float: right; font-size: 12px}
.pay .p_text2 { font-size: 12px; margin: 0px 0 10px 0px}
.pay .p_text p{ margin: 0 0 2px 0}
.pay .p_title{ background: url(i/06.gif) no-repeat left; margin: 20px 0 2px 4px; width: 100%; clear:both; font-size:14px}
.pay .p_title p{margin: 0 25px; font-weight:bold; color: #85509e}
.pay .th{ text-align:center; width: 100%}
.pay .th img{ margin: 5px 5px 5px 5px}
.pay .full{ float:right; margin:0 0 20px 0; font-size:12px}
#right{ width: 50%; clear:both}
#right .tit{ font-weight:bold; color: #ffffff; background: #9373a8;}
#right .tit h3{ font-size:18px; padding: 8px 0px 8px 15px}

.free{ padding: 8px; clear:both}
.free a img{ width: 150px; height: 120px; border: 1px solid #5fa6d8}
.free a:hover img{ width: 150px; height: 120px; border: 1px solid #825dd2}
.free .p_text { width: 325px; float: right; font-size: 12px}
.free .p_text p{ margin: 0 0 2px 0}
.free.full{ margin:0 0 20px 0;}
#footer{clear:both; background: url(i/07.jpg); height: 112px; width: 1000px}
#footer p { margin: 5px 20px 0 20px; color:#c2baba; font-size: 12px}
#join{ background: url(i/08.gif) no-repeat left; margin: 10px
}
#join p{ font-family:"Times New Roman"; font-size: 32px; margin: 10px 0 50px 70px}