* {
border:0px;
padding:0px;
margin:0px;
}
html,body {
text-align:center;
background-color:#700;
font-size:12px;
font-family:verdana;
}
#page {
width:778px;
height:auto;
margin:0px auto;
}
#head {
width:778px;
height:154px;
float:left;
background:url(../images/bg_title.gif);
}
#nav {
width:778px;
height:154px;
float:left;
background:url(../images/arrow.gif);
background-position:top right;
background-repeat:no-repeat;
}
#nav ul {
padding-top:62px;
}
#nav ul li {
float:left;
width:92px;
list-style:none;
}
#nav ul li a {
display:block;
height:31px;
}
#lang {
float:right;
padding-top:70px;
margin-right:4px;
margin-bottom:2px;
font-size:12px;
font-family:verdana;
font-weight:bold;
}
#lang a {
text-decoration:none;
color:#fff;
}
.home {
background-image:url(../images/nav_home.gif);
}
.home_sel {
background-image:url(../images/nav_home_1.gif);
}
.home:hover {
background-image:url(../images/nav_home_1.gif);
}
.info {
background-image:url(../images/nav_info.gif);
}
.info_sel {
background-image:url(../images/nav_info_1.gif);
}
.info:hover {
background-image:url(../images/nav_info_1.gif);
}
.phylogeny {
background-image:url(../images/nav_phylogeny.gif);
}
.phylogeny_sel {
background-image:url(../images/nav_phylogeny_1.gif);
}
.phylogeny:hover {
background-image:url(../images/nav_phylogeny_1.gif);
}
.members {
background-image:url(../images/nav_member.gif);
}
.members_sel {
background-image:url(../images/nav_member_1.gif);
}
.members:hover {
background-image:url(../images/nav_member_1.gif);
}
.culture {
background-image:url(../images/nav_culture.gif);
}
.culture_sel {
background-image:url(../images/nav_culture_1.gif);
}
.culture:hover {
background-image:url(../images/nav_culture_1.gif);
}
.join {
background-image:url(../images/nav_join.gif);
}
.join_sel {
background-image:url(../images/nav_join_1.gif);
}
.join:hover {
background-image:url(../images/nav_join_1.gif);
}
.contact {
background-image:url(../images/nav_contact.gif);
}
.contact_sel {
background-image:url(../images/nav_contact_1.gif);
}
.contact:hover {
background-image:url(../images/nav_contact_1.gif);
}

#content {
width:778px;
height:auto;
background:#fff;
background-image:url(../images/bg_doc.gif);
background-repeat:no-repeat;
background-position:bottom -35px;
}
#flash {
width:340px;
padding-top:40px;
float:left;
}
#document {
width:438px;
float:left;
margin-top:50px;
}
.doc_title {
width:438px;
height:24px;
text-align:left;
background:url(../images/div_line_1.gif);
}
.doc_1 {
width:358px;
padding:10px 20px 30px 60px;
text-align:left;
line-height:20px;
color:#666;
}
.doc_1 p {
padding-top:10px;
}
.doc_1 a {
text-decoration:none;
color:#900;
}
.doc_1 ul li {
list-style-image:url(../images/arrow_2.gif);
}
.doc_2 {
width:408px;
padding:10px 0 10px 10px;
text-align:left;
line-height:18px;
color:#666;
}
.doc_2 p {
padding-bottom:5px;
}
.doc_2 a {
text-decoration:none;
color:#900;
}
.doc_2 img {
padding-left:20px;
padding-right:20px;
}
.name {
font-size:14px;
}
.big_pic {
width:408px;
text-align:center;
padding-top:30px;
padding-bottom:30px;
}
.record {
width:408px;
margin-top:5px;
background:url(../images/div_line_1.gif);
background-position:bottom;
background-repeat:repeat-x;
}
.year {
width:120px;
float:left;
font-weight:bold;
color:#f26522;
}
.arch {
width:288px;
float:left;
}
.mem_pic {
float:left;
width:200px;
}
.doc_3 {
width:408px;
padding:10px 0 20px 10px;
text-align:left;
line-height:22px;
color:#666;
}
.doc_3 a {
text-decoration:none;
color:#900;
}
.doc_3 p {
padding-bottom:10px;
}
.doc_4 {
width:378px;
padding:10px 0 20px 60px;
text-align:left;
line-height:22px;
color:#666;
}
.doc_4 a {
text-decoration:none;
color:#666;
}
.doc_4 ul li {
list-style-image:url(../images/arrow_2.gif);
margin-top:10px;
margin-bottom:10px;
}
.sign {
padding-bottom:40px;
width:308px;
text-align:right;
color:#900;
}
.add {
padding-bottom:20px;
}
.add a {
color:#666;
text-decoration:none;
}
.join_tit {
font-weight:bold;
color:#f26522;
}
.para {
text-indent:2em;
}
#bottom {
width:778px;
height:78px;
background-color:#b00000;
background-image:url(../images/bg_bottom.gif);
background-repeat:no-repeat;
}
#bottom p {
margin-top:28px;
color:#fff;
}
#bottom a {
color:#fff;
text-decoration:none;
}

