"

From 2013.igem.org

1. logo{

 background-image: -webkit-linear-gradient(right, #ff6600 0%, white  100%); 
 background-image: -moz-linear-gradient(right, #ff6600 0%, white  100%); 
 background-image: -o-linear-gradient(right, #ff6600 0%, white  100%);  
 background-image: linear-gradient(right, #ff6600 0%, white  100%);
 margin: 0px 0px 0px 0px;
 height:60px;

}

1. navi{

 color:grey;
 font-size:30px;
 font-variant:small-caps;
 font-family:Roboto;
 padding-right:10px;
 text-shadow: 0 2px 2px lightgray;
 float:left;

}

1. navi l:hover {

 color:#ff6600;

}

1. nav{

 position:relative;
 padding:40px;

}

ul#navigation{

 margin: 0px;
 position: relative;
 float:left;

}

ul#navigation li {

 display:inline;
 float:left;
 position:relative;

}

ul#navigation li a{

 padding: 0px 15px;
 text-decoration:none;
 display:inline-block;
 font-family:Roboto;
 font-variant:small-caps;
 font-size:20px;
 color:grey;

}

ul#navigation li a:hover {

   background:#ff6600;
   color:grey;

}

ul#navigation li:hover > a {

}

ul#navigation li:hover > ul {

   visibility:visible;
   opacity:1;

}

ul#navigation ul, ul#navigation ul li ul {

   list-style: none;
   margin: 0;
   padding: 0;  
   visibility:hidden;
   opacity:0;
   position: absolute;
   z-index: 99999;

}

ul#navigation ul li {

   clear:both;
   width:100%;
   border:0 none;

}

ul#navigation ul li a {

   background:#ff6600;
   padding:7px 10px;
   color:white;
   text-shadow:0px 0px 0px #fff;
   text-decoration:none;
   display:inline;
   float:left;
   clear:both;
   width:150px;

}