Background-head

<html>
<head>
<style type="text/css"> 

body {
	background:#b9b9ff ;
	color:#3c3c3c;
	font:14px Helvetica, Arial, Sans-serif;
	overflow-x:hidden;
}


#p-logo {
	display: none;
}
#search-controls {
	display: none;
}


#top-section {
	height: 16px;
	background:url(https://static.igem.org/mediawiki/2012/8/84/Px.png) transparent repeat;
	width: 100%;
	border:0px;
}
#menubar {
	top: -8px;
	font:15px Trebuchet MS,Arial,Helvetica,sans-serif;
}
.left-menu,.left-menu a {
	color: white;
	left: 0;
	text-align: left;
	text-transform: capitalize;
}
.left-menu li a:hover {
	color: white;
text-decoration:underline;
}
#left-menu {
margin-left:5px;
}
.right-menu,.right-menu a {
	color: white;
	right: 0;
	text-align: right;
}
.right-menu:hover, .left-menu:hover {
	background-color: transparent;
}
.right-menu:hover a {
	color: white;
}
.right-menu li a, .left-menu li a {
	background-color: transparent;
	color: white;
	padding: 0 15px 0 0;
}
.right-menu li a:hover {
	color: white;
text-decoration:underline;
}
.right-menu li a:visited {
	color: white;
}



.firstHeading {
    display: none;
}
#catlinks {
	display: none;
}
#content {
	background: transparent;
	padding: 0;
	width: 100%;
	border: 0px;
}
.new {
color:white;
}

#footer-box {
	display: none;
}
a, a:visited {
	color: white;
	text-decoration: none;
}
a:hover {
	color: white;
	text-decoration: underline;
}
#contentSub {
	display: none;
}
p {
	margin: 0px;
}



</style>




<html>
<b>
<p  style="text-align:center;"><a ><img src="https://static.igem.org/mediawiki/2013/archive/6/60/20130709122958%21%E6%A0%87%E9%A2%98.png"></a>
</p>
</b>
</html>
<!--- 标题--->


<html>
<head>
<style></style>
<title></title>
<style>
body {
    background:;
    margin:0;
    padding:0;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.example {
    position:relative;
    background:#91cd02 url();
    width:960px;
    height:35px;
    margin:0px auto;
    padding:0px ;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.nav,.nav ul {
    list-style:none;
    margin:0;
    padding:0;
}
.nav {
    position:relative;
}
.nav ul {
    height:0;
    left:0;
    overflow:hidden;
    position:absolute;
    top:36px;
}
.nav li {
    float:left;
    position:relative;
}
.nav li a {
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -webkit-transition:1.5s;
    background-color:#91cd02;
    border:1px solid #91cd02;
    color:#FFF;
    display:block;
    font-size:20px;    line-height:23px;
    padding:5px 18px;
    text-decoration:none;
    transition:1s;
}
.nav li:hover > a {
    background:#50524a;
    border-color:#50524a;
    color:#fff;
}
.nav li:hover ul.subs {
    height:auto;
    width:200px;
}
.nav ul li {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    opacity:0;
    transition:0.5s;
    width:100%;
}
.nav li ul li {
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s;
}
.nav li:hover ul li {
    opacity:1;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s;
}
.nav ul li a {
    background:#50524a;
    border-color:#50524a;
    color:#fff;
    line-height:1px;
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    transition:0.5s;
}
.nav li:hover ul li a {
    line-height:25px;
}
.nav ul li a:hover {
    background:#91cd02;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
}
</style>
</head>
<body>
<div class="example">
    <ul class="nav">
        <li><a href="https://2013.igem.org/Team:HZAU-China">Home</a></li>
        <li><a href="https://2013.igem.org/Team:HZAU-China/Team">Team</a>
        <ul class="subs">
                <li><a href="/">Team members and Instructors</a></li>
                <li><a href="https://2013.igem.org/Team:HZAU-China/Attributions">Attributions</a></li>
                <li><a href="/">Sponsors</a></li>
            </ul>  
        <li><a href="https://2013.igem.org/Team:HZAU-China/Project">Project</a>
            <ul class="subs">
                <li><a href="/">Overview</a></li>
                <li><a href="/">Fleas and Plague Bacillus</a></li>
                <li><a href="/">Rabies Vaccine</a></li>
                <li><a href="/">Bacterial Spores as Vaccine Vehicles</a></li>
                <li><a href="/">Antimicrobial Peptides</a></li>
            </ul>
        </li>
        <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling">Modeling</a></li>
        <li><a href="/">Achievement</a>
        <ul class="subs">
                <li><a href="/">Results and data</a></li>
                <li><a href="https://2013.igem.org/Team:HZAU-China/Parts">Parts</a></li>
                <li><a href="/">judgement</a></li>
            </ul>
        </li>
        <li><a href="https://2013.igem.org/Team:HZAU-China/Notebook">Notebook</a>
        <ul class="subs">
                <li><a href="/">Development of our team and Summer Fun</a></li>
                <li><a href="/">Labnote</a></li>
                <li><a href="/">Protocol</a></li>
            </ul>
        </li>
        <li><a href="https://2013.igem.org/Team:HZAU-China/Safety">Safety</a></li>
        <li><a href="https://2013.igem.org/Http://2013.igem.org/Team:HZAU-China/Human_practice">Human practice</a>
        <ul class="subs">
                <li><a href="/">Meeting with WHU and HUST</a></li>
                <li><a href="/">Visit to Wuhan Institute of Biological Products</a></li>
            <li><a href="/">To make IGEM and Synthetic Biology Universal </a></li>
           <li><a href="/">Understanding the Safety assessment of GM rice</a></li>

         </ul>
        </li>
    </ul>
<div style="clear:both"></div>

</div>
</body>
</html>
      
<!--- 导航栏 --->