Template:Team:MIT navigation bar

   <style>
       body {
           margin: 0;
       }
       
       .firstHeading, .logo_2016 {
           display: none;
       }
       #sideMenu{
           display: none;
       }
       #content {
           margin-left: auto;
           align-self: center;
       }

       .navdiv-wrapper {
           height: 40px;
           background: rgb(82, 81, 81);
       }
       
       .navdiv {
           float: none;
           margin: 0 auto;
       }
       
       .navdiv>a {
           position: relative;
       }

       .navdiv ul{
           width: 100%;
           height: 40px;
           background: rgb(82, 81, 81);
           line-height: 20px;
           color: white;
           margin-right: 15px;
           margin-top: 40px;
           margin-left: 0px;
           text-align: center;
           
       }
       
       .navdiv ul li a{
           text-decoration: none;
           color: white;
           cursor: pointer;
       }
       
       .navdiv ul li a:hover{
           text-decoration: none;
           color: white;
           background: rgb(160, 158, 158);
           opacity: 0.7;
           -webkit-transition: all 0.4s ease; 

-moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;

       }
       
       .navdiv ul li{
           list-style-type: none;
           display: inline-block;
           position: relative;
           color: white;
           padding-bottom: 10px;
           padding-top: 10px;
           padding-left: 20px;
           padding-right: 20px;
           cursor: pointer;
       }
       
       .navdiv ul li:hover{
           background: rgb(160, 158, 158);
           color: white;
           opacity: 0.7;
           -webkit-transition: all 0.4s ease; 

-moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;

       }
       
       .navdiv h1{
           width: 300px;
           float: left;
           cursor: pointer;
           margin-left: 15px;
       }
       
       .navdiv .logo-wrapper {
           position: absolute;
           top: -30px;
           background: white;
           height: 40px;
           border: 10px solid rgb(82, 81, 81);;
           height: 80px;
           border-radius: 80px;
       }
       
       .navdiv .logo-wrapper img {
           height: 60px;
           padding: 5px 5px 5px 5px;
       }
       
       .navdiv .logo-wrapper#main-logo {
           height: 70px;
           left: -90px;
           border-width: 7px;
           top: -22px
       }
       
       .navdiv .logo-wrapper#main-logo img {
            height: 56px;
       }
       
       .submenu {
           display: none;
           position: absolute;
           left: 0;
           top: 40px;
       }
       
       .submenu a {
           color: black;
           background: rgb(82, 81, 81);
           text-decoration: none;
           text-align: left;
           display: block;
           padding: 10px;
       }
       
       .submenu a:hover{
           color: white;
           background: rgb(160, 158, 158);
           opacity: 0.7;
           border: none;
       }
       
       .navdiv ul li:hover .submenu {
           display: block;
       }
       
       /********************************* CONTENT OF THE PAGE ********************************/

/* Wrapper for the content */ .content_wrapper { width: 85%; margin-left:150px; padding:10px 0px; float:left; background-color:white; }

/*LAYOUT */ .column { padding: 10px 0px; float:left; background-color:white; }

.full_size { width:100%; }

.full_size img { padding: 10px 15px; width:96.5%; }

.half_size { width: 50%; } .half_size img { padding: 10px 15px; width: 93%; }

.clear { clear:both; }

.highlight { width: 90%; margin: auto; padding: 15px 5px; background-color: #f2f2f2; }

.judges-will-not-evaluate { border: 4px solid #72c9b6; display: block; margin: 5px 15px; width: 95%; font-weight:bold; }

   </style>
   
  

               <a href="https://2016.igem.org">

                       <img src="" height="56px">

               </a>
               <a href="https://2016.igem.org/Team:MIT">

                       <img src="" width="69px" height="60px">

               </a>

• <a href="#">HOME</a>
• <a href="#">TEAM</a>
• PROJECT

                             <a href="#">Experiemts Summary</a>
                             <a href="#">Synthetic Promoters</a>
                             <a href="#">miRNA Profile</a>
                             <a href="#">Recombinase Latches</a>
  

• COLLAPORATION

                             <a href="#">Microfluidics</a>
                             <a href="#">Others</a>
  

• HUMAN PRACTICES

                             <a href="#">Intergrated Practices</a>
                             <a href="#">Mammalian SynBio</a>
                             <a href="#">Public Outreach</a>
  

• NOTEBOOK

                             <a href="#">Promoters</a>
                             <a href="#">miRNA</a>
                             <a href="#">Recombinase</a>