Difference between revisions of "Team:XJTLU-CHINA/Description"

Revision as of 22:24, 17 September 2015

Team

XJTLU-CHINA

Project

1. Map description

1.1 Overview

This year, team of XJTLU aims to simulate the process of global warming by introducing ribothermometers and chromoproteins to Escherichia coli. Global warming causes many consequences, including glacial ablation, the rise of sea level and the withering of plants. The appearance of the Earth will change as the average temperature rises: the white glaciers will melt; the green threes on the land turns into yellow and the coastal area will be flooded with sea water. To simulate this process, a genetic circuit made up with a ribothermometer that will switch at 37 degree Celsius and different color of chromoproteins was designed. Four different strains sand for different areas on earth are made: “Inland”, “Coastal”, “Marine” and “Polar”, as showed in figure 1.

Figure 1

1.2 Inland

Figure 2 shows the pathway of “Inland” E.coli. Inspired by Paris-Saclay igem team (2014), we combined a yellow chromoprotein called amilGFP (Part ID: BBa_K592010) and a blue chromoprotein called AeBlue (Part ID: BBa_K864401) to get green color in order to simulate the green color of inland area on the earth. Both chromoprotein followed with aav tail to obtain the color change distinctly from green to yellow. We introduced a tet operator to operate the expression of blue chromoprotein. The express of tetR (Part ID: BBa_C0040) is controlled by the 37℃ ribothermometer on the up steam. When the temperature is below 37℃, the tetR will not be translated and both yellow and blue chromoprotein can express, therefore, the green color shows. However, when the temperature reach above 37℃, tetR starts to be translated and bind with tetO, the gene that codes blue chromoprotein cannot be transcribed. Only the yellow chromoprotein can express. As the consequence of that, the color of the colony changed from green into yellow.

Figure 2

1.3 Coastal and Marine

The repress and control system between “Coastal” and “Marine” E. coli is showed in figure 3. When the temperature is below 37℃, LuxI (Part ID: BBa_C0061) in “Marine” E. coli will not be translated, 3-oxo-hexanoyl-HSL will not express. The Lux promoter, Plux (Part ID: BBa_R0061), in “Coastal” E. coli is closed in absence of LuxR/HSL (LuxR Part ID: BBa_C0062). Therefore, tetR won’t express and both yellow and blue chromoprotein will be expressed, the color of “Coastal” E. coli is green. When the temperature rise above 37℃, the ribothermometer switches on and 3-oxo-hexanoyl-HSL starts to express, which starts the transcription of Plux and tetR. TetR binds with tet operator and stops the transcription of yellow chromoprotein. The color of “Coastal” E. coli turns into blue. This pathway simulates the process of the rise of sea level and the coastal area flooded by sea water.

Figure 3

1.4 Marine and Coastal

Just like the correlation between “Marine” and “Coastal”, the color change of “Polar” E. coli is controlled by LuxR, Plux and LuxI system (Figure 4). The color of “Polar” E. coli is white (the origin color of E. coli colony) when the temperature is below 37℃ and will change into blue when the temperature is above 37℃ as the presence of 3-oxo-hexanoyl-HSL. This pathway simulates the process of the glaciers melting.

Figure 4

2. Chromoprotein

2. RNA thermometer

2.1 Background

Introduction

RNA thermometers (RNATs) are temperature-induced riboswitches that post-transcriptionally regulate gene expression in response to temperature shifts by a way of undergoing conformation changes in the secondary structure of RNA to exhibit either turn-on state or turn-off state.

Figure 1: Responsiveness of mRNA structures to environmental cues (TUDelft, 2008)

As shown in Figure 1, the hairpin structure harbors the Shine-Dalgarno sequence (SD sequence) and, in this way, make it inaccessible to the 30S unit of the bacterial ribosome, resulting in translational inactivation. (SD sequence is polypurine sequence located in around 8 nt upstream from the start codon and responsible for anchoring ribosome in the RNA single strand). Once reaching a certain temperature, hairpin structure would vanish and as a result, exposing the SD sequence to trigger the translation process.

Natural forms of RNATs were usually found in 5’ untranslated region of many eubacteria and were believed to be related to biological temperature-rising response (Nocker, 2001, cited in Neupert and Bock, 2009). Here, we would introduce two sub-families of RNATs and synthetic RNA thermometers and how they works in our project.

ROSE

A conserved family of RNATs is the ROSE-like elements (ROSE stands for Repression Of heat Shock gene Expression), first discovered in the 5′ untranslated region of rhizobial heat shock genes (Nocker, 2001). All the RNAts presenting in ROSE family we known control expression of small heat shock genes (Nocker, 2001). However, most naturally occurring ROSE elements are relatively large and fold into complex secondary structures that usually contain 2-4 hairpin structures (Fig. 2). Hence, for practical reason, we tested A1 RNAT that derived from ROSE family. Thank BIT-CHINA for proving DNA sequences of this part. The possible secondary structure of A1 was simulated by RNAstructure (Fig.3). For testing results of A1 RNAT, please click here.

Figure 2: Proposed RNA secondary structure of the 5’ UTR from the prfA gene of the pathogenic bacterium Listeria monocytogenes, which belongs to ROSE family (Neupert and Bock, 2009).

Figure 3: The possible secondary structure of A1.

FourU

FourU thermometers as naturally occurring RNA thermometers, for the first time, were found in Salmonella, so called as four highly conserved uridine nucleotides are placed right opposite to the SD sequence. FourU elements usually have two hairpin structures, in the case of temperature rising, the one without SD sequence is relatively steady while the other contains hidden SD sequence would be melted. In 2008, TUDelft designed and submitted part K115002 to iGEM registry based on natural forms of FourU elements. The possible secondary structure of FourU was simulated by RNAstructure (Fig.4). We test this part this year to determine the validity of this part. For testing results of K115002, please click here.

Figure 4: The possible secondary structure of FourU.

Synthetic RNA thermometer

The possibility of designing synthetic RNA thermometers was explored based on the assumption that the RNATs do function by the proposed simple hairpin-melting mechanism that expose the ribosome-binding site. Therefore, Stem-loop structure with the SD sequence embedded in the stem would be the simplest RNAT. Based on the work of Juliane Neupert, Daniel Karcher and Ralph Bock (2008), Synthetic RNAT U6 was chosen as one of our testing RNATs. The possible secondary structure of U6 was simulated by RNAstructure (Fig.5). For testing results of A1 RNAT, please click here.

Figure 5: The possible secondary structure of U6.

2.2 Method

In the first round of experiments the RNA thermometers we’ve tested are from part registry of previous iGEM competition (K115002, K115017), support of team BIT-China (A¬1, A2, A3), literature (U9, U10) and our own design (U6-GC). We constructed parts on pET-28a as PT7-LacO- pET-28a random sequence-RNAT-eGFP. Plasmids are transformed into BL21(DE3) for expression. After transformation, samples were cultured at 30oC, 37oC and 42oC separately and induced by IPTG at respective temperature. Below are illusion of LacO-random sequence-RNAT secondary structure and their experimental results. For each structure, the 50th base is the starting point of RNAT.

2.3 Result

2.4 Reference List

1. Neupert, J. & Bock, R. (2009) 'Designing and using synthetic RNA thermometers for temperature-controlled gene expression in bacteria', Nature Protocols, 4 (9), August, pp.1262-1273.

2. Nocker, A. et al. mRNA-based thermosensor controls expression of rhizobial heat shock genes. Nucleic Acids Res. 29, 4800–4807 (2001).

3. TUDelft (2008) RNA thermometer [Online image]. Available from: https://2008.igem.org/File:Rna_thermometer.png (Accessed: 19th August 2015).

3. Chromoprotein

3.1 Background

Chromoprotein is the protein which has conjugeted structure and can express different colors. Since our map was designed to be colorful, experiments aimed to test chromoprotein were needed. At the same time, the color can be used as reporter so that we also use chromoprotein to test other parts in our project.
There were 3 experiments related to chromoprotein. AeBlue Chromoprotein (BBa_K864401), FwYellow Chromoprotein (BBa_K1033910), amilGFP (BBa_K592010, yellow chromoprotein) and amajLime (BBa_K1033916, green-yellow chromoprotein) were four chromoproteins we used. Firstly, we tested all the chromoprotein we used. Secondly, we combined two chromoproteins together to observe their composite color for our map design. Moreover, LVA tag and AAV tag were added after chromoprotein respectively to examine their function and efficiency of degradation.

3.2 Test of chromoproteins in the experiment

For our map design, there are two chromoproteins and one composite chromoprotein mainly for our requirement, yellow, blue and green. But due to different color of chromoprotein, the test and screen were two necessary steps to choose the fit one to show the nice color.
At the first time, AeBlue Chromoprotein (BBa_K864401) and FwYellow Chromoprotein (BBa_K1033910) were tested respectively with inducible promoters (T7 promoter). The construction is shown in Figure 1. These two parts were assembled on PET 21a plasmid and then transformed into expressible competence E.coli BL21 (DE3). The results were that the growths of bacteria were normal and the colors of these two chromoproteins were distinct. The result was shown as Figure 2 and Figure 3.

(Figure 2. The four on the left is Aeblue chromoprotein, and the four on the right is Fw Yellow chromoprotein.)

(Figure 3. These two both are Aeblue blue chromoprotein. The left one is induced under 37 degrees Celsius; the right one is induced under 16 degrees Celsius.)

Next, amilGFP yellow chromoprotein (BBa_K592010), and amajLime green-yellow chromoprotein (BBa_K1033916,) were imported in for further color in our map design. These two parts were linked after constitutive promoter (BBa_J23119) and RBS (BBa_B0034) with assembled on PSB1C3. The construction is shown in Figure 4. Then transformed into E. coli SE 2. The results were that the growths of bacteria were normal and the colors of these two chromoproteins were distinct. See results in Figure 5 and Figure 6.

(Figure 4)

(Figure5. amajLime green-yellow chromoprotein) (Figure 6. amilGFP yellow chromoprotein)

3.3 Combination of two chromoproteins

For our map design, green chromoprotein is necessary. Moreover, the changed from green to yellow (Inland) and from green to blue (Coastal) was also important to simulate global warming. Inspired by Paris-Saclay igem team (2014), we combined a yellow chromoprotein and a blue chromoprotein to get green color.
Blue and yellow chromoproteins were assembled together. Two structures were used in Figure 7. The reason why an extra promoter was added after the yellow chromoprotein was to increase the express of blue chromoprotein.

(Figure 7. The construction of expressed Aeblue and Fwyellow chromoprotein together)

The 4ml of liquid medium were used to culture the colony of BL21 (DE 3) for 5 hours, and we use IPTG to induce for 3 hours at 37 degrees centigrade. The result is shown as figure 8. However, what was unexpected was that the final colors of these two were both blue and violent instead of green. It was possible that the yellow color expressed here was not pure yellow. We plan to replace FwYellow chromoprotein.

(Figure 8. The left one is two T7 promoters and one terminator in the plasmid pet 21a. The right one is one T7 promoter and one terminator in the plasmid pet 21a)

In order to improve the color which is blue and violent instead of green, another yellow chromoprotein called amilGFP yellow chromoprotein (BBa_K592010) is brought in our test. The structure we used is shown in Figure 9.

(Figure 9. The construction of expressed Aeblue and amilGFP yellow chromoprotein together)

The 4ml of liquid medium were used to culture the colony of BL21 (DE 3) for 5 hours, and we use IPTG to induce for 12 hours at 16 degrees centigrade. The result is shown as Figure 10. As a result, what was expected was that the final color was green. These two chromoproteins are applied in our map design.

(Figure 10. Three mono-colony expressed both Aeblue and amilGFP yellow chromoprotein)

3.4 Accumulation of chromoprotein with lva tag and aav tag

To perform a smooth color change from the combined green to the single expressed blue/yellow, we’d better shorten the half life of the chromoproteins so that it can quickly disappear after its expression is repressed.

At the beginning spy catcher and spy tag were took into consideration to solve the problem. However, it may overload the host. Then we adopted another method, adding specific oligopeptide to the c-terminal end of the chromoprotein to make it more vulnerable to the attack from endogenous tail-specific proteases. Two tails were chosen for our testing, LVA tag and AAV tag with the sequence RPAANDENYALVA and RPAANDENYAAAV respectively (Andersen et al., 1998). Due to the time limitation, only Aeblue chromoprotein was tested. The construction was shown in Figure 11.

Figure 1

Three groups were used in experiments: AeBlue chromoprotein, AeBlue chromoprotein with AAV tag and AeBlue chromoprotein with LVA tag. Two mono-colonies were chosen from each group. 300ml LB was used to culture the 6 colonies at 37 degrees Celsius for 4 hours. Then 300ul IPTG was added to induce at 16 degrees Celsius for 12 hours. The data was collected from 5 hours to 12 hours, totally 13 points. For each point, 20ml colony liquid was obtained from the 300ml LB culture. 4ml of them was used for OD measurement at 600nm and the rest 16ml of them was used for protein extraction.

Firstly, 16ml bacteria were centrifuged at 6000 rpm for 5 minutes. Then the supernatant was discarded and 10ml PBS was added to resuspend the sediment. After using ultrasonic wave to break the cell, 4ml of mixture was centrifuged at 12000 rpm for 5 minutes. Finally, the absorbance of blue chromoprotein was measured at 597nm by spectrophotometer.

Results are shown as follows.

Table 1：OD value measured at 13 time points at 600nm

Table 2：Absorbance value measured at 13 time points at 597nm

Table 3：Absorbance value divided by OD value

Figure 12. The variation of chromoprotein after induced 300 min

Figure 13 The color of non-tag, AAV tail and LVA tail after induced 720 minutes.

As shown in the Figure 12, both blue chromoprotein with LVA tail and AAV tail had less accumulation amount than the group of no-tail, which indicated both LVA tail and AAV tail raised the degradation rate. In addition, blue chromoprotein with LVA tail had an even lower accumulation in host cells compared to blue chromoprotein with AAV tail. It was speculated that the LVA tail provided a higher degradation rate. In conclusion, the tails can speed up the degradation of chromoprotein, and LVA tail is highly effective in protein degradation, whereas in our project the AAV tag was chosen to gain a balance between clear color performance and high speed of degradation. Figure 13 shows the color of non-tag, AAV tail and LVA tail after induced 720 minutes.

3.5 Reference

Anderson,J. (1998) ‘New unstable variants of green fluorescent protein for studies of transient gene expression in bacteria’, Applied and environmental microbiology, 64(6), June, pp.2240-2246.

4 Chromoprotein testing

4.1 Background

Chromoprotein is a kind of protein with conjugeted structures and when expressed, it is shown as various colors. Different chromoproteins play a major role in our project as they are essential pigments for us to “draw” a colorful map. Meanwhile, chromoproteins served as reporter when other parts in this project were tested.

Besides white, the original color of E.coli colonies, the global warming map also needs colonies in yellow, blue, and green to represent desert, marine and land areas. Moreover, as this project is a dynamic demonstration of global warming, there should be a balance between the chromoproteins’ degradation and accumulation to make sure one color can appear but later disappear quickly on certain parts of the map. To achieve these goals, 3 experiments have been done. The first two experiments confirmed all the colors needed with naked eyes. The third one showed how the chromoproteins with LVA and AAV tails accumulated in E.coli.

The chromoproteins have been tested are: AeBlue chromoprotein (BBa_K864401), FwYellow chromoprotein (BBa_K1033910), amilGFP (BBa_K592010, yellow) and amajLime (BBa_K1033916, green-yellow).

4.2 Yield blue and yellow

Figure 1

The results indicated that these exogenous proteins were expressed successfully with little toxic effect on growth of the host bacteria. The expressed color shown in Figure 2 and Figure 3 were also desirable.

Figure 2. The four on the left is Aebluechromoprotein, and the four on the right is Fw Yellow chromoprotein

There was also an experiment comparing the expression of chromoprotein under different temperature. The Aeblue chromoprotein was tested and in 16 degrees Celsius it gave a deeper color compared to 37 degrees Celsius which may prove that chromoproteins could be better expressed in lower temperature. However, because it is closed to blue when expressed under 37 degrees Celsius, later other experiments were set under this temperature.

Figure 3. These two both are Aeblue chromoprotein. The left one was induced under 37 degrees Celsius; the right one was induced under 16 degrees Celsius.

Next, amilGFP yellow chromoprotein (BBa_K592010), and amajLime green-yellow chromoprotein (BBa_K1033916,) were further tested as backup for the yellow pigments. We spent time on yellow protein screening rather than blue ones because there were more yellow proteins available from iGem distribution.

These two parts went after a constitutive promoter (BBa_J23119) and RBS (BBa_B0034). Together they were assembled on PSB1C3 and finally transformed into E. coli SE 2. The construction is shown in Figure 4.

Figure 4

The results indicated that these exogenous proteins were expressed successfully with little toxic effect on growth of the host bacteria. The expressed color shown in Figure 5 and Figure 6 were also desirable.

Figure5. amajLime green-yellow chromoprotein

Figure 6. amilGFP yellow chromoprotein

4.3 Yield green------combination of two chromoproteins

Green is a piece of indispensable composition of a world map, and the changing from green to yellow (Inland) as well as from green to blue (Coastal) are also important to mimic the effect of global warming. Inspired by Paris-Saclay igem team (2014), we combined a yellow chromoprotein and a blue chromoprotein to get green color.

Blue and yellow chromoproteins were designed to express simultaneously. Two different linking methods were illustrated in Figure 7. The reason why an extra promoter was added after the yellow chromoprotein was to increase the expression of blue chromoprotein. Additionally, it enabled us to respectively control to the expression of two chromoproteins. For instance, the green could turn to yellow by repressing the blue chropmoprotein.

Figure 7. The construction of expressed Aeblue and Fwyellowchromoprotein together

The colony of BL21 (DE 3) was cultured in 4ml liquid medium for 5 hours, and induced by IPTG for 3 hours under 37 degree Celsius. The result was shown in figure 8. It was unexpected to see the final colors of the combination were blue and violent instead of green. It was possibly because the yellow color expressed here was not pure yellow. Without pictures kept, the colonies tended to be orange when grown on agar plate. That was why we decided to replace FwYellow chromoprotein with its backups.

Figure 8. The left one is two T7 promoters and one terminator in the plasmid pET 21a. The right one is one T7 promoter and one terminator in the plasmid pET 21a

The testing of amilGFP yellow chromoprotein (BBa_K592010) is shown in Figure 9.

Figure 9. The construction of expressed Aeblue and amilGFP yellow chromoproteintogether

This time after 5 hours’ culture in 4ml liquid medium, they were induced by IPTG for 12 hours at 16 degrees centigrade. The result is shown as Figure 10. As a result,a desired green color shown. These two chromoproteins would be applied in our map design.

Figure 10.Three mono-colony expressed both Aeblue and amilGFP yellow chromoprotein

4.4 Accumulation of chromoprotein with lva tag and aav tag

To perform a smooth color change from the combined green to the single expressed blue/yellow, we’d better shorten the half life of the chromoproteins so that it can quickly disappear after its expression is repressed.

At the beginning spy catcher and spy tag were took into consideration to solve the problem. However, it may overload the host. Then we adopted another method, adding specific oligopeptide to the c-terminal end of the chromoprotein to make it more vulnerable to the attack from endogenous tail-specific proteases. Two tails were chosen for our testing, LVA tag and AAV tag with the sequence RPAANDENYALVA and RPAANDENYAAAV respectively (Andersen et al., 1998). Due to the time limitation, only Aeblue chromoprotein was tested. The construction was shown in

Figure 11

Three groups were used in experiments: AeBlue chromoprotein, AeBlue chromoprotein with AAV tag and AeBlue chromoprotein with LVA tag. Two mono-colonies were chosen from each group. 300ml LB was used to culture the 6 colonies at 37 degrees Celsius for 4 hours. Then 300ul IPTG was added to induce at 16 degrees Celsius for 12 hours. The data was collected from 5 hours to 12 hours, totally 13 points. For each point, 20ml colony liquid was obtained from the 300ml LB culture. 4ml of them was used for OD measurement at 600nm and the rest 16ml of them was used for protein extraction.

Firstly, 16ml bacteria were centrifuged at 6000 rpm for 5 minutes. Then the supernatant was discarded and 10ml PBS was added to resuspend the sediment. After using ultrasonic wave to break the cell, 4ml of mixture was centrifuged at 12000 rpm for 5 minutes. Finally, the absorbance of blue chromoprotein was measured at 597nm by spectrophotometer.

Results are shown as follows.

Table 1：OD value measured at 13 time points at 600nm

Table 2：Absorbance value measured at 13 time points at 597nm

Table 3：Absorbance value divided by OD value

Figure 12. The variation of chromoprotein after induced 300 min

Figure 13 The color of non-tag, AAV tail and LVA tail after induced 720 minutes

As shown in the Figure 12, both blue chromoprotein with LVA tail and AAV tail had less accumulation amount than the group of no-tail, which indicated both LVA tail and AAV tail raised the degradation rate. In addition, blue chromoprotein with LVA tail had an even lower accumulation in host cells compared to blue chromoprotein with AAV tail. It was speculated that the LVA tail provided a higher degradation rate. In conclusion, the tails can speed up the degradation of chromoprotein, and LVA tail is highly effective in protein degradation, whereas in our project the AAV tag was chosen to gain a balance between clear color performance and high speed of degradation. Figure 13 shows the color of non-tag, AAV tail and LVA tail after induced 720 minutes.

4.5 Reference

Anderson,J. (1998) ‘New unstable variants of green fluorescent protein for studies of transient gene expression in bacteria’, Applied and environmental microbiology, 64(6), June, pp.2240-2246.

@@ Line 1: / Line 1: @@
-{{XJTLU-CHINA}}
+<html lang="en">
-<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Team</title>
+    <style type="text/css">
-<h2> Project Description </h2>
+        #firstHeading{
+            display: none;
+        }
-<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+        #globalWrapper, #content {
-<br />
+            width: 100%;
+            height: 100%;
+            border: 0px;
+            background-color: #edece4 ;
+            margin: 0px;
+            padding: 0px;
+        }
-<h5>What should this page contain?</h5>
+        *{
-<ul>
+            padding: 0;
-<li> A clear and concise description of your project.</li>
+            margin: 0;
-<li>A detailed explanation of why your team chose to work on this particular project.</li>
+            font-family: Tahoma;
-<li>References and sources to document your research.</li>
+            line-height: 1.5;
-<li>Use illustrations and other visual resources to explain your project.</li>
+        }
-</ul>
+        *{
+            padding: 0;
+            margin: 0;
+            font-family: Tahoma;
+        }
-<br />
+        .container{
-<h4>Advice on writing your Project Description</h4>
+            margin: 0 75px;
+        }
-<p>
+        .header{
-We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements.
+            height: 135px;
-</p>
+            z-index: 1;
+            position: absolute;
+            width: 100%;
+        }
-<p>
+        .headerBg{
-Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year.
+            background-color: white;
-</p>
+            height: 150px;
+            z-index: -10;
+            position: absolute;
+            width: 100%;
+            opacity: 0.5;
+        }
+        .navi{
+            float: right;
+        }
-<br />
+        .mainNavi ul, li{
-<h4>References</h4>
+            list-style: none;
-<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you.</p>
+            font-weight: 600;
+        }
+        .mainNavi{
+            width: 112px;
+        }
+        .mainNavi a{
+            color: black;
+            background-size: 100%;
+            text-decoration: none;
+            display: block;
+            width: 112px;
+            text-align: center;
+        }
-<h4>Inspiration</h4>
+        .mainNavi li{
-<p>See how other teams have described and presented their projects: </p>
+            padding-top: 15px;
+            padding-bottom: 15px;
+            background-color: #3399FF;
+        }
-<ul>
+        .navi li{
-<li><a href="https://2014.igem.org/Team:Imperial/Project"> Imperial</a></li>
+            float: left;
-<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> UC Davis</a></li>
+            margin-right: 3px;
-<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">SYSU Software</a></li>
+        }
-</ul>
+        .mainNavi li a{
+            color: black;
+            background-image: none;
+        }
+        #PrimaryNaviBg1{
+            width: 100%;
+            height: 150px;
+            background: url(https://static.igem.org/mediawiki/2015/a/ae/NavBtnImg1XJTLU15.png) center top no-repeat;
+            background-size: contain;
+        }
+        #PrimaryNaviBg2{
+            width: 100%;
+            height: 150px;
+            background: url(https://static.igem.org/mediawiki/2015/f/fc/NavBtnImg2XJTLU15.png) center top no-repeat;
+            background-size: contain;
+        }
+        #PrimaryNaviBg3{
+            width: 100%;
+            height: 150px;
+            background: url(https://static.igem.org/mediawiki/2015/a/aa/NavBtnImg3XJTLU15.png) center top no-repeat;
+            background-size: contain;
+        }
+        #PrimaryNaviBg4{
+            width: 100%;
+            height: 150px;
+            background: url(https://static.igem.org/mediawiki/2015/4/42/NavBtnImg4XJTLU15.png) center top no-repeat;
+            background-size: contain;
+        }
+        #PrimaryNaviBg5{
+            width: 100%;
+            height: 150px;
+            background: url(https://static.igem.org/mediawiki/2015/7/79/NavBtnImg5XJTLU15.png) center top no-repeat;
+            background-size: contain;
+        }
+        #PrimaryNaviBg6{
+            width: 100%;
+            height: 150px;
+            background: url(https://static.igem.org/mediawiki/2015/a/a3/NavBtnImg6XJTLU15.png) center top no-repeat;
+            background-size: contain;
+        }
+        #PrimaryNaviBg7{
+            width: 100%;
+            height: 150px;
+            background: url(https://static.igem.org/mediawiki/2015/3/36/NavBtnImg7XJTLU15.png) center top no-repeat;
+            background-size: contain;
+        }
+        #PrimaryNaviBg8{
+            width: 100%;
+            height: 150px;;
+            background: url(https://static.igem.org/mediawiki/2015/f/f6/NavBtnImg8XJTLU15.png) center top no-repeat;
+            background-size: contain;
+        }
+        #PrimaryNaviBg9{
+            width: 100%;
+            height: 150px;
+            background: url(https://static.igem.org/mediawiki/2015/8/86/NavBtnImg9XJTLU15.png) center top no-repeat;
+            background-size: contain;
+        }
+        .primaryNavi{
+            padding-top: 111px;
+        }
+        .mainNavi ul{
+            display: none;
+        }
+        .footer{
+            height: 200px;
+            border-top: solid blue thick;
+        }
+        .footerBg{
+            height: 130%;
+            width: 100%;
+            position: relative;
+            background-color: black;
+        }
+        .logoImg{
+            padding-top: 70px;
+            color: white;
+            font-size: 30px;
+        }
+        .logo{
+            margin-left: 3%
+        }
+        .Zheader{
+            height: 135px;
+            z-index: 1;
+            position: fixed;
+            width: 100%;
+            display: none;
+        }
+        .ZheaderBg{
+            background-color: white;
+            height: 50px;
+            z-index: -10;
+            position: fixed;
+            width: 100%;
+            opacity: 0.8;
+        }
+        .Znavi{
+            float: right;
+        }
+        .ZmainNavi ul, li{
+            list-style: none;
+            font-weight: 600;
+        }
+        .ZmainNavi{
+            width: 112px;
+        }
+        .ZmainNavi a{
+            color: black;
+            background-size: 100%;
+            text-decoration: none;
+            display: block;
+            width: 112px;
+            text-align: center;
+        }
+        .ZmainNavi li{
+            padding-top: 15px;
+            padding-bottom: 15px;
+            background-color: #3399FF;
+        }
+        .Znavi li{
+            float: left;
+            margin-right: 3px;
+        }
+        .ZmainNavi li a{
+            color: black;
+            background-image: none;
+        }
+        #ZPrimaryNaviBg1{
+            width: 100%;
+            height: 50px;
+            background-size: contain;
+        }
+        #ZPrimaryNaviBg2{
+            width: 100%;
+            height: 50px;
+            background-size: contain;
+        }
+        #ZPrimaryNaviBg3{
+            width: 100%;
+            height: 50px;
+            background-size: contain;
+        }
+        #ZPrimaryNaviBg4{
+            width: 100%;
+            height: 50px;
+            background-size: contain;
+        }
+        #ZPrimaryNaviBg5{
+            width: 100%;
+            height: 50px;
+            background-size: contain;
+        }
+        #ZPrimaryNaviBg6{
+            width: 100%;
+            height: 50px;
+            background-size: contain;
+        }
+        #ZPrimaryNaviBg7{
+            width: 100%;
+            height: 50px;
+            background-size: contain;
+        }
+        #ZPrimaryNaviBg8{
+            width: 100%;
+            height: 50px;;
+            background-size: contain;
+        }
+        #ZPrimaryNaviBg9{
+            width: 100%;
+            height: 50px;
+            background-size: contain;
+        }
+        .ZprimaryNavi{
+            padding-top: 5px;
+        }
+        .ZmainNavi ul{
+            display: none;
+        }
+        .navilogoText{
+            position: absolute;
+            font-weight: 600;
+            padding-top: 111px;
+        }
+        .ZnavilogoText{
+            position: absolute;
+            font-weight: 600;
+            padding-top: 5px;
+        }
+        .navilogo{
+            position: absolute;
+            height: 90px;
+            top: 12px;
+        }
+        .firstPage{
+            height: 683px;
+        }
+        .firstPageBg{
+            width: 100%;
+            height: 100%;
+            position: absolute;
+            background-position: center center;
+            background-size: cover;
+            background-image: url(https://static.igem.org/mediawiki/2015/7/77/HomeBg1XJTLU15.png);
+            z-index: -999;
+        }
+        .secondPage{
+        }
+        .secondPageBg{
+            height: 100%;
+            width: 100%;
+            position: relative;
+            background-position: center center;
+            background-size: cover;
+            background-color: ghostwhite;
+        }
+        .thirdPage{
+        }
+        .thirdPageBg{
+            height: 100%;
+            width: 100%;
+            position: relative;
+            background-position: center center;
+            background-size: cover;
+            background-color: ghostwhite ;
+        }
+        .fourthPage{
+        }
+        .fourthPageBg{
+            height: 100%;
+            width: 100%;
+            position: relative;
+            background-position: center center;
+            background-size: cover;
+            background-color: gainsboro ;
+        }
+        .fifthPage{
+        }
+        .fifthPageBg{
+            height: 100%;
+            width: 100%;
+            position: relative;
+            background-position: center center;
+            background-size: cover;
+            background-color: whitesmoke ;
+        }
+        .overview{
+            padding-top: 250px;
+        }
+        .heading{
+            color: black;
+            font-size: 100px;
+            font-weight: 800;
+            position: absolute;
+        }
+        h2{
+            margin-bottom: 50px;
+            font-size: 65px;
+            color: black;
+            font-weight: 300;
+            background-color: CornflowerBlue;
+            padding: 20px;
+            border-radius: 10px;
+        }
+        h3{
+            margin-bottom: 20px;
+            font-size: 35px;
+            color: black;
+            font-weight: 300;
+            clear: left;
+            background-color: lightblue;
+            padding: 20px;
+            border-radius: 10px;
+        }
+        h4{
+            font-size: 25px;
+            color: black;
+            font-weight: 100;
+            clear: left;
+            background-color: #AFEEEE;
+            padding: 5px 20px;
+            border-radius: 10px;
+        }
+        .lv1{
+            margin-left: 15%;
+            margin-right: 15%;
+        }
+        .lv2{
+            line-height: 1.5;
+            margin-bottom: 20px;
+            margin-top: 20px;
+            background-color: beige ;
+            padding: 20px;
+            border-radius: 10px;
+        }
+        .lv3{
+            line-height: 2;
+            font-size: 16px;
+            margin: 20px 0;
+            clear: left;
+            background-color: white;
+            padding: 20px;
+            border-radius: 10px;
+        }
+        .PageEnd{
+            padding: 20px;
+            clear: left;
+        }
+        .PageGap{
+            padding-bottom: 10px;
+        }
+        .PageGap2{
+            padding-bottom: 1310px;
+        }
+        .hpImgstyle3-1{
+            width: 70%;
+            height: 70%;
+            margin-left: 15%;
+            margin-top: 20px;
+            margin-bottom: 20px;
+            border-radius: 10px;
+        }
+        .hPImgStyle3Text{
+            width: 65%;
+            float: left;
+            margin-left: 17%;
+            margin-bottom: 50px;
+            clear: left;
+            text-align: center;
+            background-color: RoyalBlue;
+            padding: 5px;
+            border-radius: 10px;
+        }
+        .hpImgstyle2-1{
+            width: 35%;
+            float: left;
+            margin-left: 15%;
+            margin-top: 20px;
+            margin-bottom: 20px;
+            border-radius: 10px 0 0 10px;
+        }
+        .hpImgstyle2-2{
+            width: 35%;
+            float: left;
+            margin-top: 20px;
+            margin-left: .5%;
+            margin-bottom: 20px;
+            border-radius: 0 10px 10px 0;
+        }
+        .hPImgStyle2Text1{
+            width: 30%;
+            float: left;
+            margin-left: 17%;
+            margin-bottom: 50px;
+            clear: left;
+            text-align: center;
+            background-color: RoyalBlue;
+            padding: 5px;
+            border-radius: 10px;
+        }
+        .hPImgStyle2Text2{
+            width: 30%;
+            float: left;
+            margin-bottom: 50px;
+            margin-left: 5%;
+            text-align: center;
+            background-color: RoyalBlue;
+            padding: 5px;
+            border-radius: 10px;
+        }
+        .tableImg{
+            width: 100%;
+        }
+        .thirdPage{
+            display: none;
+        }
+        .earth{
+            position: absolute;
+            right:100px;
+            top: 100px;
+            width: 40%;
+        }
+    </style>
+    <script type="text/javascript">
+        $(document).ready(function(){
+            $(function(){
+                $(window).scroll(function(){
+                    height = $(window).scrollTop();
+                    if(height > 683){
+                        $('.Zheader').fadeIn();
+                    }else{
+                        $('.Zheader').fadeOut();
+                    };
+                });
+            });
+            $(".mainNavi").hover(function(){
+                $(this).children("ul").slideDown(50);
+            },function(){
+                $(this).children("ul").slideUp(100);
+            },function(){
+            });
+            $("#PrimaryNaviBg1").hover(function(){
+                $("#PrimaryNaviBg1").css("background-color","#3399CC");
+            },function(){
+                $("#PrimaryNaviBg1").css("background-color","");
+            });
+            $("#PrimaryNaviBg2").hover(function(){
+                $("#PrimaryNaviBg2").css("background-color","#3399CC");
+            },function(){
+                $("#PrimaryNaviBg2").css("background-color","");
+            });
+            $("#PrimaryNaviBg3").hover(function(){
+                $("#PrimaryNaviBg3").css("background-color","#3399CC");
+            },function(){
+                $("#PrimaryNaviBg3").css("background-color","");
+            });
+            $("#PrimaryNaviBg4").hover(function(){
+                $("#PrimaryNaviBg4").css("background-color","#3399CC");
+            },function(){
+                $("#PrimaryNaviBg4").css("background-color","");
+            });
+            $("#PrimaryNaviBg5").hover(function(){
+                $("#PrimaryNaviBg5").css("background-color","#3399CC");
+            },function(){
+                $("#PrimaryNaviBg5").css("background-color","");
+            });
+            $("#PrimaryNaviBg6").hover(function(){
+                $("#PrimaryNaviBg6").css("background-color","#3399CC");
+            },function(){
+                $("#PrimaryNaviBg6").css("background-color","");
+            });
+            $("#PrimaryNaviBg7").hover(function(){
+                $("#PrimaryNaviBg7").css("background-color","#3399CC");
+            },function(){
+                $("#PrimaryNaviBg7").css("background-color","");
+            });
+            $("#PrimaryNaviBg8").hover(function(){
+                $("#PrimaryNaviBg8").css("background-color","#3399CC");
+            },function(){
+                $("#PrimaryNaviBg8").css("background-color","");
+            });
+            $("#PrimaryNaviBg9").hover(function(){
+                $("#PrimaryNaviBg9").css("background-color","#3399CC");
+            },function(){
+                $("#PrimaryNaviBg9").css("background-color","");
+            });
+            $(".ZmainNavi").hover(function(){
+                $(this).children("ul").slideDown(50);
+            },function(){
+                $(this).children("ul").slideUp(100);
+            },function(){
+            });
+            $("#ZPrimaryNaviBg1").hover(function(){
+                $("#ZPrimaryNaviBg1").css("background-color","#3399CC");
+            },function(){
+                $("#ZPrimaryNaviBg1").css("background-color","");
+            });
+            $("#ZPrimaryNaviBg2").hover(function(){
+                $("#ZPrimaryNaviBg2").css("background-color","#3399CC");
+            },function(){
+                $("#ZPrimaryNaviBg2").css("background-color","");
+            });
+            $("#ZPrimaryNaviBg3").hover(function(){
+                $("#ZPrimaryNaviBg3").css("background-color","#3399CC");
+            },function(){
+                $("#ZPrimaryNaviBg3").css("background-color","");
+            });
+            $("#ZPrimaryNaviBg4").hover(function(){
+                $("#ZPrimaryNaviBg4").css("background-color","#3399CC");
+            },function(){
+                $("#ZPrimaryNaviBg4").css("background-color","");
+            });
+            $("#ZPrimaryNaviBg5").hover(function(){
+                $("#ZPrimaryNaviBg5").css("background-color","#3399CC");
+            },function(){
+                $("#ZPrimaryNaviBg5").css("background-color","");
+            });
+            $("#ZPrimaryNaviBg6").hover(function(){
+                $("#ZPrimaryNaviBg6").css("background-color","#3399CC");
+            },function(){
+                $("#ZPrimaryNaviBg6").css("background-color","");
+            });
+            $("#ZPrimaryNaviBg7").hover(function(){
+                $("#ZPrimaryNaviBg7").css("background-color","#3399CC");
+            },function(){
+                $("#ZPrimaryNaviBg7").css("background-color","");
+            });
+            $("#ZPrimaryNaviBg8").hover(function(){
+                $("#ZPrimaryNaviBg8").css("background-color","#3399CC");
+            },function(){
+                $("#ZPrimaryNaviBg8").css("background-color","");
+            });
+            $("#ZPrimaryNaviBg9").hover(function(){
+                $("#ZPrimaryNaviBg9").css("background-color","#3399CC");
+            },function(){
+                $("#ZPrimaryNaviBg9").css("background-color","");
+            });
+            $(".jump1").anchorGoWhere({target:1});
+            $(".jump2").anchorGoWhere({target:1});
+            $(".jump3").anchorGoWhere({target:1});
+            $(".jump4").anchorGoWhere({target:1});
+            $(".jump5").anchorGoWhere({target:1});
+            $(".jump6").anchorGoWhere({target:1});
+            $(".jump7").anchorGoWhere({target:1});
+        });
+        jQuery.fn.anchorGoWhere = function(options){
+            var obj = jQuery(this);
+            var defaults = {target:0, timer:1000};
+            var o = jQuery.extend(defaults,options);
+            obj.each(function(i){
+                jQuery(obj[i]).click(function(){
+                    var _rel = jQuery(this).attr("href").substr(1);
+                    switch(o.target){
+                        case 1:
+                            var _targetTop = jQuery("#"+_rel).offset().top;
+                            jQuery("html,body").animate({scrollTop:_targetTop},o.timer);
+                            break;
+                        case 2:
+                            var _targetLeft = jQuery("#"+_rel).offset().left;
+                            jQuery("html,body").animate({scrollLeft:_targetLeft},o.timer);
+                            break;
+                    }
+                    return false;
+                });
+            });
+        };
+    </script>
+</head>
+<body>
+<div class="header">
+    <div class="headerBg">
+    </div>
+    <div class="container" style="margin-left: 30px; margin-right: 20px;">
+        <p class="navilogoText">XJTLU-CHINA<p/>
+        <img class="navilogo" src="https://static.igem.org/mediawiki/2015/d/da/LogoXJTLU15.png">
+        <div class="headerBar">
+            <div class="navi">
+                <ul>
+                    <li class="mainNavi col1">
+                        <div id="PrimaryNaviBg1">
+                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA">Home</a>
+                        </div>
+                    </li>
+                    <li class="mainNavi col1">
+                        <div id="PrimaryNaviBg2" style="background-color: #3399CC";>
+                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Description">Project</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="#J1">Map description</a></li>
+                            <li><a class="jump2" href="#J2">RNA thermo-meter</a></li>
+                            <li><a class="jump2" href="#J4">Chromopro-tein</a></li>
+                            <li><a class="jump2" href="#J4">Chromopro-tein testing</a></li>
+                        </ul>
+                    </li>
+                    <li class="mainNavi col1">
+                        <div id="PrimaryNaviBg3">
+                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts">Parts</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts#J1">Modularity</a></li>
+                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts#J2">Part Detail</a></li>
+                        </ul>
+                    </li>
+                    <li class="mainNavi col1">
+                        <div id="PrimaryNaviBg4">
+                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Team">Team</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Team#J1">Team introduction</a></li>
+                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Team#J2">Attribution</a></li>
+                        </ul>
+                    </li>
+                    <li class="mainNavi col1">
+                        <div id="PrimaryNaviBg5">
+                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Modeling">Modeling</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Modeling#J1">Modeling</a></li>
+                        </ul>
+                    </li>
+                    <li class="mainNavi col1">
+                        <div id="PrimaryNaviBg6">
+                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety">Safety</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety#J1">Policy</a></li>
+                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety#J2">Q & A</a></li>
+                        </ul>
+                    </li>
+                    <li class="mainNavi col1">
+                        <div id="PrimaryNaviBg7">
+                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices">Human Practice</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J1">Public speech for iGEM</a></li>
+                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J2">iGEM teams work shop</a></li>
+                            <li><a class="jump3" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J3">Questionnaire for XJTLU-iGEM</a></li>
+                            <li><a class="jump4" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J4">LEGO</a></li>
+                        </ul>
+                    </li>
+                    <li class="mainNavi col1">
+                        <div id="PrimaryNaviBg8">
+                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook">Notebook</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J1">Protocols</a></li>
+                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J2">Mar - May</a></li>
+                            <li><a class="jump3" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J3">June</a></li>
+                            <li><a class="jump4" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J4">July</a></li>
+                            <li><a class="jump5" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J5">Aug - Sep</a></li>
+                        </ul>
+                    </li>
+                    <li class="mainNavi col1">
+                        <div id="PrimaryNaviBg9">
+                            <a class="primaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaborations">Collaboration</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="orations：https://2015.igem.org/Team:XJTLU-CHINA/Collaborations#J1">with NYU-Shanghai</a></li>
+                            <li><a class="jump2" href="orations：https://2015.igem.org/Team:XJTLU-CHINA/Collaborations#J2">with BIT-China</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
 </div>
+<div class="Zheader">
+    <div class="ZheaderBg">
+    </div>
+    <div class="container" style="margin-left: 30px; margin-right: 20px;">
+        <div class="ZheaderBar">
+            <p class="ZnavilogoText">XJTLU-CHINA<p/>
+            <div class="Znavi">
+                <ul>
+                    <li class="ZmainNavi col1">
+                        <div id="ZPrimaryNaviBg1">
+                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA">Home</a>
+                        </div>
+                    </li>
+                    <li class="ZmainNavi col1">
+                        <div id="ZPrimaryNaviBg2" style="background-color: #3399CC";>
+                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Description">Project</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="#J1">Map description</a></li>
+                            <li><a class="jump2" href="#J2">RNA thermo-meter</a></li>
+                            <li><a class="jump2" href="#J4">Chromopro-tein</a></li>
+                            <li><a class="jump2" href="#J4">Chromopro-tein testing</a></li>
+                        </ul>
+                    </li>
+                    <li class="ZmainNavi col1">
+                        <div id="ZPrimaryNaviBg3">
+                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts">Parts</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts#J1">Modularity</a></li>
+                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Parts#J2">Part Detail</a></li>
+                        </ul>
+                    </li>
+                    <li class="ZmainNavi col1">
+                        <div id="ZPrimaryNaviBg4">
+                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Team">Team</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Team#J1">Team introduction</a></li>
+                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Team#J2">Attribution</a></li>
+                        </ul>
+                    </li>
+                    <li class="ZmainNavi col1">
+                        <div id="ZPrimaryNaviBg5">
+                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Modeling">Modeling</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Modeling#J1">Modeling</a></li>
+                        </ul>
+                    </li>
+                    <li class="ZmainNavi col1">
+                        <div id="ZPrimaryNaviBg6">
+                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety">Safety</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety#J1">Policy</a></li>
+                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Safety#J2">Q & A</a></li>
+                        </ul>
+                    </li>
+                    <li class="ZmainNavi col1">
+                        <div id="ZPrimaryNaviBg7">
+                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices">Human Practice</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J1">Public speech for iGEM</a></li>
+                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J2">iGEM teams work shop</a></li>
+                            <li><a class="jump3" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J3">Questionnaire for XJTLU-iGEM</a></li>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Practices#J4">LEGO</a></li>
+                        </ul>
+                    </li>
+                    <li class="ZmainNavi col1">
+                        <div id="ZPrimaryNaviBg8">
+                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook">Notebook</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J1">Protocols</a></li>
+                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J2">Mar - May</a></li>
+                            <li><a class="jump3" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J3">June</a></li>
+                            <li><a class="jump4" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J4">July</a></li>
+                            <li><a class="jump5" href="https://2015.igem.org/Team:XJTLU-CHINA/Notebook#J5">Aug - Sep</a></li>
+                        </ul>
+                    </li>
+                    <li class="ZmainNavi col1">
+                        <div id="ZPrimaryNaviBg9">
+                            <a class="ZprimaryNavi" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaboration">Collaboration</a>
+                        </div>
+                        <ul>
+                            <li><a class="jump1" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaboration#J1">with NYU-Shanghai</a></li>
+                            <li><a class="jump2" href="https://2015.igem.org/Team:XJTLU-CHINA/Collaboration#J2">with BIT-China</a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="firstPage">
+    <div class="firstPageBg">
+    </div>
+    <div class="container">
+        <div class="overview">
+            <div class="title">
+                <P class="heading">Project</P>
+            </div>
+        </div>
+        <div>
+            <img class="earth" src="https://static.igem.org/mediawiki/2015/1/1e/Earth.png">
+        </div>
+    </div>
+</div>
+<div class="secondPage" id="J1">
+    <div class="secondPageBg">
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <h2>1. Map description</h2>
+            </div>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <h3>1.1 Overview</h3>
+                <div class="lv2" >
+                    <p>This year, team of XJTLU aims to simulate the process of global warming by introducing ribothermometers and chromoproteins to Escherichia coli. Global warming causes many consequences, including glacial ablation, the rise of sea level and the withering of plants. The appearance of the Earth will change as the average temperature rises: the white glaciers will melt; the green threes on the land turns into yellow and the coastal area will be flooded with sea water. To simulate this process, a genetic circuit made up with a ribothermometer that will switch at 37 degree Celsius and different color of chromoproteins was designed. Four different strains sand for different areas on earth are made: “Inland”, “Coastal”, “Marine” and “Polar”, as showed in figure 1.</p>
+                </div>
+            </div>
+        </div>
+        <div class="hPImgStyle3">
+            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/e/e7/Project1Img1.png"/>
+        </div>
+        <div class="hPImgStyle3Text">
+            <p>Figure 1</p>
+        </div>
+        <div class="PageGap">
+            <br/>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <h3>1.2 Inland </h3>
+                <div class="lv2" >
+                    <p>Figure 2 shows the pathway of “Inland” E.coli. Inspired by Paris-Saclay igem team (2014), we combined a yellow chromoprotein called amilGFP (Part ID: BBa_K592010) and a blue chromoprotein called AeBlue (Part ID: BBa_K864401) to get green color in order to simulate the green color of inland area on the earth. Both chromoprotein followed with aav tail to obtain the color change distinctly from green to yellow. We introduced a tet operator to operate the expression of blue chromoprotein. The express of tetR (Part ID: BBa_C0040) is controlled by the 37℃ ribothermometer on the up steam. When the temperature is below 37℃, the tetR will not be translated and both yellow and blue chromoprotein can express, therefore, the green color shows. However, when the temperature reach above 37℃, tetR starts to be translated and bind with tetO, the gene that codes blue chromoprotein cannot be transcribed. Only the yellow chromoprotein can express. As the consequence of that, the color of the colony changed from green into yellow.</p>
+                </div>
+            </div>
+        </div>
+        <div class="hPImgStyle3">
+            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/e/e0/Project1Img12.png"/>
+        </div>
+        <div class="hPImgStyle3Text">
+            <p>Figure 2</p>
+        </div>
+        <div class="PageGap">
+            <br/>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <h3>1.3 Coastal and Marine</h3>
+                <div class="lv2" >
+                    <p>The repress and control system between “Coastal” and “Marine” E. coli is showed in figure 3. When the temperature is below 37℃, LuxI (Part ID: BBa_C0061) in “Marine” E. coli will not be translated, 3-oxo-hexanoyl-HSL will not express. The Lux promoter, Plux (Part ID: BBa_R0061), in “Coastal” E. coli is closed in absence of LuxR/HSL (LuxR Part ID: BBa_C0062). Therefore, tetR won’t express and both yellow and blue chromoprotein will be expressed, the color of “Coastal” E. coli is green. When the temperature rise above 37℃, the ribothermometer switches on and 3-oxo-hexanoyl-HSL starts to express, which starts the transcription of Plux and tetR. TetR binds with tet operator and stops the transcription of yellow chromoprotein. The color of “Coastal” E. coli turns into blue.  This pathway simulates the process of the rise of sea level and the coastal area flooded by sea water.  </p>
+                </div>
+            </div>
+        </div>
+        <div class="hPImgStyle3">
+            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/6/65/Project1Img3.png"/>
+        </div>
+        <div class="hPImgStyle3Text">
+            <p>Figure 3</p>
+        </div>
+        <div class="PageGap">
+            <br/>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <h3>1.4 Marine and Coastal </h3>
+                <div class="lv2" >
+                    <p>Just like the correlation between “Marine” and “Coastal”, the color change of “Polar” E. coli is controlled by LuxR, Plux and LuxI system (Figure 4). The color of “Polar” E. coli is white (the origin color of E. coli colony) when the temperature is below 37℃ and will change into blue when the temperature is above 37℃ as the presence of 3-oxo-hexanoyl-HSL. This pathway simulates the process of the glaciers melting.</p>
+                </div>
+            </div>
+        </div>
+        <div class="hPImgStyle3">
+            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/7/7e/Project1Img4.png"/>
+        </div>
+        <div class="hPImgStyle3Text">
+            <p>Figure 4</p>
+        </div>
+        <div class="PageGap">
+            <br/>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+    </div>
+</div>
+<div class="thirdPage" id="J3">
+    <div class="thirdPageBg">
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <h2>2. Chromoprotein </h2>
+            </div>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <div class="lv2" >
+                    <h4></h4>
+                    <div class="lv3">
+                        <P></P>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+    </div>
+</div>
+<div class="fourthPage" id="J2">
+    <div class="fourthPageBg">
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <h2>2. RNA thermometer </h2>
+            </div>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <h3>2.1 Background </h3>
+                <div class="lv2" >
+                    <h4>Introduction</h4>
+                    <div class="lv3">
+                        <p>RNA thermometers (RNATs) are temperature-induced riboswitches that post-transcriptionally regulate gene expression in response to temperature shifts by a way of undergoing conformation changes in the secondary structure of RNA to exhibit either turn-on state or turn-off state.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="hPImgStyle3">
+            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/3/3d/Project3Img1.png"/>
+        </div>
+        <div class="hPImgStyle3Text">
+            <p>Figure 1: Responsiveness of mRNA structures to environmental cues (TUDelft, 2008)</p>
+        </div>
+        <div class="PageGap">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <div class="lv2" >
+                    <div class="lv3">
+                        <p>As shown in Figure 1, the hairpin structure harbors the Shine-Dalgarno sequence (SD sequence) and, in this way, make it inaccessible to the 30S unit of the bacterial ribosome, resulting in translational inactivation. (SD sequence is polypurine sequence located in around 8 nt upstream from the start codon and responsible for anchoring ribosome in the RNA single strand). Once reaching a certain temperature, hairpin structure would vanish and as a result, exposing the SD sequence to trigger the translation process.</p>
+                        <br/>
+                        <p>Natural forms of RNATs were usually found in 5’ untranslated region of many eubacteria and were believed to be related to biological temperature-rising response (Nocker, 2001, cited in Neupert and Bock, 2009). Here, we would introduce two sub-families of RNATs and synthetic RNA thermometers and how they works in our project. </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <div class="lv2" >
+                    <h4>ROSE </h4>
+                    <div class="lv3">
+                        <p>A conserved family of RNATs is the ROSE-like elements (ROSE stands for Repression Of heat Shock gene Expression), first discovered in the 5′ untranslated region of rhizobial heat shock genes (Nocker, 2001). All the RNAts presenting in ROSE family we known control expression of small heat shock genes (Nocker, 2001). However, most naturally occurring ROSE elements are relatively large and fold into complex secondary structures that usually contain 2-4 hairpin structures (Fig. 2). Hence, for practical reason, we tested A1 RNAT that derived from ROSE family. Thank BIT-CHINA for proving DNA sequences of this part. The possible secondary structure of A1 was simulated by RNAstructure (Fig.3). For testing results of A1 RNAT, please click here.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="hPImgStyle2">
+            <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/8/8d/Project3Img2.jpeg"/>
+        </div>
+        <div class="hPImgStyle2">
+            <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/b/b0/Project3Img3.jpeg"/>
+        </div>
+        <div class="hPImgStyle2Text1">
+            <p>Figure 2: Proposed RNA secondary structure of the 5’ UTR from the prfA gene of the pathogenic bacterium Listeria monocytogenes, which belongs to ROSE family (Neupert and Bock, 2009). </p>
+        </div>
+        <div class="hPImgStyle2Text2">
+            <p>Figure 3: The possible secondary structure of A1.</p>
+        </div>
+        <div class="PageGap2">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <div class="lv2" >
+                    <h4>FourU</h4>
+                    <div class="lv3">
+                        <P>FourU thermometers as naturally occurring RNA thermometers, for the first time, were found in Salmonella, so called as four highly conserved uridine nucleotides are placed right opposite to the SD sequence. FourU elements usually have two hairpin structures, in the case of temperature rising, the one without SD sequence is relatively steady while the other contains hidden SD sequence would be melted. In 2008, TUDelft designed and submitted part K115002 to iGEM registry based on natural forms of FourU elements. The possible secondary structure of FourU was simulated by RNAstructure (Fig.4). We test this part this year to determine the validity of this part. For testing results of K115002, please click here.</P>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="hPImgStyle3">
+            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/4/4e/Project3Img4.jpeg"/>
+        </div>
+        <div class="hPImgStyle3Text">
+            <p>Figure 4: The possible secondary structure of FourU.</p>
+        </div>
+        <div class="PageGap">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <div class="lv2" >
+                    <h4>Synthetic RNA thermometer</h4>
+                    <div class="lv3">
+                        <P>The possibility of designing synthetic RNA thermometers was explored based on the assumption that the RNATs do function by the proposed simple hairpin-melting mechanism that expose the ribosome-binding site. Therefore, Stem-loop structure with the SD sequence embedded in the stem would be the simplest RNAT. Based on the work of Juliane Neupert, Daniel Karcher and Ralph Bock (2008), Synthetic RNAT U6 was chosen as one of our testing RNATs. The possible secondary structure of U6 was simulated by RNAstructure (Fig.5). For testing results of A1 RNAT, please click here.</P>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="hPImgStyle3">
+            <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/0/09/Project3Img5.jpeg"/>
+        </div>
+        <div class="hPImgStyle3Text">
+            <P>Figure 5: The possible secondary structure of U6.</P>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <h3>2.2 Method  </h3>
+                <div class="lv2" >
+                    <p>In the first round of experiments the RNA thermometers we’ve tested are from part registry of previous iGEM competition (K115002, K115017), support of team BIT-China (A¬1, A2, A3), literature (U9, U10) and our own design (U6-GC). We constructed parts on pET-28a as PT7-LacO- pET-28a random sequence-RNAT-eGFP. Plasmids are transformed into BL21(DE3) for expression. After transformation, samples were cultured at 30oC, 37oC and 42oC separately and induced by IPTG at respective temperature. Below are illusion of LacO-random sequence-RNAT secondary structure and their experimental results. For each structure, the 50th base is the starting point of RNAT.  </p>
+                </div>
+            </div>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <h3> 2.3 Result </h3>
+                <div class="lv2" >
+                    <img src="https://static.igem.org/mediawiki/2015/d/d9/A1.jpeg" width="100%"/>
+                    <img src="https://static.igem.org/mediawiki/2015/8/82/A3.jpeg" width="100%"/>
+                    <img src="https://static.igem.org/mediawiki/2015/e/e7/K115002.jpeg" width="100%"/>
+                    <img src="https://static.igem.org/mediawiki/2015/5/5f/K115017.jpeg" width="100%"/>
+                    <img src="https://static.igem.org/mediawiki/2015/b/bc/U6GC.jpeg" width="100%"/>
+                    <img src="https://static.igem.org/mediawiki/2015/e/e9/U9.jpeg" width="100%"/>
+                    <img src="https://static.igem.org/mediawiki/2015/3/34/U10.jpeg" width="100%"/>
+                </div>
+            </div>
+        </div>
+        <div class="container">
+            <div class="lv1">
+                <h3>2.4 Reference List</h3>
+                <div class="lv2" >
+                    <p>1.	Neupert, J. & Bock, R. (2009) 'Designing and using synthetic RNA thermometers for temperature-controlled gene expression in bacteria', Nature Protocols, 4 (9), August, pp.1262-1273.</p>
+                    <br/>
+                    <p>2.	Nocker, A. et al. mRNA-based thermosensor controls expression of rhizobial heat shock genes. Nucleic Acids Res. 29, 4800–4807 (2001).</p>
+                    <br/>
+                    <p>3.	TUDelft (2008) RNA thermometer [Online image]. Available from: https://2008.igem.org/File:Rna_thermometer.png (Accessed: 19th August 2015).</p>
+                </div>
+            </div>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="PageEnd" style="margin-bottom: 300px">
+            <br/>
+        </div>
+    </div>
+</div>
+<div class="fifthPage" id="J4">
+    <div class="fifthPageBg">
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="PageEnd">
+            <br/>
+        </div>
+        <div class="container">
+            <div  class="container" id="chromoprotein">
+                <div class="lv1">
+                    <h2>3. Chromoprotein</h2>
+                </div>
+                <div class="lv1">
+                    <h3>3.1 Background</h3>
+                    <div class="lv2">
+                        <p>Chromoprotein  is the protein which has conjugeted structure and can express different colors.  Since our map was designed to be colorful, experiments aimed to test  chromoprotein were needed. At the same time, the color can be used as reporter  so that we also use chromoprotein to test other parts in our project.    <br>
+                            There  were 3 experiments related to chromoprotein. AeBlue Chromoprotein  (BBa_K864401), FwYellow Chromoprotein (BBa_K1033910), amilGFP (BBa_K592010, yellow chromoprotein)  and amajLime  (BBa_K1033916, green-yellow chromoprotein) were four chromoproteins we used.  Firstly, we tested all the chromoprotein we used. Secondly, we combined two  chromoproteins together to observe their composite color for our map design.  Moreover, LVA tag and AAV tag were added after chromoprotein respectively to  examine their function and efficiency of degradation. </p>
+                    </div>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <h3>3.2 Test of  chromoproteins in the experiment</h3>
+                    <div class="lv2">
+                        <p>For  our map design, there are two chromoproteins and one composite chromoprotein  mainly for our requirement, yellow, blue and green.  But due to different color of chromoprotein,  the test and screen were two necessary steps to choose the fit one to show the  nice color. <br>
+                            At  the first time, AeBlue Chromoprotein (BBa_K864401) and FwYellow Chromoprotein  (BBa_K1033910) were tested respectively with inducible promoters (T7 promoter).  The construction is shown in Figure 1. These two parts were assembled on PET  21a plasmid and then transformed into expressible competence E.coli BL21 (DE3).  The results were that the growths of bacteria were normal and the colors of  these two chromoproteins were distinct.  The  result was shown as Figure 2 and  Figure 3.</p>
+                        <p> <br>
+                            <img src="https://static.igem.org/mediawiki/2015/a/aa/Chromoprotein-figure_1.png" width="100%"/></p>
+                        <p>&nbsp;</p>
+                        <p>                                       <br>
+                            <br>
+                            <img src="https://static.igem.org/mediawiki/2015/3/3e/Chromoprotein-figure_2.png" width="100%"/>
+                            (Figure  2. The four on the left is Aeblue chromoprotein, and the four on the right is  Fw Yellow chromoprotein.)<br>
+                            <br>
+                            <img src="https://static.igem.org/mediawiki/2015/5/5f/Chromoprotein-figure_3.png" width="100%"/>
+                            (Figure  3. These two both are Aeblue blue chromoprotein. The left one is induced under  37 degrees  Celsius; the right one is induced under 16 degrees Celsius.)</p>
+                        <p>Next, amilGFP yellow  chromoprotein (BBa_K592010), and amajLime green-yellow chromoprotein  (BBa_K1033916,) were imported in for further color in our map design. These two  parts were linked after constitutive promoter (BBa_J23119) and RBS (BBa_B0034)  with assembled on PSB1C3. The construction is shown in Figure 4. Then  transformed into E. coli SE 2. The results were that the growths of bacteria  were normal and the colors of these two chromoproteins were distinct. See  results in Figure 5 and Figure 6.</p>
+                        <p> <br>
+                            <img src="https://static.igem.org/mediawiki/2015/5/52/Chromoprotein-figure_4.png" width="100%"/>
+                            (Figure  4) </p>
+                        <p>
+                        <div>
+                            <img src="https://static.igem.org/mediawiki/2015/9/92/Chromoprotein-figure_5.png" width="50%"/><img src="https://static.igem.org/mediawiki/2015/a/a4/Chromoprotein-figure_6.png" width="50%"/>
+                            <span>(Figure5. amajLime      green-yellow chromoprotein)</span><span style="margin-left:110px"> (Figure 6. amilGFP yellow      chromoprotein) </span>
+                        </div>
+                        <strong> </strong>
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <h3>3.3 Combination of two chromoproteins</h3>
+                    <div class="lv2">
+                        <p>For our map design, green chromoprotein is necessary. Moreover, the changed from green to  yellow (Inland) and from green to blue (Coastal) was also important to simulate  global warming. Inspired by Paris-Saclay igem team (2014), we combined a yellow  chromoprotein and a blue chromoprotein to get green color. <br>
+                            Blue  and yellow chromoproteins were assembled together. Two structures were used in Figure  7. The reason why an extra promoter was added after the yellow chromoprotein  was to increase the express of blue  chromoprotein. </p>
+                        <p> <br>
+                            <img src="https://static.igem.org/mediawiki/2015/c/c2/Chromoprotein-figure_7.png" width="100%"/>
+                            (Figure  7. The construction of expressed Aeblue and Fwyellow chromoprotein together)</p>
+                        <p>The 4ml of liquid medium were used to  culture the colony of BL21 (DE 3) for 5 hours, and we use IPTG to induce for 3  hours at 37 degrees centigrade. The result is shown as figure 8. However,  what was unexpected was that the final colors of these two were both blue and  violent instead of green. It was  possible that the yellow color expressed here was not pure yellow. We plan to  replace FwYellow chromoprotein. <br>
+                            <br>
+                            <img src="https://static.igem.org/mediawiki/2015/b/b8/Chromoprotein-figure_8.png" width="100%"/>
+                            (Figure 8. The left one is two T7 promoters  and one terminator in the plasmid pet 21a. The right one is one T7 promoter and  one terminator in the plasmid pet 21a)</p>
+                        <p>In  order to improve the color which is blue and violent instead of green, another  yellow chromoprotein called amilGFP yellow chromoprotein (BBa_K592010) is brought in our  test. The structure we used is shown in Figure 9.<br>
+                            <br>
+                            <img src="https://static.igem.org/mediawiki/2015/a/a4/Chromoprotein-figure_9.png" width="100%"/>
+                            (Figure  9. The construction of expressed Aeblue and amilGFP yellow chromoprotein together)</p>
+                        <p>The 4ml of liquid medium were used to  culture the colony of BL21 (DE 3) for 5 hours, and we use IPTG to induce for 12  hours at 16 degrees centigrade. The result is shown as Figure 10. As a  result, what was expected was that the final color was green. These two  chromoproteins are applied in our map design. </p>
+                        <p> <br>
+                            <img src="https://static.igem.org/mediawiki/2015/6/61/Chromoprotein-figure_10.png" width="100%"/>
+                            (Figure 10. Three mono-colony expressed both Aeblue and  amilGFP yellow chromoprotein)</p>
+                    </div>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <h3>3.4 Accumulation of chromoprotein with lva tag and aav tag</h3>
+                    <div class="lv2">
+                        <p>To perform a smooth color change from the combined green to the single expressed blue/yellow, we’d better shorten the half life of the chromoproteins so that it can quickly disappear after its expression is repressed. </p>
+                        <br/>
+                        <p>At the beginning spy catcher and spy tag were took into consideration to solve the problem. However, it may overload the host. Then we adopted another method, adding specific oligopeptide to the c-terminal end of the chromoprotein to make it more vulnerable to the attack from endogenous tail-specific proteases. Two tails were chosen for our testing, LVA tag and AAV tag with the sequence RPAANDENYALVA and RPAANDENYAAAV respectively (Andersen et al., 1998). Due to the time limitation, only Aeblue chromoprotein was tested. The construction was shown in Figure 11.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/6/67/Projectplus1.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 1</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>Three groups were used in experiments: AeBlue chromoprotein, AeBlue chromoprotein with AAV tag and AeBlue chromoprotein with LVA tag. Two mono-colonies were chosen from each group. 300ml LB was used to culture the 6 colonies at 37 degrees Celsius for 4 hours. Then 300ul IPTG was added to induce at 16 degrees Celsius for 12 hours. The data was collected from 5 hours to 12 hours, totally 13 points. For each point, 20ml colony liquid was obtained from the 300ml LB culture. 4ml of them was used for OD measurement at 600nm and the rest 16ml of them was used for protein extraction. </p>
+                    </div>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>Firstly, 16ml bacteria were centrifuged at 6000 rpm for 5 minutes. Then the supernatant was discarded and 10ml PBS was added to resuspend the sediment. After using ultrasonic wave to break the cell, 4ml of mixture was centrifuged at 12000 rpm for 5 minutes. Finally, the absorbance of blue chromoprotein was measured at 597nm by spectrophotometer. </p>
+                    </div>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>Results are shown as follows.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/5/52/Projectplus2.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Table 1：OD value measured at 13 time points at 600nm</p>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/e/ed/Projectplus4.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Table 2：Absorbance value measured at 13 time points at 597nm</p>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/8/8d/Projectplus3.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Table 3：Absorbance value divided by OD value</p>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/1/1a/Projectplus6.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 12. The variation of chromoprotein after induced 300 min</p>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/3/3f/Projectplus5.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 13 The color of non-tag, AAV tail and LVA tail after induced 720 minutes.</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>As shown in the Figure 12, both blue chromoprotein with LVA tail and AAV tail had less accumulation amount than the group of no-tail, which indicated both LVA tail and AAV tail raised the degradation rate. In addition, blue chromoprotein with LVA tail had an even lower accumulation in host cells compared to blue chromoprotein with AAV tail. It was speculated that the LVA tail provided a higher degradation rate. In conclusion, the tails can speed up the degradation of chromoprotein, and LVA tail is highly effective in protein degradation, whereas in our project the AAV tag was chosen to gain a balance between clear color performance and high speed of degradation. Figure 13 shows the color of non-tag, AAV tail and LVA tail after induced 720 minutes. </p>
+                    </div>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <h3>3.5 Reference</h3>
+                    <div class="lv2">
+                        <p>Anderson,J. (1998) ‘New unstable variants of green fluorescent protein for studies of transient gene expression in bacteria’, Applied and environmental microbiology, 64(6), June, pp.2240-2246.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="PageEnd">
+                <br/>
+            </div>
+            <div class="PageEnd">
+                <br/>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <h2>4 Chromoprotein testing</h2>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <h3>4.1 Background</h3>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>Chromoprotein is a kind of protein with conjugeted structures and when expressed, it is shown as various colors. Different chromoproteins play a major role in our project as they are essential pigments for us to “draw” a colorful map. Meanwhile, chromoproteins served as reporter when other parts in this project were tested.</p>
+                        <br/>
+                        <p>Besides white, the original color of E.coli colonies, the global warming map also needs colonies in yellow, blue, and green to represent desert, marine and land areas. Moreover, as this project is a dynamic demonstration of global warming, there should be a balance between the chromoproteins’ degradation and accumulation to make sure one color can appear but later disappear quickly on certain parts of the map. To achieve these goals, 3 experiments have been done. The first two experiments confirmed all the colors needed with naked eyes. The third one showed how the chromoproteins with LVA and AAV tails accumulated in E.coli.    </p>
+                        <br/>
+                        <p>The chromoproteins have been tested are: AeBlue chromoprotein (BBa_K864401), FwYellow chromoprotein (BBa_K1033910), amilGFP (BBa_K592010, yellow) and amajLime (BBa_K1033916, green-yellow).</p>
+                    </div>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <h3>4.2 Yield blue and yellow</h3>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/7/7d/Projectplus7.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 1</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>The results indicated that these exogenous proteins were expressed successfully with little toxic effect on growth of the host bacteria. The expressed color shown in Figure 2 and Figure 3 were also desirable.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/e/ec/Projectplus8.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 2. The four on the left is Aebluechromoprotein, and the four on the right is Fw Yellow chromoprotein</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>There was also an experiment comparing the expression of chromoprotein under different temperature. The Aeblue chromoprotein was tested and in 16 degrees Celsius it gave a deeper color compared to 37 degrees Celsius which may prove that chromoproteins could be better expressed in lower temperature. However, because it is closed to blue when expressed under 37 degrees Celsius, later other experiments were set under this temperature.  </p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/e/e9/Projectplus9.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 3. These two both are Aeblue chromoprotein. The left one was induced under 37 degrees Celsius; the right one was induced under 16 degrees Celsius.</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>Next, amilGFP yellow chromoprotein (BBa_K592010), and amajLime green-yellow chromoprotein (BBa_K1033916,) were further tested as backup for the yellow pigments. We spent time on yellow protein screening rather than blue ones because there were more yellow proteins available from iGem distribution.</p>
+                        <br/>
+                        <p>These two parts went after a constitutive promoter (BBa_J23119) and RBS (BBa_B0034). Together they were assembled on PSB1C3 and finally transformed into E. coli SE 2. The construction is shown in Figure 4. </p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/0/02/Projectplus10.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 4</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>The results indicated that these exogenous proteins were expressed successfully with little toxic effect on growth of the host bacteria. The expressed color shown in Figure 5 and Figure 6 were also desirable.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle2">
+                <img class="hpImgstyle2-1" src="https://static.igem.org/mediawiki/2015/4/4f/Projectplus11.png"/>
+            </div>
+            <div class="hPImgStyle2">
+                <img class="hpImgstyle2-2" src="https://static.igem.org/mediawiki/2015/8/8b/Projectplus12.png"/>
+            </div>
+            <div class="hPImgStyle2Text1">
+                <p>Figure5. amajLime green-yellow chromoprotein</p>
+            </div>
+            <div class="hPImgStyle2Text2">
+                <p>Figure 6. amilGFP yellow chromoprotein</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <h3>4.3 Yield green------combination of two chromoproteins</h3>
+                    <div class="lv2">
+                        <p>Green is a piece of indispensable composition of a world map, and the changing from green to yellow (Inland) as well as from green to blue (Coastal) are also important to mimic the effect of global warming. Inspired by Paris-Saclay igem team (2014), we combined a yellow chromoprotein and a blue chromoprotein to get green color. </p>
+                        <br/>
+                        <p>Blue and yellow chromoproteins were designed to express simultaneously. Two different linking methods were illustrated in Figure 7. The reason why an extra promoter was added after the yellow chromoprotein was to increase the expression of blue chromoprotein. Additionally, it enabled us to respectively control to the expression of two chromoproteins. For instance, the green could turn to yellow by repressing the blue chropmoprotein.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/7/77/Projectplus13.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 7. The construction of expressed Aeblue and Fwyellowchromoprotein together</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>The colony of BL21 (DE 3) was cultured in 4ml liquid medium for 5 hours, and induced by IPTG for 3 hours under 37 degree Celsius. The result was shown in figure 8. It was unexpected to see the final colors of the combination were blue and violent instead of green. It was possibly because the yellow color expressed here was not pure yellow. Without pictures kept, the colonies tended to be orange when grown on agar plate. That was why we decided to replace FwYellow chromoprotein with its backups. </p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/9/90/Projectplus14.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 8. The left one is two T7 promoters and one terminator in the plasmid pET 21a. The right one is one T7 promoter and one terminator in the plasmid pET 21a</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>The testing of amilGFP yellow chromoprotein (BBa_K592010) is shown in Figure 9.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/2/29/Projectplus15.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 9. The construction of expressed Aeblue and amilGFP yellow chromoproteintogether</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>This time after 5 hours’ culture in 4ml liquid medium, they were induced by IPTG for 12 hours at 16 degrees centigrade. The result is shown as Figure 10. As a result,a desired green color shown. These two chromoproteins would be applied in our map design. </p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/d/de/Projectplus16.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 10.Three mono-colony expressed both Aeblue and amilGFP yellow chromoprotein</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <h3>4.4 Accumulation of chromoprotein with lva tag and aav tag</h3>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>To perform a smooth color change from the combined green to the single expressed blue/yellow, we’d better shorten the half life of the chromoproteins so that it can quickly disappear after its expression is repressed. </p>
+                    </div>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>At the beginning spy catcher and spy tag were took into consideration to solve the problem. However, it may overload the host. Then we adopted another method, adding specific oligopeptide to the c-terminal end of the chromoprotein to make it more vulnerable to the attack from endogenous tail-specific proteases. Two tails were chosen for our testing, LVA tag and AAV tag with the sequence RPAANDENYALVA and RPAANDENYAAAV respectively (Andersen et al., 1998). Due to the time limitation, only Aeblue chromoprotein was tested. The construction was shown in </p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/6/6c/Projectplus17.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 11</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>Three groups were used in experiments: AeBlue chromoprotein, AeBlue chromoprotein with AAV tag and AeBlue chromoprotein with LVA tag. Two mono-colonies were chosen from each group. 300ml LB was used to culture the 6 colonies at 37 degrees Celsius for 4 hours. Then 300ul IPTG was added to induce at 16 degrees Celsius for 12 hours. The data was collected from 5 hours to 12 hours, totally 13 points. For each point, 20ml colony liquid was obtained from the 300ml LB culture. 4ml of them was used for OD measurement at 600nm and the rest 16ml of them was used for protein extraction. </p>
+                        <br/>
+                        <p>Firstly, 16ml bacteria were centrifuged at 6000 rpm for 5 minutes. Then the supernatant was discarded and 10ml PBS was added to resuspend the sediment. After using ultrasonic wave to break the cell, 4ml of mixture was centrifuged at 12000 rpm for 5 minutes. Finally, the absorbance of blue chromoprotein was measured at 597nm by spectrophotometer. </p>
+                        <br/>
+                        <p>Results are shown as follows.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/c/ca/Projectplus18.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Table 1：OD value measured at 13 time points at 600nm</p>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/e/ef/Projectplus19.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Table 2：Absorbance value measured at 13 time points at 597nm</p>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/c/c6/Projectplus20.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Table 3：Absorbance value divided by OD value</p>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/7/79/Projectplus21.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 12. The variation of chromoprotein after induced 300 min</p>
+            </div>
+            <div class="hPImgStyle3">
+                <img class="hpImgstyle3-1" src="https://static.igem.org/mediawiki/2015/3/3e/Projectplus22.png"/>
+            </div>
+            <div class="hPImgStyle3Text">
+                <p>Figure 13 The color of non-tag, AAV tail and LVA tail after induced 720 minutes</p>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <div class="lv2">
+                        <p>As shown in the Figure 12, both blue chromoprotein with LVA tail and AAV tail had less accumulation amount than the group of no-tail, which indicated both LVA tail and AAV tail raised the degradation rate. In addition, blue chromoprotein with LVA tail had an even lower accumulation in host cells compared to blue chromoprotein with AAV tail. It was speculated that the LVA tail provided a higher degradation rate. In conclusion, the tails can speed up the degradation of chromoprotein, and LVA tail is highly effective in protein degradation, whereas in our project the AAV tag was chosen to gain a balance between clear color performance and high speed of degradation. Figure 13 shows the color of non-tag, AAV tail and LVA tail after induced 720 minutes. </p>
+                    </div>
+                </div>
+            </div>
+            <div class="container">
+                <div class="lv1">
+                    <h3>4.5 Reference</h3>
+                    <div class="lv2">
+                        <p>Anderson,J. (1998) ‘New unstable variants of green fluorescent protein for studies of transient gene expression in bacteria’, Applied and environmental microbiology, 64(6), June, pp.2240-2246.</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="footerBg">
+        <div class="container" style="text-align: center">
+            <img class="logo" src="https://static.igem.org/mediawiki/2015/d/da/LogoXJTLU15.png" height="53">
+            <img class="logo" src="https://static.igem.org/mediawiki/2015/9/96/Logo2XJTLU15.png" height="50">
+			<img class="logo" src="https://static.igem.org/mediawiki/2015/e/e3/%E6%B3%93%E8%BF%85%E7%A7%91%E6%8A%80Synbio_Technologies_Logo.png" height="50" style="margin-top:60px;">
+            <br/>
+			<img class="logo" src="https://static.igem.org/mediawiki/2015/4/41/AgilentXJTLU15.png" height="50" style="margin-top:60px;">
+			<img class="logo" src="https://static.igem.org/mediawiki/2015/b/b5/IDTXJTLU15.png" height="50" style="margin-top:60px;">
+			<img class="logo" src="https://static.igem.org/mediawiki/2015/3/31/SnapGeneXJTLU15.png" height="50" style="margin-top:60px;">
+        </div>
+    </div>
+</div>
+</body>
 </html>