body {
background: url("../background/background.jpg");
color: #808080;
font-family: Arnoldboecklin, Comic Sans MS;
font-weight:bold;
text-align: center;
margin-left: 100px;
margin-right: 100px;

}

#middle {
	min-width: 1900px;
	display: inline-block; 
}
/*===================================================*\
 *                                                   *
 *   Layout											 *
 *                                                   *
\*===================================================*/

.wrapper {
  width: 100%; /*页面总宽度*/
  margin: 0 auto; /*水平居中*/
  text-align: left; /*重置文本对齐方式*/
}

.header {
  margin-bottom: 5px; /*顶部与主内容垂直间距，可自行修改*/
}

.header h1 {
width: 100%;
text-align: center;
font-size: 24px;
}

.sidebar {
  width: 230px; /*左边栏宽度，可自行修改*/
  margin-right: 20px; /*边栏间距，可自行修改*/
  display: inline; /*防止IE6双边距*/
  float: left;
  margin-bottom: 5px; /*边栏与footer之间的垂直间距，可自行修改*/
}

.main-content {
  min-width: 700px; /*主内容宽度*/
  display: inline; /*防止IE6又边距*/
  float: left;
  margin-bottom: 5px; /*主内容与footer之间的垂直间距，可自行修改*/
}

.footer {
  clear: both; /*清除浮动，非常重要，不可缺少*/
}

/*===================================================*\
 *                                                   *
 *   Style                    					     *
 *                                                   *
\*===================================================*/

h1 {
text-align: left;
}

h3 {
text-align: left;
}

.header {
	background-color: #FFF;
  text-align: center;
  height: 220px;
  margin-bottom: 30px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  clear: both;
  width: 1200px;
}

.header p {
color: gray;
font-size: 10px;
padding: 10px;
}

.imageleft {
margin-left: 250px;
margin-right: 0px;
float: left;
}

.imageright {
margin-right: 250px;
margin-left: 0px;
float: right;
}

.sidebar {
  height: 1050px;
  background-color: #FFF;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 5px;
  width: 250px:
}

.sidebar h2 {
font-size: 16px;
border-bottom: 1px solid;
color: #000;
}

.sidebar h3 {
font-size: 14px;
color: #808080;
margin-top: 10px;
margin-bottom: 0px;
}

.sidebar ul { 
font-size: 12px;
margin-top: 0px;
text-align: left;
color: #D3D3D3;
list-style-image: url('../logo/list1.gif');
}

.main-content table, td, th{
border: 1px solid black;
padding: 5px;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

.main-content table{
width: 100%
}

.main-content td{
width: 200px;
  height: 250px;
  }

.main-content {
  background-color: #FFF;
  height: 1050px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-bottom: 5px;
  padding: 10px;
left: 200px;
}


#footer {
clear: both;
text-align: center;
  height: 75px;
  background-color: #FFF;
  margin-top: 5px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  bottom: 0;
  width: 1200px;
}

#footer h4{
color: #808080;
font-size: 20px;
}

a {
text-decoration: none;
}

a:link    {color:#FFB6C1;}
a:visited {color:#FF69B4;}
a:hover   {color:#F08080;}
a:active  {color:#E9967A;}