﻿/* ========== 全局CSS ====== */
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: center;
	background: #000 url(red/gray_black_bg.jpg) repeat-x;
}
img, form, div {
	margin: 0;
	padding: 0;
	border: 0;
}
select, input, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
th, tr, td, table {
	font-size: 12px;
}
p {
	margin: 12px 0;
	padding: 0;
	line-height: 180%;
	color: #666;
}
/* 通用链接颜色 */
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #f00;
	text-decoration: underline;
}
a:active {
	color: #333;
	text-decoration: none;
}
/* 区块上下间隔 */
.clear {
	clear: both;
}
/* 页面布局 */
#container {
	padding: 0;
	margin: 0 auto;
	width: 838px;
	height: 100%;
	text-align: left;
	background: url(red/left_border.jpg) no-repeat 0 0; 
}
#containerR {
	padding: 0;
	margin: 0 auto;
	width: 838px;
	height: 100%;
	text-align: left;
	background: url(red/right_border.jpg) no-repeat right 0; 
}
#header {
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 780px;
	height: 228px;
	background: #fff url(red/head_bg.gif) no-repeat 0 0; 
}
.headerbr {
	clear: both;
}
#main {
	padding: 0;
	margin: 0 auto;
	width: 780px;
	height: auto;
	background: #fff url(red/main_bg.gif) repeat-y 188px top;
}
.mainbr {
	clear: both;
}
#mainleft {
	float: left;
	padding: 20px 0 0 0;
	margin: 0;
	width: 188px;
	height: auto;
	background: #fff;
}
#maincontent {
	float: right;
	padding: 12px 10px;
	margin: 0;
	width: 572px;
	height: auto;
	background: url('red/maininside_h1_bg.gif') 1px 0 no-repeat;
}
#footer, #footerinside {
	padding: 0 0 20px 0;
	margin: 0 auto;
	width: 780px;
	height: auto;
	color: #999;
	font-size: 1em;
	background: #f7f8f9;
}
#footerinside {
	background: #fff;
}
.footerbr {
	clear: both;
}
