"

From 2013.igem.org

     *{
       padding:0px;
       margin: 0px;
     }
     body {
       height: 100%;
       width: 100%;
       font-family: 'Arial';
     }

 /*container*/

 #model-container{
   width: 100%;
   height: 100%;
   background-color: #8fbbb8;
   margin:0 auto;
 }

 #model-header{
   width: 172px;
   margin: 0 auto;
 }

 #model-font{
   margin-top: 40px;
 }

 #model-q1{
   width: 980px;
   margin: 0 auto;
   clear: both;
 }

 #q1-light{
   float: left;
   margin-left: 40px;
   margin-top: 37px;
 }

 p{
   font-family: 'Arial';
   font-size: 16px;
   font-weight: 900;
   color: #63605e;
   text-align:justify;
 }

h2,h3,h4,h5,h6 { color: #445d72; }

 .image{

float:auto; align:center;

 }

 #q1-pen{
   float: left;
   margin-top: 28px;
   margin-left: 40px;

 }

 #q1-answer{
   width: 850px;
   float: left;
   margin-left: 2px;
   margin-top: 38px;

   line-height: 24px;
   color: #445d72;
   font-weight: 800;
   font-size: 15px;
 }

 #model-q2{
   width: 980px;
   margin: 0 auto;
   clear: both;
   height: 350px;
   background-color: #8fbbb8;
 }

 #q2-light{
   float: left;
   margin-left: 40px;
   margin-top: 45px;
 }

 #q2-text{
   float: left;
   margin-top: 58px;
   margin-left: 4px;

   font-family: 'Arial';
   font-size: 19px;
   font-weight: 900;
 }

 #q2-pen{
   clear: both;
   float: left;
   margin-top: 28px;
   margin-left: 40px;

 }

 #q2-answer{
   width: 850px;
   float: left;
   margin-left: 2px;
   margin-top: 38px;
   margin-bottom: 30px;

   line-height: 24px;
   color: #445d72;
   font-weight: 800;
   font-size: 15px;
 }

.mintext{ float: auto;

   margin-top: 10px;
   margin-left:20px;

}

     /*footer*/
     /*footer*/  
     #sysu-footer{
       width: 100%;
       margin:0 auto;

       position: relative;
       bottom: 0px;
       overflow: hidden;

       background-color: #8fbbb8;
     }
     #bottom-image{
       width: 100%;
     }

1. model-list ul{

 list-style: none;
 position:fixed;
 left:20px;
 margin-top: 50px;
 border-radius: 20px;
 background-color: rgb(218, 218, 218);
 border-color: #dff5f1;
 border: 3px solid #C0C4C3;

 -webkit-box-shadow: 0 0 15px #645151;
 -moz-box-shadow: 0 0 15px #645151;
 -m-box-shadow: 0 0 15px #645151;
 box-shadow: 0 0 15px #645151;

}

.ml li, .ml li a{

 border:0px;
 font-size: 18px;
 color: #445d72;
 text-decoration:none;
 width:180px;
 margin-top: 10px;
 margin-bottom: 10px !important;

}

.ml li a:hover{ border-radius: 10px; opacity:0.5; background-color:black; }

1. main {

height:100%; width:760px; margin:0 auto; text-align: justify; }