"

From 2013.igem.org

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

1. safety-container{

 width: 980px;
 height: 100%;
 background-color: #DDF4EF;
 margin:0 auto;

}

1. safety-header{

 /* height: 100%; */

}

1. safety-font{

 left:50%;
 position:relative;
 margin-left:-101px;
 margin-top: 40px;
 margin-right: 27px;

}

1. q1-image{

 float: left;
 margin-left: 60px;
 margin-top: 30px;
 margin-right: 50px;

}

.safety-q{

 clear: both;

}

.q-light{

 float: left;
 margin-left: 40px;
 margin-top: 0px;
 /* margin-bottom:30px; */

width: 5%; height: 1px; }

.q-text{

float: left;
margin-top: 10px;
margin-left: 4px;
font-family: 'Arial';
font-size: 19px;
font-weight: 900;
color: black;
display: block;
width: 100%;
text-align:justify;

}

.safety-q .q-text > p { display: inline-block; width: 90%; }

.q-pen{

 clear: both;
 float: left;
 margin-top:0px;
 margin-left: 40px;

}

.q-answer{

width: 90%;
float: left;
margin-left: 2px;
margin-top: 10px;

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

}

1. q3{

 clear:both;

}

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

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

     /*background-color: white;*/
   }
   #bottom-image{
     width: 100%;
   }

   a:focus{
     outline-color:#544444; 
   }