Team:WashU StLouis

<style> /* Top Banner */

  1. topheader{
   display:block;
   position:absolute;
   top:-15px;
   width:100%;
   margin-bottom:-120px;
   position:relative;

}

  1. BotArrow{
   position: relative;-
   z-index:2;
   bottom:42px;
   margin-bottom:-42px;

}

  1. PBlogo {
   position:relative;
   bottom:580px;
   left:30px;

} /* Panels */ .panel { 

   width:1100px;
   height:528px;
   margin:0;
   margin-bottom:0px;
   color: rgb(30,39,43);
   font-family: 'Yanone Kaffeesatz', sans-serif;

} .panel a { 

   color: rgb(46,43,52);
   text-decoration:none;

} /* Subpanels */ .narrowimg {/* Subpanels background*/ 

   /*position:absolute;*/ 
   z-index:2;
   opacity:0.3;
   filter: alpha(opacity=30);

} .titlebox {/* Subpanels Title*/ 

   z-index:1;
   position:relative;
   bottom:480px;
   background:transparent;

} /* Project Panels*/ .subpanel1 { /* Overview */ 

   float:left;
   width:535px;
   height:428px;
   margin-top:0;
   margin-right:20px;
   margin-bottom:12px;
   border-radius:7px;
   background:rgb(252,250,229);

} .spdesc { /* Overview content */ 

   display:none;
   height:100px;
   color:rgb(30,39,43);

} .cont { /* Overview content */ 

   width:100%;
   height:auto;
   margin-left:5%;
   margin-top:5%;
   background:transparent;

} .cont p { 

   line-height:28px;
   width:auto;
   height:auto;
   margin:5% 2%;

} .subpanel2 { /* Projects */ 

   float:left;
   width:125px;
   height:492px;
   font-size:22px;
   text-align:center;
   margin-top:0; 
   margin-right:11px;
   border-radius:7px;
   overflow:hidden;

} .subpanel2:hover{ 

   font-weight:bold;

} .subpanel2:hover .narrowimg { 

   opacity:0.8;
   filter: alpha(opacity=80);

} /* Panels at the bottom */ .subpanel8 { 

   float:left;
   height:96px;
   width:261.5px;
   margin-right:18px;
   border-radius:7px;
   overflow:hidden;
   background:rgb(30,39,43); 
   color:white;

} .subpanel8 img { 

   margin-top:16px;
   background:white;

} .subpanel8 img:hover { 

   background:rgb(252,250,229);

} </style> 

   <img style="margin-top:-1px" src="T--WashU_StLouis--introbanner.png" width="1100px" height="632"/>

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

     <a href="https://2018.igem.org/Team:WashU_StLouis/Overview" title="Project Overview">

OUR NOVEL MULTISTEP APPROACH

The purpose of this project is to genetically engineer E. coli and yeast to detect the presence of wheat stem rust, Puccinia graminis f. sp. tritici (Pgt), a fungus which can infect and kill entire fields of wheat. Many different strains of this fungus are in circulation around the globe but recently, several very destructive races have emerged, including TTKSK in East Africa, TTTTF in Italy, and TKTTF in the Middle East, East Africa, and Europe. These races of Pgt have proven virulent to several wheat resistance genes that usually protect the crop from other races of stem rust. In some cases of field infection, these virulent races can cause a 100% loss of viable crops. Hover over these panels to read about our three methods of testing.

Transform E. coli with a plasmid carrying a promoter induced by ribitol, a compound unique to infectious structures formed by fungal spores, upstream of a fluorescent protein.

Express wheat resistance genes in transformed yeast to detect virulence factors released by Pgt to distinguish between virulent and non-virulent strains

Diva pls explain

     </a>
    <a href="https://2018.igem.org/Team:WashU_StLouis/Broad" title="Detect">

<img class="narrowimg" src="PB_DetectNarrow.jpg" width="125px" height="500px"/>

<img src="T--WashU_StLouis--detect.png" style="height:60px;margin-bottom:20px;"/>

Detect 

     </a>
     <a href="https://2018.igem.org/Team:WashU_StLouis/Avirulence" title="Profile">

<img class="narrowimg" src="T--WashU_StLouis--detectingnarrow.jpeg" width="125px" height="500px"/>

<img src="T--WashU_StLouis--profiling.png" style="height:60px;margin-bottom:20px;"/>

Profile 

     </a>
     <a href="https://2018.igem.org/Team:WashU_StLouis/CRISPCas9" title="Invade">

<img class="narrowimg" src="T--WashU_StLouis--invadenarrow.jpeg" width="125px" height="500px"/>

<img src="T--WashU_StLouis--page.png" style="height:60px;margin-bottom:20px;"/>

Invade 

     </a>

<a href="https://2018.igem.org/Team:WashU_StLouis/Human_Practices" title="Human Practices">

<img src="T--WashU_StLouis--humanpracticesicon.png" height="64px"/>

</a>

<a href="https://2018.igem.org/Team:WashU_StLouis/Demonstrate" title="Demonstrate">

<img src="T--WashU_StLouis--demonstrateicon.png" height="64px"/>

</a>

<a href="https://2018.igem.org/Team:WashU_StLouis/Parts" title="Parts">

<img src="T--WashU_StLouis--partsicon.png" height="64px"/>

</a>

<a href="https://2018.igem.org/Team:WashU_StLouis/Collaborations" title="Medal Fulfillment">

<img src="T--WashU_StLouis--collaborationicon.png" height="64px"/>

</a> 

 <script>
   $(document).ready(function(){$('div .igemlogo').mouseover(function(){div = $('.left-menu'); div.fadeIn(1);}).mouseout(function(){div.fadeOut(100);});});
   $(document).ready(function(){$('div #pspanel').mouseover(function(){div = $('#psdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
   $(document).ready(function(){$('div #dspanel').mouseover(function(){div = $('#dsdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
   $(document).ready(function(){$('div #thpanel').mouseover(function(){div = $('#thdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
   $(document).ready(function(){$('div #tcpanel').mouseover(function(){div = $('#tcdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
 </script>