"

From 2013.igem.org

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

 /*container*/

 #model-container{
   width: 100%;
   height: 100%;
   margin:0 auto;
 }

1. model-header{

background-color:#e0f4f2; width:100%; height:100%; }

 #model-header h1{
   font-size:60px;
   text-align: center;
   border: none;
   color: #1C2D3D;
   margin:20px;
 }

 #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: #3A3838;
   text-align:justify;
 }

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

h2{ color:red; }

 #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: 120px;
 border-radius: 20px;
 background-color: rgb(218, 218, 218);
 border-color: #dff5f1;
 border: 3px solid #C0C4C3;

}

.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; color: #fff; }

1. main {

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

1. part0{

background-color:white; float:right; width:100%; }

1. part1{

background-color:#e0f4f2; float:right; width:100%; }

1. part2{

background-color:white; float:right; width:100%; }

1. part3{

background-color:#e0f4f2; float:right; width:100%; }

1. part4{

background-color:white; float:right; width:100%; }

1. part5{

background-color:#e0f4f2; float:right; width:100%; }

.section{ margin:0 auto; width:65%; padding:20px; float:right; margin-right:5%; }