* {
	margin: 0;
	padding: 0;
}

body{
text-align:center;
background-color:#282828;
}
img {
border:0;
}
table {
  border:0;
}

#header {
margin:0 auto;
background-image: url(../images/headbg.gif);
background-repeat : repeat-x;
width:940px;
}

#tail {
margin:0 auto;
background-color: #000;
width:940px;
}

#tail {
margin:0 auto;
background-image: url(../images/footbg.jpg);
background-repeat : repeat-x;
width:940px;
}

#content {
margin:0 auto;
background-color: #FFF;
padding:10px;
width:920px;
}
#content .title {
padding:8px 0;
border-bottom:1px dotted #000;
margin-bottom:5px;
text-align:center;
color:#000
}
#content .detail {
width:586px;
border:1px solid #C7C7C7;
margin-top:10px;
padding:10px;
height:362px;
}
#nav{
width:940px;
height:37px;
margin:0 auto;
color:#FFF;
font-size:13px;
}

.nav, .navline {
font-weight:bold;
float:right;
color:#000;
height:37px;
line-height:37px;
}
.nav{
padding-left:8px;
padding-right:8px;
color:#000;
}
.navline{
padding-left:2px;
padding-right:2px;
}
.nav a{
text-decoration:none;
color:#000;
}
.nav a:hover{
text-decoration:none;
color:#FFF;
}
.curr a{
color:#A9A9A9;
}

#logo{
float:left;
}
.logo {
  margin:0 auto;
  border:0;
  width:940px;
  background-image:url(../images/logobg.gif)
}
#main{
width:952px;
height:340px;
margin-top:8px;
margin-bottom:8px;
background-color:#FFF;
text-align:left;
}
#main .title {
background-image:url(../images/maintitle.jpg);
width:266px;
height:29px;
color:#FFF;
font-size:12px;
text-align:center;
line-height:2.5em;
}

.clear{
clear:both;
}

#list{
margin-bottom:16px;
text-align:left;
}

#list .indexdetail {
float: left;
padding-left:16px;
padding-right:16px;
width:272px;
height:240px;
border-right:1px solid #000;
}

#list .indextitle {
width:272px;
height:28px;
margin-bottom:5px;
text-align:center;
background-color:#B7DDA2;
line-height:28px;
font-weight:bold;
}
#list .title img{
margin-top:5px;
margin-left:5px;
border:0;
}
#list .title .manager{
padding-left:5px;
font-size:13px;
color:#FFF;
padding-top:6px;
}
#list listimg{
width:178px;
font-size:12px;
}

#footer{
width:940px;
height:40px;
padding-top:10px;
color:#7A7A7A;
margin:0 auto;
font-size:12px;
line-height:1.2em;
}

#left {
float:left;
text-align:left;
padding-right:10px;
color:#B2B2B2;
text-decoration:none;
font-size:13px;
line-height:1.7em;
color:#000;
}

.detail {
height:262px;
}

#left .curr {
background-color:#000;
color:#FFF;
}

#left a{
text-decoration:none;
color:#000;
font-size:13px;
line-height:1.8em;
}
#left a:hover{
background-color:#000;
color:#FFF;
}

#right {
float:right;
}

.textcenter, .textleft, .textright {
font-size:12px;
line-height:1.5em;
}
.textleft {
text-align:left;
}
.textright {
text-align:right;
}
.leftnav {
font-size:13px;
text-decoration:none;
color:#000;
font-weight:bold;
}

ul {
  list-style-position:inside;
}
ul li {
margin-left:10px;
line-height:20px;
}

#friend {
  border:1px solid #000;
  margin:0 auto;
  margin-top:20px;
  width:918px;
  height:117px;
  background-image:url(../images/friendbg.gif);
  display:table-cell;
  text-align:center;
}
span {
  color:#000;
  font-weight:bold;
}

.indexlist {
  margin:10px 18px;
  width:272px;
  float:left;
  padding:0px;
  border:0;
}