"

From 2012.igem.org

body { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: white; }

/*Defining the columns */

1. total {

background-color: white; width: 1000px; margin-right: auto; margin-left: auto; text-align: left; }

1. header-left{

float: left; height: 150px; width: 250px; text-align: center; background-color: white; }

1. header-middle{

float: left; height: 150px; width: 500px; text-align: center; background-color: white; }

1. header-right{

float: left; height: 150px; width: 250px; text-align: center; background-color: white; }

1. menu {

float: left; height: 25px; width: 750px; border: 1px solid black; text-align: center; background-color: black; }

1. centerContent {

float: left; width: 750px; border: 1px solid black; background-color: grey; }

1. rightContent {

float: right; width: 200px; background-color: white; }

1. footer {

font-size: 10px; height: 14px; width: 100%; clear:both; text-align: center; background-color: white; }

/* Text styles */ p { padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; } h1 { font-size: 36px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } m1 { font-size: 36px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }

/* Menu */

1. nav, #nav ul{

    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:2em;
}
#nav a:link, #nav a:active, #nav a:visited{
   display:block;
   padding:0px 5px;
   border:1px solid black;
   color:white;
   text-decoration:none;
   background-color:black;
}

1. nav a:hover{

   background-color:black;
   color:white;

}

1. nav li{

   float:left;
   position:relative;

width: 100px; }

1. nav ul {

   position:absolute;
   width:100px;
   top:2em;
   display:none;

}

1. nav li ul a{

   width:100px;
   float:left;

}

1. nav ul ul{

top:auto; }

1. nav li ul ul {

top: 10px;

   left:100px;
   margin:0px 0 0 10px;
   }

1. nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{

   display:none;
   }

1. nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{

   display:block;
   }