http://2012.igem.org/wiki/index.php?title=Special:Contributions/Bchen26&feed=atom&limit=50&target=Bchen26&year=&month=
2012.igem.org - User contributions [en]
2024-03-29T06:47:20Z
From 2012.igem.org
MediaWiki 1.16.0
http://2012.igem.org/Team:UIUC-Illinois
Team:UIUC-Illinois
2013-02-15T08:17:10Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<br />
<br />
<br />
<br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<!--Content Start--><br />
<br />
<div id=intro><br />
<center><h1>Mission Statement</h1></center><br />
<p>The ultimate goal of the University of Illinois 2012 iGEM team is to construct an RNA-based PUF protein toolkit which can be utilized for the manipulation of gene expression. Customizable manipulation will involve gene silencing by specific RNA scission. Also, the PUF protein's properties are suited for optimizing multi-step enzymatic pathways. In this way, we aim to improve the versatility and cost efficiency of biological production systems. With a protein-based RNA-binding toolkit, researchers will be able to transmute the biobricked PUF for use in their scientific endeavors. In addition, we seek to standardize and characterize the nature of PUF. <br/><center><font size="5"><a href="https://2012.igem.org/Team:UIUC-Illinois/Project"> Click here to read our project abstract.</a></font></center></p><br/><br />
</div><br />
<br />
<div id="ancillaryIntro"><br />
<center><h2>Our Research Outside of PUF Itself</h2></center><br/><br />
<p>Aside from researching the RNA specific affinity of PUF and its endonuclease fusion protein variants, we have also explored and tested other potential applications for PUF. Mainly, our ancillary projects directly related to PUF include our RNA scaffold and an <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">enzymatic assembly line</a> based on such a scaffold. Additionally, <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">we have characterized</a> the 2011 University of Washington iGEM team's Petrobrick <a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K590025">(BBa_K590025)</a>.<br/><br/><br />
<br />
Outside the dry and wet labs, we have invested ourselves in a human practices project and public awareness and education about synthetic biology and science in general. To learn more, please visit <a href="https://2012.igem.org/Team:UIUC-Illinois/Outreach">our Outreach section</a>.<br />
</div><br />
<div id="content-containertop"><br />
</div><br />
<br />
<div id="maincontentnav"><br />
<br />
<div id="maincontentselection"><br />
<li><a name="main1"><img src="https://static.igem.org/mediawiki/2012/e/e2/Cascadeuiuc.png" /></a></li><br />
<li><a name="main2"><img src="https://static.igem.org/mediawiki/2012/6/66/Pufuiuc.png" /></a></li><br />
</div><br />
<div id="maincontentselection3"><br />
<li><a name="main4"><img src="https://static.igem.org/mediawiki/2012/2/29/Stemloops2uiuc.png" /></a></li><br />
</div><br />
<br />
<div id="maincontentselection2"><br />
<li><a name="main3"><img src="https://static.igem.org/mediawiki/2012/a/ae/Scissoruiuc.png" /></a></li><br />
</div><br />
<br />
</div><br />
<br />
<div id="maincontentdesc"><br />
<br />
<font size="5"><br />
<center><p>Click above on a part of our project that you want to read about.</p></center></font><br />
<br />
<div id="main1" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Enzymatic Assembly Line</a></h2><br/><center><br />
<center><br />
<p>In utilizing the versatility of the PUF based toolkit we are developing, our current research involves an engineered metabolic pathway. The characterization and standardization of these genes in biobrick format is underway. Future goals involving the PUF toolkit will focus on tethering enzymes of productive artificial or natural pathways for kinetic favorability.</p><br />
</center><br />
</div><br />
<br />
<div id="main2" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">PUF</a></h2><br/></center><br />
<center><br />
<p>This is the PUF protein found on the PUM1 gene in humans. Our main focus and cause of interest in this protein is its ability to recognize single stranded RNA with specificity. The ability to modify PUF with tethered or fused proteins allows for the development of a customizable RNA binding toolkit. Depending on what fusion or tether is used, the functionality of the PUF protein is modified as well.</p><br />
</center><br />
</div><br />
<br />
<div id="main3" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">RNA scission</a></h2><br/></center><br />
<center><br />
<p>In fusion the PUF protein to a restriction endonuclease, the fusion protein demonstrates the ability to cleave single stranded RNA molecules with customizable specificity up to eight base pairs. Considering this ability, we believe PUF can prove itself as a promising new tool in researching and developing new types of gene therapy as it can silence genes with seqeunces specific to a reseachers interest.></p><br />
</center><br />
</div><br />
<br />
<div id="main4" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA scaffold utilization</a></h2><br/></center><br />
<center><br />
<p>Since PUF has affinity towards RNA molecules, it is possible to synthesize or utilize existing stemloop structures in RNA in order to provide a kinetically favorable platform for tethered proteins to interact. </p><br />
</center><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<div id="sponsorbox"><br />
<center><h2><font size="5"> Sponsors</font></h2></center><br />
<br />
<br/><br />
<br />
<div id="row1logos"><br />
<center><br />
<a href="https://www.goldbio.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/15/Goldbio_logo.jpg" Hspace="30" Vspace="5" alt="goldbiologo" /><br />
</a><br />
<a href="http://www.genscript.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e4/Genscriptlogo.gif" height=25% width=30% Hspace="30" Vspace="5" alt="genscriptlogo" /><br />
</a><br />
<a href="http://www.octochem.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Octochem_logo.png" Hspace="30" Vspace="5" alt="octochemlogo" /><br />
</a><br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="row2logos"><br />
<center><br />
<a href="http://www.biotech.uiuc.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/9/9a/Royj.png" Hspace="10" Vspace="5" alt="royjlogo" /><br />
</a><br />
<br />
<a href="http://www.las.illinois.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/1c/LasUIUC.png" Hspace="10" Vspace="5" alt="laslogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="igblogo"><br />
<center><br />
<a href="http://www.igb.uiuc.edu"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e7/Igb_logo.png" Hspace="30" Vspace="5" alt="igblogo" /><br />
</a><br />
<br />
<a href="http://www.sarstedt.com/php/main.php"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Sras.png" Hspace="10" Vspace="5" alt="sarstlogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
</div><br />
<br />
<br />
<!--Content End--><br />
<br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/apply
Team:UIUC-Illinois/apply
2013-01-19T08:30:49Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Application</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="appcontainer"><br />
<div id="appoverview"><br />
<br />
<h1>Application Info</h1><br />
<br/><center><br />
<a href="https://static.igem.org/mediawiki/2012/b/be/IGEM_2013_application.zip">Click here to download application contained within a .zip archive</a><br />
<br/><br/><br />
Once completed, e-mail the completed form to illinoisigem@gmail.com<br />
<br/><br/><br />
The subject of the e-mail should include your full name.<br />
<br/><br/><br />
If you have further questions, please contact us at illinoisigem@gmail.com<br />
<br/></center><br />
</p><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Template:UIUC_Illinois_CSS
Template:UIUC Illinois CSS
2013-01-19T08:30:27Z
<p>Bchen26: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
<br />
/* Illinois IGEM Wiki Stylesheet*/<br />
<br />
/* Default Reformatting and Header */<br />
<br />
#globalwrapper {<br />
width:1000px;<br />
padding:0px 0px;<br />
margin: 0 auto;<br />
background-color: #BABABA;<br />
background-attachment: fixed;<br />
background-position: center;<br />
background-size:100% 100%;<br />
}<br />
<br />
body {<br />
background: #CECECE;<br />
background-image:url('https://static.igem.org/mediawiki/2012/d/d3/Uiucbackground10.png');<br />
background-attachment: fixed;<br />
background-position: center;<br />
height:100%;<br />
background-size:100% 100%;<br />
}<br />
.firstHeading {<br />
height:0px;<br />
visibility:hidden;<br />
}<br />
<br />
#p-logo {<br />
height:0px;<br />
overflow:hidden;<br />
display: none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
margin-top:0px;<br />
}<br />
<br />
#content{<br />
visibility: hidden;<br />
}<br />
<br />
#top-section {<br />
background-image:url('https://static.igem.org/mediawiki/2012/e/e6/Newbanner6.png');<br />
background-color:#151F4E;<br />
background-position: top;<br />
width:1000px;<br />
height:219px;<br />
background-repeat: no-repeat;<br />
border-width:0px;<br />
border-top-width:0px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-top: -10px;<br />
margin-bottom: -50px;<br />
}<br />
<br />
<br />
#menubar { <br />
color: white;<br />
background-color: transparent; <br />
}<br />
#menubar ul li a { <br />
color: white; <br />
background-color: transparent;<br />
}<br />
<br />
.right-menu li a {<br />
color: white;<br />
background-color: transparent;<br />
}<br />
<br />
/* Header */<br />
<br />
#igemlogozone {<br />
position: absolute;<br />
top: 25px;<br />
left: 960px;<br />
height: 125px;<br />
width: 150px;<br />
background-color: transparent;<br />
}<br />
<br />
#wrapper {<br />
width: 1000px;<br />
height: 100%;<br />
float: center;<br />
padding-left: 0%;<br />
padding-right: 0%;<br />
padding-top: 1%;<br />
background-color: #BABABA;<br />
background-attachment: fixed;<br />
background-position: center;<br />
<br />
}<br />
<br />
#header {<br />
width: 750px;<br />
float: center;<br />
background-color:#FFE4C4;<br />
height: 150px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
img {<br />
border: none;<br />
}<br />
<br />
#headernavigation{<br />
width: 1000px;<br />
float: center;<br />
background-color: transparent;<br />
height: 60px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-top: -49px; <br />
margin-bottom: 10px; <br />
z-index: 2; <br />
-webkit-transition: all 300ms ease-in-out;<br />
}<br />
<br />
#headernavbar{<br />
list-style:none;<br />
font-weight:bold;<br />
float:left;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
z-index: 2; <br />
}<br />
#headernavbar li{<br />
float:left;<br />
position:relative;<br />
text-align:center;<br />
z-index: 2; <br />
}<br />
#headernavbar a{<br />
margin-left:0px;<br />
display:block;<br />
padding-bottom:10px;<br />
padding-top:10px;<br />
width: 100px;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
font: bold 16px Arial;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar a:hover{<br />
color:#ffffff;<br />
background:#003C7D;<br />
text-decoration:none;<br />
z-index: 2; <br />
<br />
}<br />
<br />
#headernavbar ul{<br />
background: #003C7D;<br />
list-style:none;<br />
position:absolute;<br />
left:-9999px; <br />
z-index: 2; <br />
}<br />
#headernavbar ul li{<br />
padding-top:0px; <br />
margin-bottom:-1px;<br />
float:none;<br />
margin-top:-3px;<br />
z-index: 2; <br />
}<br />
#headernavbar ul a{<br />
white-space:nowrap; <br />
z-index: 2; <br />
}<br />
#headernavbar li:hover ul{ <br />
left: -15px;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar li:hover a{ <br />
background:#003C7D;<br />
text-decoration:none;<br />
z-index: 2; <br />
}<br />
#headernavbar li:hover ul a{ <br />
text-decoration:none;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar li:hover ul li a:hover{ <br />
background:#f68e3c;<br />
z-index: 2; <br />
}<br />
<br />
/* Main Page */<br />
<br />
<br />
#content-containertop {<br />
width: 1000px;<br />
height: 0x;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
#content-topbottom {<br />
width: 950px;<br />
height: 100px;<br />
float: left;<br />
padding: 25px;<br />
text-align: left;<br />
margin-left: -10px;<br />
margin-top: -5px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
font-size:150%;<br />
}<br />
<br />
<br />
#maincontentnav {<br />
width: 800px;<br />
float: center;<br />
background-color:#F5DEB3;<br />
padding: 0px;<br />
height: 320px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(244, 160, 90,1);<br />
border-radius: 200px;<br />
background-clip: padding-box;<br />
margin-top: 25px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
#maincontentselection{<br />
width: 300px;<br />
float: left;<br />
height: 300px;<br />
list-style: none;<br />
margin-left: 100px;<br />
margin-top: 0px;<br />
}<br />
<br />
<br />
#maincontentselection a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:75px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: 10px;<br />
padding-bottom: 0px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
z-index:3;<br />
}<br />
<br />
#maincontentselection a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
z-index:3;<br />
}<br />
#maincontentselection a:active {<br />
color:white;<br />
list-style: none;<br />
}<br />
<br />
<br />
#maincontentselection2{<br />
width: 250px;<br />
float: right;<br />
height: 250px;<br />
list-style: none;<br />
margin-right: 80px;<br />
margin-top: 10px;<br />
}<br />
<br />
<br />
#maincontentselection2 a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:275px;<br />
width: 325px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: 20px;<br />
padding-bottom: 0px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
<br />
}<br />
<br />
#maincontentselection2 a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
}<br />
#maincontentselection2 a:active {<br />
list-style: none;<br />
color:white;<br />
}<br />
<br />
#maincontentselection3{<br />
width: 350px;<br />
float: left;<br />
height: 100px;<br />
list-style: none;<br />
margin-left: -309px;<br />
margin-top: 150px;<br />
}<br />
<br />
<br />
#maincontentselection3 a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:150px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: -10px;<br />
padding-bottom: 10px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
z-index:-1;<br />
<br />
}<br />
<br />
#maincontentselection3 a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
z-index:-4;<br />
}<br />
#maincontentselection3 a:active {<br />
list-style: none;<br />
color:white;<br />
}<br />
<br />
#maincontentdesc {<br />
width: 980px;<br />
float: center;<br />
padding: 10px;<br />
height: 100%;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background-clip: padding-box;<br />
margin-top: 20px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
text-align:left;<br />
}<br />
<br />
#content1-topcenter {<br />
width: 1000px;<br />
float: center;<br />
background-color:#EEEEEE;<br />
padding: 0px;<br />
height: 400px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background-clip: padding-box;<br />
margin-top: 20px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
<br />
#sponsorbox {<br />
width: 950px;<br />
float: center;<br />
background: rgba(255,255,255,0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 350px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
<br />
background-clip: padding-box;<br />
margin-top: 25px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
#intro {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 200px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
<br />
}<br />
<br />
#ancillaryIntro {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 200px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
<br />
}<br />
/* Notebook */<br />
<br />
#notebookselection{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
font: 13px ;<br />
}<br />
<br />
<br />
#notebookselectionmenu{<br />
background-color: #003C7D;<br />
width: 1000px;<br />
height: 40px;<br />
float: left;<br />
text-align: left;<br />
margin-top: -60px;<br />
margin-left: -10px;<br />
padding:0px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
list-style: none;<br />
font: 16px ;<br />
}<br />
<br />
#notebookselectionmenu li{<br />
list-style-type:none;<br />
margin:0;<br />
padding:0;<br />
float:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
#notebookselectionmenu a {<br />
cursor: pointer;<br />
float:left;<br />
height:30px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:500px;<br />
background:#003C7D;<br />
font: bold 15px Arial;<br />
padding-top:10px;<br />
margin-top: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
color:#ffffff;<br />
}<br />
<br />
#notebookselectionmenu a:hover {<br />
background:#f68e3c;<br />
text-decoration:none;<br />
}<br />
#notebookselectionmenu a:active {<br />
color:white;<br />
}<br />
<br />
#labnotebooks{<br />
width: 950px;<br />
height: 100%;<br />
float: center;<br />
text-align: left;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
margin-top: 20px;<br />
margin-right: 0px;<br />
margin-left: -10px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
/* Lab Notebook */<br />
<br />
/* PUF notebook begins here */<br />
<br />
<br />
#PUFnotes {<br />
width: 950px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 25px;<br />
padding-right:25px;<br />
margin-left: -25px;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
}<br />
<br />
#PUFnotebookmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: 16px calibri;<br />
}<br />
<br />
#PUFnotebookmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#PUFnotebookmenu a:active {<br />
color:white;<br />
}<br />
<br />
<br />
#PUFnotebookmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 650px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
margin-left: -35px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
<br />
#PUFnotebookdescription {<br />
<br />
width: 800px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -50px;<br />
margin-left: 0px;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
/* PHAT Notebook begins here */<br />
<br />
#PHATnotes {<br />
width: 950px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 25px;<br />
padding-right:26px;<br />
margin-left: -25px;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
}<br />
<br />
#PHATnotebookmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: 16px calibri;<br />
}<br />
<br />
#PHATnotebookmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#PHATnotebookmenu a:active {<br />
color:white;<br />
}<br />
<br />
#PHATnotebookmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -35px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
#PHATnotebookdescription {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 800px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -50px;<br />
margin-left: 0px;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
padding-left:10px;<br />
padding-right: 10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
<br />
/* Protocol Section*/<br />
<br />
#protocol-container{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#protocolselection{<br />
margin-top: -15px;<br />
background-color:#EEEEEE;<br />
width: 250px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#protocolselection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#protocolselection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#protocolselection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#protocoloverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 665px;<br />
height: 100%;<br />
float: right;<br />
padding: 25px;<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/*Protocol Section End*/<br />
<br />
/*Meeting Notes*/<br />
<br />
#meetingcontainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 5px;<br />
float: center;<br />
}<br />
<br />
#meetingintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-top: 00px;<br />
padding-bottom: 25px;<br />
height: 20px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
<br />
#meetingselection1{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
<br />
#meetingselection2{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection3{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection4{<br />
list-style:none;<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection5{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
margin-right:-10px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
<br />
#meetingselection1 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
<br />
#meetingselection2 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection3 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection4 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection5 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
<br />
#meetingselection ul{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
.meetingselection a {<br />
list-style:none;<br />
cursor: pointer;<br />
display:block;<br />
height:20px;<br />
width: 100%;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 5px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
.meetingselection li:hover a{<br />
list-style:none;<br />
width: 100%;<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#meetingoverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 950px;<br />
height: 100%;<br />
float: left;<br />
padding: 25px;<br />
text-align: left;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
<br />
#notebook-container{<br />
width: 1000px;<br />
height: 350px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
<br />
}<br />
<br />
#notebook-content{<br />
width: 1000px;<br />
float: center;<br />
height: 150px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
padding-top:50px;<br />
margin-top: 25px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
}<br />
<br />
/* Footer */<br />
<br />
#footer-box {<br />
float: center;<br />
overflow: hidden;<br />
display: block;<br />
background-color: #EEEEEE;<br />
width: 1010px;<br />
height: 50px;<br />
font-weight: normal;<br />
font-style: normal;<br />
font-size: 10px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
#catlinks {<br />
visibility: hidden;<br />
}<br />
<br />
#footer {<br />
}<br />
<br />
/* Team */<br />
<br />
#aboutus{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
<br />
#aboutusmenu{<br />
background-color: #003C7D;<br />
width: 1000px;<br />
height: 40px;<br />
float: left;<br />
text-align: left;<br />
margin-top: -60px;<br />
margin-left: -10px;<br />
padding:0px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
list-style: none;<br />
font: bold 16px Arial;<br />
}<br />
<br />
#aboutusmenu li{<br />
list-style-type:none;<br />
margin:0;<br />
padding:0;<br />
float:center;<br />
margin-left: 50px;<br />
margin-right: auto;<br />
}<br />
<br />
#aboutusmenu a {<br />
cursor: pointer;<br />
float:left;<br />
height:30px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:300px;<br />
background:#003C7D;<br />
font: bold 15px Arial;<br />
padding-top:10px;<br />
margin-top: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
color:#ffffff;<br />
}<br />
<br />
#aboutusmenu a:hover {<br />
background:#f68e3c;<br />
text-decoration:none;<br />
}<br />
#aboutusmenu a:active {<br />
color:white;<br />
}<br />
<br />
#aboutusdescription{<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 950px;<br />
height: 100%;<br />
float: center;<br />
text-align: left;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
margin-top: 70px;<br />
margin-right: 0px;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
<br />
<br />
/*Undergrad Section*/<br />
<br />
table{<br />
background-color:#EEEEEE;<br />
}<br />
<br />
#undergradintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
height: 50px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
}<br />
<br />
#undergradsmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#undergradsmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#undergradsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#undergradmembers {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#undergradsmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#description {<br />
background: rgba(240, 240, 240, 1.0);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 815px;<br />
height: 300px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
margin-bottom: 50px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:0px;<br />
padding-right: 5px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
/* Advisors Section */<br />
<br />
#advisorsintro{<br />
width: 950px;<br />
float: center;<br />
padding-top: 0px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 20px;<br />
height: 50px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:10px; <br />
}<br />
<br />
#advisorsmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#advisorsmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#advisorsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#advisors {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#advisorsmenu {<br />
background-color: #EEEEEE;<br />
width: 150px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
#advisorsdescription {<br />
background: rgba(240, 240, 240, 1.0);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 815px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: -418px;<br />
margin-right: -10px;<br />
margin-left: 170px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:0px;<br />
padding-right: 5px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
/* Projects */<br />
<br />
#projectoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 375x;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#projectcontainer {<br />
width: 1000px;<br />
height: 400px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/*Galleria*/<br />
<br />
/*<br />
* Galleria Classic Theme<br />
* Copyright (c) 2010, Aino<br />
* Licensed under the MIT license.<br />
*/<br />
<br />
#galleria{ width: 100%; height: 400px; background: #000 }<br />
<br />
.galleria-container {<br />
position: relative;<br />
overflow: hidden;<br />
background: #fff;<br />
}<br />
.galleria-container img {<br />
-moz-user-select: none;<br />
-webkit-user-select: none;<br />
-o-user-select: none;<br />
}<br />
.galleria-stage {<br />
position: absolute;<br />
top: 10px;<br />
bottom: 60px;<br />
left: 10px;<br />
right: 10px;<br />
overflow:hidden;<br />
}<br />
.galleria-thumbnails-container {<br />
height: 50px;<br />
bottom: 0;<br />
position: absolute;<br />
left: 10px;<br />
right: 10px;<br />
z-index: 2;<br />
}<br />
.galleria-carousel .galleria-thumbnails-list {<br />
margin-left: 30px;<br />
margin-right: 30px;<br />
}<br />
.galleria-thumbnails .galleria-image {<br />
height: 40px;<br />
width: 60px;<br />
background: #000;<br />
margin: 0 5px 0 0;<br />
border: 1px solid #fff;<br />
float: left;<br />
cursor: pointer;<br />
}<br />
.galleria-counter {<br />
position: absolute;<br />
bottom: 10px;<br />
left: 10px;<br />
text-align: right;<br />
color: #fff;<br />
font: normal 11px/1 arial,sans-serif;<br />
z-index: 1;<br />
}<br />
.galleria-loader {<br />
background: #000;<br />
width: 20px;<br />
height: 20px;<br />
position: absolute;<br />
top: 10px;<br />
right: 10px;<br />
z-index: 2;<br />
display: none;<br />
background: url(classic-loader.gif) no-repeat 2px 2px;<br />
}<br />
.galleria-info {<br />
width: 50%;<br />
top: 15px;<br />
left: 15px;<br />
z-index: 2;<br />
position: absolute;<br />
}<br />
.galleria-info-text {<br />
background-color: #000;<br />
padding: 12px;<br />
display: none;<br />
/* IE7 */ zoom:1;<br />
}<br />
.galleria-info-title {<br />
font: bold 12px/1.1 arial,sans-serif;<br />
margin: 0;<br />
color: #fff;<br />
margin-bottom: 7px;<br />
}<br />
.galleria-info-description {<br />
font: italic 12px/1.4 georgia,serif;<br />
margin: 0;<br />
color: #bbb;<br />
}<br />
.galleria-info-close {<br />
width: 9px;<br />
height: 9px;<br />
position: absolute;<br />
top: 5px;<br />
right: 5px;<br />
background-position: -753px -11px;<br />
opacity: .5;<br />
filter: alpha(opacity=50);<br />
cursor: pointer;<br />
display: none;<br />
}<br />
.notouch .galleria-info-close:hover{<br />
opacity:1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-info-close:active{<br />
opacity:1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-info-link {<br />
background-position: -669px -5px;<br />
opacity: .7;<br />
filter: alpha(opacity=70);<br />
position: absolute;<br />
width: 20px;<br />
height: 20px;<br />
cursor: pointer;<br />
background-color: #000;<br />
}<br />
.notouch .galleria-info-link:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-info-link:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-image-nav {<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -62px;<br />
width: 100%;<br />
height: 62px;<br />
left: 0;<br />
}<br />
.galleria-image-nav-left,<br />
.galleria-image-nav-right {<br />
opacity: .3;<br />
filter: alpha(opacity=30);<br />
cursor: pointer;<br />
width: 62px;<br />
height: 124px;<br />
position: absolute;<br />
left: 10px;<br />
z-index: 2;<br />
background-position: 0 46px;<br />
}<br />
.galleria-image-nav-right {<br />
left: auto;<br />
right: 10px;<br />
background-position: -254px 46px;<br />
z-index: 2;<br />
}<br />
.notouch .galleria-image-nav-left:hover,<br />
.notouch .galleria-image-nav-right:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-image-nav-left:active,<br />
.touch .galleria-image-nav-right:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-thumb-nav-left,<br />
.galleria-thumb-nav-right {<br />
cursor: pointer;<br />
display: none;<br />
background-position: -495px 5px;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
height: 40px;<br />
width: 23px;<br />
z-index: 3;<br />
opacity: .8;<br />
filter: alpha(opacity=80);<br />
}<br />
.galleria-thumb-nav-right {<br />
background-position: -578px 5px;<br />
border-right: none;<br />
right: 0;<br />
left: auto;<br />
}<br />
.galleria-thumbnails-container .disabled {<br />
opacity: .2;<br />
filter: alpha(opacity=20);<br />
cursor: default;<br />
}<br />
.notouch .galleria-thumb-nav-left:hover,<br />
.notouch .galleria-thumb-nav-right:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
background-color: #111;<br />
}<br />
.touch .galleria-thumb-nav-left:active,<br />
.touch .galleria-thumb-nav-right:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
background-color: #111;<br />
}<br />
.notouch .galleria-thumbnails-container .disabled:hover {<br />
opacity: .2;<br />
filter: alpha(opacity=20);<br />
background-color: transparent;<br />
}<br />
<br />
.galleria-carousel .galleria-thumb-nav-left,<br />
.galleria-carousel .galleria-thumb-nav-right {<br />
display: block;<br />
}<br />
.galleria-thumb-nav-left,<br />
.galleria-thumb-nav-right,<br />
.galleria-info-link,<br />
.galleria-info-close,<br />
.galleria-image-nav-left,<br />
.galleria-image-nav-right {<br />
background-image: url('http://i.imgur.com/tLDSr.png');<br />
background-repeat: no-repeat;<br />
}<br />
<br />
/*Flowchart*/<br />
<br />
#flowchart-container{<br />
width: 980px;<br />
float: center;<br />
background-color:#ffffff;<br />
padding: 10px;<br />
height: 500px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-top: 95px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
#flowchart{<br />
float:center;<br />
}<br />
<br />
/*Outreach*/<br />
<br />
<br />
#outreachintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 15px;<br />
height: 35px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
}<br />
<br />
#outreachmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#outreachmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#undergradsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#outreach {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font:16px sans-serif ;<br />
}<br />
<br />
#outreachmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#outreachdescription {<br />
width: 790px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
padding-top: -20px;<br />
padding-bottom: 10px;<br />
padding-left: 15px;<br />
padding-right: 15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
/* GMO Collab */<br />
<br />
<br />
#gmointro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
height: 35px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
font:16px sans-serif ;<br />
}<br />
<br />
#gmomenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#gmomenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#gmomenu a:active {<br />
color:white;<br />
}<br />
<br />
#gmo {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#gmomenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#gmodescription {<br />
<br />
width: 790px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:15px;<br />
padding-right: 15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
/* Sponsor Logos */<br />
<br />
#row1logos a:hover{<br />
list-style: none;<br />
}<br />
#row2logos a:hover{<br />
list-style: none;<br />
}<br />
<br />
/* Results */<br />
<br />
#resultsoverview {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 150px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#resultscontainer {<br />
width: 1000px;<br />
height: 245px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Biobricks */<br />
<br />
#biobricksoverview {<br />
width: 950px;<br />
float: center;<br />
height: 400px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#biobrickscontainer {<br />
width: 1000px;<br />
height: 500px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Safety */<br />
<br />
<br />
#safetyoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
<br />
padding: 25px;<br />
height: 1550px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#safetycontainer {<br />
width: 1000px;<br />
height: 1700px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Design Section */<br />
<br />
<br />
#designContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#designSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#legend{<br />
margin-top: 275px;<br />
background-image:url('https://static.igem.org/mediawiki/2012/4/47/Legend2.png');<br />
width: 175px;<br />
height: 145px;<br />
float: left;<br />
position: absolute;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 5px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
}<br />
<br />
<br />
#designSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#designSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#designSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#designOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Data */<br />
<br />
#dataContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#dataSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#dataSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#dataSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#dataSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#dataOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Future */<br />
<br />
#futureContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#futureSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#futureSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#futureSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#futureSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#futureOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* scaffold */<br />
<br />
#scaffoldContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
margin-bottom: 50px;<br />
float: center;<br />
}<br />
<br />
#scaffoldSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height:145px;<br />
margin-bottom:20px;<br />
position:fixed;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#scaffoldSelection0{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 180px;<br />
position:fixed;<br />
float: left;<br />
margin-bottom:20px;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#scaffoldSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#scaffoldSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#scaffoldSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
#scaffoldSelection0 li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#scaffoldSelection0 a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#scaffoldSelection0 li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
#scaffoldOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Petrobrick */<br />
<br />
#petrobrickContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#petrobrickSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#petrobrickSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#petrobrickSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#petrobrickSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#petrobrickOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Assembly */<br />
<br />
#assemblyContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
margin-bottom:50px;<br />
float: center;<br />
}<br />
<br />
#assemblySelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#assemblySelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#assemblySelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#assemblySelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#assemblyOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
padding-top: 0px;<br />
<br />
margin-bottom: 25px;<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/*Attributions*/<br />
<br />
#attributionsOverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 1600px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#attributionsContainer {<br />
width: 1000px;<br />
height: 1600px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
<br />
#appoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
<br />
padding: 25px;<br />
height: 200px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#appcontainer {<br />
width: 1000px;<br />
height: 200px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
<br />
</style><br />
</html></div>
Bchen26
http://2012.igem.org/Template:UIUC_Illinois_CSS
Template:UIUC Illinois CSS
2013-01-19T08:30:13Z
<p>Bchen26: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
<br />
/* Illinois IGEM Wiki Stylesheet*/<br />
<br />
/* Default Reformatting and Header */<br />
<br />
#globalwrapper {<br />
width:1000px;<br />
padding:0px 0px;<br />
margin: 0 auto;<br />
background-color: #BABABA;<br />
background-attachment: fixed;<br />
background-position: center;<br />
background-size:100% 100%;<br />
}<br />
<br />
body {<br />
background: #CECECE;<br />
background-image:url('https://static.igem.org/mediawiki/2012/d/d3/Uiucbackground10.png');<br />
background-attachment: fixed;<br />
background-position: center;<br />
height:100%;<br />
background-size:100% 100%;<br />
}<br />
.firstHeading {<br />
height:0px;<br />
visibility:hidden;<br />
}<br />
<br />
#p-logo {<br />
height:0px;<br />
overflow:hidden;<br />
display: none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
margin-top:0px;<br />
}<br />
<br />
#content{<br />
visibility: hidden;<br />
}<br />
<br />
#top-section {<br />
background-image:url('https://static.igem.org/mediawiki/2012/e/e6/Newbanner6.png');<br />
background-color:#151F4E;<br />
background-position: top;<br />
width:1000px;<br />
height:219px;<br />
background-repeat: no-repeat;<br />
border-width:0px;<br />
border-top-width:0px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-top: -10px;<br />
margin-bottom: -50px;<br />
}<br />
<br />
<br />
#menubar { <br />
color: white;<br />
background-color: transparent; <br />
}<br />
#menubar ul li a { <br />
color: white; <br />
background-color: transparent;<br />
}<br />
<br />
.right-menu li a {<br />
color: white;<br />
background-color: transparent;<br />
}<br />
<br />
/* Header */<br />
<br />
#igemlogozone {<br />
position: absolute;<br />
top: 25px;<br />
left: 960px;<br />
height: 125px;<br />
width: 150px;<br />
background-color: transparent;<br />
}<br />
<br />
#wrapper {<br />
width: 1000px;<br />
height: 100%;<br />
float: center;<br />
padding-left: 0%;<br />
padding-right: 0%;<br />
padding-top: 1%;<br />
background-color: #BABABA;<br />
background-attachment: fixed;<br />
background-position: center;<br />
<br />
}<br />
<br />
#header {<br />
width: 750px;<br />
float: center;<br />
background-color:#FFE4C4;<br />
height: 150px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
img {<br />
border: none;<br />
}<br />
<br />
#headernavigation{<br />
width: 1000px;<br />
float: center;<br />
background-color: transparent;<br />
height: 60px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-top: -49px; <br />
margin-bottom: 10px; <br />
z-index: 2; <br />
-webkit-transition: all 300ms ease-in-out;<br />
}<br />
<br />
#headernavbar{<br />
list-style:none;<br />
font-weight:bold;<br />
float:left;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
z-index: 2; <br />
}<br />
#headernavbar li{<br />
float:left;<br />
position:relative;<br />
text-align:center;<br />
z-index: 2; <br />
}<br />
#headernavbar a{<br />
margin-left:0px;<br />
display:block;<br />
padding-bottom:10px;<br />
padding-top:10px;<br />
width: 100px;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
font: bold 16px Arial;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar a:hover{<br />
color:#ffffff;<br />
background:#003C7D;<br />
text-decoration:none;<br />
z-index: 2; <br />
<br />
}<br />
<br />
#headernavbar ul{<br />
background: #003C7D;<br />
list-style:none;<br />
position:absolute;<br />
left:-9999px; <br />
z-index: 2; <br />
}<br />
#headernavbar ul li{<br />
padding-top:0px; <br />
margin-bottom:-1px;<br />
float:none;<br />
margin-top:-3px;<br />
z-index: 2; <br />
}<br />
#headernavbar ul a{<br />
white-space:nowrap; <br />
z-index: 2; <br />
}<br />
#headernavbar li:hover ul{ <br />
left: -15px;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar li:hover a{ <br />
background:#003C7D;<br />
text-decoration:none;<br />
z-index: 2; <br />
}<br />
#headernavbar li:hover ul a{ <br />
text-decoration:none;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar li:hover ul li a:hover{ <br />
background:#f68e3c;<br />
z-index: 2; <br />
}<br />
<br />
/* Main Page */<br />
<br />
<br />
#content-containertop {<br />
width: 1000px;<br />
height: 0x;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
#content-topbottom {<br />
width: 950px;<br />
height: 100px;<br />
float: left;<br />
padding: 25px;<br />
text-align: left;<br />
margin-left: -10px;<br />
margin-top: -5px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
font-size:150%;<br />
}<br />
<br />
<br />
#maincontentnav {<br />
width: 800px;<br />
float: center;<br />
background-color:#F5DEB3;<br />
padding: 0px;<br />
height: 320px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(244, 160, 90,1);<br />
border-radius: 200px;<br />
background-clip: padding-box;<br />
margin-top: 25px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
#maincontentselection{<br />
width: 300px;<br />
float: left;<br />
height: 300px;<br />
list-style: none;<br />
margin-left: 100px;<br />
margin-top: 0px;<br />
}<br />
<br />
<br />
#maincontentselection a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:75px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: 10px;<br />
padding-bottom: 0px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
z-index:3;<br />
}<br />
<br />
#maincontentselection a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
z-index:3;<br />
}<br />
#maincontentselection a:active {<br />
color:white;<br />
list-style: none;<br />
}<br />
<br />
<br />
#maincontentselection2{<br />
width: 250px;<br />
float: right;<br />
height: 250px;<br />
list-style: none;<br />
margin-right: 80px;<br />
margin-top: 10px;<br />
}<br />
<br />
<br />
#maincontentselection2 a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:275px;<br />
width: 325px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: 20px;<br />
padding-bottom: 0px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
<br />
}<br />
<br />
#maincontentselection2 a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
}<br />
#maincontentselection2 a:active {<br />
list-style: none;<br />
color:white;<br />
}<br />
<br />
#maincontentselection3{<br />
width: 350px;<br />
float: left;<br />
height: 100px;<br />
list-style: none;<br />
margin-left: -309px;<br />
margin-top: 150px;<br />
}<br />
<br />
<br />
#maincontentselection3 a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:150px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: -10px;<br />
padding-bottom: 10px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
z-index:-1;<br />
<br />
}<br />
<br />
#maincontentselection3 a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
z-index:-4;<br />
}<br />
#maincontentselection3 a:active {<br />
list-style: none;<br />
color:white;<br />
}<br />
<br />
#maincontentdesc {<br />
width: 980px;<br />
float: center;<br />
padding: 10px;<br />
height: 100%;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background-clip: padding-box;<br />
margin-top: 20px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
text-align:left;<br />
}<br />
<br />
#content1-topcenter {<br />
width: 1000px;<br />
float: center;<br />
background-color:#EEEEEE;<br />
padding: 0px;<br />
height: 400px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background-clip: padding-box;<br />
margin-top: 20px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
<br />
#sponsorbox {<br />
width: 950px;<br />
float: center;<br />
background: rgba(255,255,255,0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 350px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
<br />
background-clip: padding-box;<br />
margin-top: 25px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
#intro {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 200px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
<br />
}<br />
<br />
#ancillaryIntro {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 200px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
<br />
}<br />
/* Notebook */<br />
<br />
#notebookselection{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
font: 13px ;<br />
}<br />
<br />
<br />
#notebookselectionmenu{<br />
background-color: #003C7D;<br />
width: 1000px;<br />
height: 40px;<br />
float: left;<br />
text-align: left;<br />
margin-top: -60px;<br />
margin-left: -10px;<br />
padding:0px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
list-style: none;<br />
font: 16px ;<br />
}<br />
<br />
#notebookselectionmenu li{<br />
list-style-type:none;<br />
margin:0;<br />
padding:0;<br />
float:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
#notebookselectionmenu a {<br />
cursor: pointer;<br />
float:left;<br />
height:30px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:500px;<br />
background:#003C7D;<br />
font: bold 15px Arial;<br />
padding-top:10px;<br />
margin-top: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
color:#ffffff;<br />
}<br />
<br />
#notebookselectionmenu a:hover {<br />
background:#f68e3c;<br />
text-decoration:none;<br />
}<br />
#notebookselectionmenu a:active {<br />
color:white;<br />
}<br />
<br />
#labnotebooks{<br />
width: 950px;<br />
height: 100%;<br />
float: center;<br />
text-align: left;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
margin-top: 20px;<br />
margin-right: 0px;<br />
margin-left: -10px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
/* Lab Notebook */<br />
<br />
/* PUF notebook begins here */<br />
<br />
<br />
#PUFnotes {<br />
width: 950px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 25px;<br />
padding-right:25px;<br />
margin-left: -25px;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
}<br />
<br />
#PUFnotebookmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: 16px calibri;<br />
}<br />
<br />
#PUFnotebookmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#PUFnotebookmenu a:active {<br />
color:white;<br />
}<br />
<br />
<br />
#PUFnotebookmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 650px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
margin-left: -35px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
<br />
#PUFnotebookdescription {<br />
<br />
width: 800px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -50px;<br />
margin-left: 0px;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
/* PHAT Notebook begins here */<br />
<br />
#PHATnotes {<br />
width: 950px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 25px;<br />
padding-right:26px;<br />
margin-left: -25px;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
}<br />
<br />
#PHATnotebookmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: 16px calibri;<br />
}<br />
<br />
#PHATnotebookmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#PHATnotebookmenu a:active {<br />
color:white;<br />
}<br />
<br />
#PHATnotebookmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -35px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
#PHATnotebookdescription {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 800px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -50px;<br />
margin-left: 0px;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
padding-left:10px;<br />
padding-right: 10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
<br />
/* Protocol Section*/<br />
<br />
#protocol-container{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#protocolselection{<br />
margin-top: -15px;<br />
background-color:#EEEEEE;<br />
width: 250px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#protocolselection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#protocolselection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#protocolselection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#protocoloverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 665px;<br />
height: 100%;<br />
float: right;<br />
padding: 25px;<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/*Protocol Section End*/<br />
<br />
/*Meeting Notes*/<br />
<br />
#meetingcontainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 5px;<br />
float: center;<br />
}<br />
<br />
#meetingintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-top: 00px;<br />
padding-bottom: 25px;<br />
height: 20px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
<br />
#meetingselection1{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
<br />
#meetingselection2{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection3{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection4{<br />
list-style:none;<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection5{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
margin-right:-10px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
<br />
#meetingselection1 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
<br />
#meetingselection2 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection3 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection4 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection5 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
<br />
#meetingselection ul{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
.meetingselection a {<br />
list-style:none;<br />
cursor: pointer;<br />
display:block;<br />
height:20px;<br />
width: 100%;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 5px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
.meetingselection li:hover a{<br />
list-style:none;<br />
width: 100%;<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#meetingoverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 950px;<br />
height: 100%;<br />
float: left;<br />
padding: 25px;<br />
text-align: left;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
<br />
#notebook-container{<br />
width: 1000px;<br />
height: 350px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
<br />
}<br />
<br />
#notebook-content{<br />
width: 1000px;<br />
float: center;<br />
height: 150px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
padding-top:50px;<br />
margin-top: 25px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
}<br />
<br />
/* Footer */<br />
<br />
#footer-box {<br />
float: center;<br />
overflow: hidden;<br />
display: block;<br />
background-color: #EEEEEE;<br />
width: 1010px;<br />
height: 50px;<br />
font-weight: normal;<br />
font-style: normal;<br />
font-size: 10px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
#catlinks {<br />
visibility: hidden;<br />
}<br />
<br />
#footer {<br />
}<br />
<br />
/* Team */<br />
<br />
#aboutus{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
<br />
#aboutusmenu{<br />
background-color: #003C7D;<br />
width: 1000px;<br />
height: 40px;<br />
float: left;<br />
text-align: left;<br />
margin-top: -60px;<br />
margin-left: -10px;<br />
padding:0px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
list-style: none;<br />
font: bold 16px Arial;<br />
}<br />
<br />
#aboutusmenu li{<br />
list-style-type:none;<br />
margin:0;<br />
padding:0;<br />
float:center;<br />
margin-left: 50px;<br />
margin-right: auto;<br />
}<br />
<br />
#aboutusmenu a {<br />
cursor: pointer;<br />
float:left;<br />
height:30px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:300px;<br />
background:#003C7D;<br />
font: bold 15px Arial;<br />
padding-top:10px;<br />
margin-top: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
color:#ffffff;<br />
}<br />
<br />
#aboutusmenu a:hover {<br />
background:#f68e3c;<br />
text-decoration:none;<br />
}<br />
#aboutusmenu a:active {<br />
color:white;<br />
}<br />
<br />
#aboutusdescription{<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 950px;<br />
height: 100%;<br />
float: center;<br />
text-align: left;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
margin-top: 70px;<br />
margin-right: 0px;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
<br />
<br />
/*Undergrad Section*/<br />
<br />
table{<br />
background-color:#EEEEEE;<br />
}<br />
<br />
#undergradintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
height: 50px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
}<br />
<br />
#undergradsmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#undergradsmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#undergradsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#undergradmembers {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#undergradsmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#description {<br />
background: rgba(240, 240, 240, 1.0);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 815px;<br />
height: 300px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
margin-bottom: 50px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:0px;<br />
padding-right: 5px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
/* Advisors Section */<br />
<br />
#advisorsintro{<br />
width: 950px;<br />
float: center;<br />
padding-top: 0px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 20px;<br />
height: 50px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:10px; <br />
}<br />
<br />
#advisorsmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#advisorsmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#advisorsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#advisors {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#advisorsmenu {<br />
background-color: #EEEEEE;<br />
width: 150px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
#advisorsdescription {<br />
background: rgba(240, 240, 240, 1.0);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 815px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: -418px;<br />
margin-right: -10px;<br />
margin-left: 170px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:0px;<br />
padding-right: 5px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
/* Projects */<br />
<br />
#projectoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 375x;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#projectcontainer {<br />
width: 1000px;<br />
height: 400px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/*Galleria*/<br />
<br />
/*<br />
* Galleria Classic Theme<br />
* Copyright (c) 2010, Aino<br />
* Licensed under the MIT license.<br />
*/<br />
<br />
#galleria{ width: 100%; height: 400px; background: #000 }<br />
<br />
.galleria-container {<br />
position: relative;<br />
overflow: hidden;<br />
background: #fff;<br />
}<br />
.galleria-container img {<br />
-moz-user-select: none;<br />
-webkit-user-select: none;<br />
-o-user-select: none;<br />
}<br />
.galleria-stage {<br />
position: absolute;<br />
top: 10px;<br />
bottom: 60px;<br />
left: 10px;<br />
right: 10px;<br />
overflow:hidden;<br />
}<br />
.galleria-thumbnails-container {<br />
height: 50px;<br />
bottom: 0;<br />
position: absolute;<br />
left: 10px;<br />
right: 10px;<br />
z-index: 2;<br />
}<br />
.galleria-carousel .galleria-thumbnails-list {<br />
margin-left: 30px;<br />
margin-right: 30px;<br />
}<br />
.galleria-thumbnails .galleria-image {<br />
height: 40px;<br />
width: 60px;<br />
background: #000;<br />
margin: 0 5px 0 0;<br />
border: 1px solid #fff;<br />
float: left;<br />
cursor: pointer;<br />
}<br />
.galleria-counter {<br />
position: absolute;<br />
bottom: 10px;<br />
left: 10px;<br />
text-align: right;<br />
color: #fff;<br />
font: normal 11px/1 arial,sans-serif;<br />
z-index: 1;<br />
}<br />
.galleria-loader {<br />
background: #000;<br />
width: 20px;<br />
height: 20px;<br />
position: absolute;<br />
top: 10px;<br />
right: 10px;<br />
z-index: 2;<br />
display: none;<br />
background: url(classic-loader.gif) no-repeat 2px 2px;<br />
}<br />
.galleria-info {<br />
width: 50%;<br />
top: 15px;<br />
left: 15px;<br />
z-index: 2;<br />
position: absolute;<br />
}<br />
.galleria-info-text {<br />
background-color: #000;<br />
padding: 12px;<br />
display: none;<br />
/* IE7 */ zoom:1;<br />
}<br />
.galleria-info-title {<br />
font: bold 12px/1.1 arial,sans-serif;<br />
margin: 0;<br />
color: #fff;<br />
margin-bottom: 7px;<br />
}<br />
.galleria-info-description {<br />
font: italic 12px/1.4 georgia,serif;<br />
margin: 0;<br />
color: #bbb;<br />
}<br />
.galleria-info-close {<br />
width: 9px;<br />
height: 9px;<br />
position: absolute;<br />
top: 5px;<br />
right: 5px;<br />
background-position: -753px -11px;<br />
opacity: .5;<br />
filter: alpha(opacity=50);<br />
cursor: pointer;<br />
display: none;<br />
}<br />
.notouch .galleria-info-close:hover{<br />
opacity:1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-info-close:active{<br />
opacity:1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-info-link {<br />
background-position: -669px -5px;<br />
opacity: .7;<br />
filter: alpha(opacity=70);<br />
position: absolute;<br />
width: 20px;<br />
height: 20px;<br />
cursor: pointer;<br />
background-color: #000;<br />
}<br />
.notouch .galleria-info-link:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-info-link:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-image-nav {<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -62px;<br />
width: 100%;<br />
height: 62px;<br />
left: 0;<br />
}<br />
.galleria-image-nav-left,<br />
.galleria-image-nav-right {<br />
opacity: .3;<br />
filter: alpha(opacity=30);<br />
cursor: pointer;<br />
width: 62px;<br />
height: 124px;<br />
position: absolute;<br />
left: 10px;<br />
z-index: 2;<br />
background-position: 0 46px;<br />
}<br />
.galleria-image-nav-right {<br />
left: auto;<br />
right: 10px;<br />
background-position: -254px 46px;<br />
z-index: 2;<br />
}<br />
.notouch .galleria-image-nav-left:hover,<br />
.notouch .galleria-image-nav-right:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-image-nav-left:active,<br />
.touch .galleria-image-nav-right:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-thumb-nav-left,<br />
.galleria-thumb-nav-right {<br />
cursor: pointer;<br />
display: none;<br />
background-position: -495px 5px;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
height: 40px;<br />
width: 23px;<br />
z-index: 3;<br />
opacity: .8;<br />
filter: alpha(opacity=80);<br />
}<br />
.galleria-thumb-nav-right {<br />
background-position: -578px 5px;<br />
border-right: none;<br />
right: 0;<br />
left: auto;<br />
}<br />
.galleria-thumbnails-container .disabled {<br />
opacity: .2;<br />
filter: alpha(opacity=20);<br />
cursor: default;<br />
}<br />
.notouch .galleria-thumb-nav-left:hover,<br />
.notouch .galleria-thumb-nav-right:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
background-color: #111;<br />
}<br />
.touch .galleria-thumb-nav-left:active,<br />
.touch .galleria-thumb-nav-right:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
background-color: #111;<br />
}<br />
.notouch .galleria-thumbnails-container .disabled:hover {<br />
opacity: .2;<br />
filter: alpha(opacity=20);<br />
background-color: transparent;<br />
}<br />
<br />
.galleria-carousel .galleria-thumb-nav-left,<br />
.galleria-carousel .galleria-thumb-nav-right {<br />
display: block;<br />
}<br />
.galleria-thumb-nav-left,<br />
.galleria-thumb-nav-right,<br />
.galleria-info-link,<br />
.galleria-info-close,<br />
.galleria-image-nav-left,<br />
.galleria-image-nav-right {<br />
background-image: url('http://i.imgur.com/tLDSr.png');<br />
background-repeat: no-repeat;<br />
}<br />
<br />
/*Flowchart*/<br />
<br />
#flowchart-container{<br />
width: 980px;<br />
float: center;<br />
background-color:#ffffff;<br />
padding: 10px;<br />
height: 500px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-top: 95px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
#flowchart{<br />
float:center;<br />
}<br />
<br />
/*Outreach*/<br />
<br />
<br />
#outreachintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 15px;<br />
height: 35px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
}<br />
<br />
#outreachmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#outreachmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#undergradsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#outreach {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font:16px sans-serif ;<br />
}<br />
<br />
#outreachmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#outreachdescription {<br />
width: 790px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
padding-top: -20px;<br />
padding-bottom: 10px;<br />
padding-left: 15px;<br />
padding-right: 15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
/* GMO Collab */<br />
<br />
<br />
#gmointro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
height: 35px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
font:16px sans-serif ;<br />
}<br />
<br />
#gmomenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#gmomenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#gmomenu a:active {<br />
color:white;<br />
}<br />
<br />
#gmo {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#gmomenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#gmodescription {<br />
<br />
width: 790px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:15px;<br />
padding-right: 15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
/* Sponsor Logos */<br />
<br />
#row1logos a:hover{<br />
list-style: none;<br />
}<br />
#row2logos a:hover{<br />
list-style: none;<br />
}<br />
<br />
/* Results */<br />
<br />
#resultsoverview {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 150px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#resultscontainer {<br />
width: 1000px;<br />
height: 245px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Biobricks */<br />
<br />
#biobricksoverview {<br />
width: 950px;<br />
float: center;<br />
height: 400px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#biobrickscontainer {<br />
width: 1000px;<br />
height: 500px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Safety */<br />
<br />
<br />
#safetyoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
<br />
padding: 25px;<br />
height: 1550px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#safetycontainer {<br />
width: 1000px;<br />
height: 1700px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Design Section */<br />
<br />
<br />
#designContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#designSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#legend{<br />
margin-top: 275px;<br />
background-image:url('https://static.igem.org/mediawiki/2012/4/47/Legend2.png');<br />
width: 175px;<br />
height: 145px;<br />
float: left;<br />
position: absolute;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 5px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
}<br />
<br />
<br />
#designSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#designSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#designSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#designOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Data */<br />
<br />
#dataContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#dataSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#dataSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#dataSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#dataSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#dataOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Future */<br />
<br />
#futureContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#futureSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#futureSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#futureSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#futureSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#futureOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* scaffold */<br />
<br />
#scaffoldContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
margin-bottom: 50px;<br />
float: center;<br />
}<br />
<br />
#scaffoldSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height:145px;<br />
margin-bottom:20px;<br />
position:fixed;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#scaffoldSelection0{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 180px;<br />
position:fixed;<br />
float: left;<br />
margin-bottom:20px;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#scaffoldSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#scaffoldSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#scaffoldSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
#scaffoldSelection0 li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#scaffoldSelection0 a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#scaffoldSelection0 li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
#scaffoldOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Petrobrick */<br />
<br />
#petrobrickContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#petrobrickSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#petrobrickSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#petrobrickSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#petrobrickSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#petrobrickOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Assembly */<br />
<br />
#assemblyContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
margin-bottom:50px;<br />
float: center;<br />
}<br />
<br />
#assemblySelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#assemblySelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#assemblySelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#assemblySelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#assemblyOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
padding-top: 0px;<br />
<br />
margin-bottom: 25px;<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/*Attributions*/<br />
<br />
#attributionsOverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 1600px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#attributionsContainer {<br />
width: 1000px;<br />
height: 1600px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
<br />
#appoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
<br />
padding: 25px;<br />
height: 100px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#appcontainer {<br />
width: 1000px;<br />
height: 100px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
<br />
</style><br />
</html></div>
Bchen26
http://2012.igem.org/Template:UIUC_Illinois_CSS
Template:UIUC Illinois CSS
2013-01-19T08:29:54Z
<p>Bchen26: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
<br />
/* Illinois IGEM Wiki Stylesheet*/<br />
<br />
/* Default Reformatting and Header */<br />
<br />
#globalwrapper {<br />
width:1000px;<br />
padding:0px 0px;<br />
margin: 0 auto;<br />
background-color: #BABABA;<br />
background-attachment: fixed;<br />
background-position: center;<br />
background-size:100% 100%;<br />
}<br />
<br />
body {<br />
background: #CECECE;<br />
background-image:url('https://static.igem.org/mediawiki/2012/d/d3/Uiucbackground10.png');<br />
background-attachment: fixed;<br />
background-position: center;<br />
height:100%;<br />
background-size:100% 100%;<br />
}<br />
.firstHeading {<br />
height:0px;<br />
visibility:hidden;<br />
}<br />
<br />
#p-logo {<br />
height:0px;<br />
overflow:hidden;<br />
display: none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
margin-top:0px;<br />
}<br />
<br />
#content{<br />
visibility: hidden;<br />
}<br />
<br />
#top-section {<br />
background-image:url('https://static.igem.org/mediawiki/2012/e/e6/Newbanner6.png');<br />
background-color:#151F4E;<br />
background-position: top;<br />
width:1000px;<br />
height:219px;<br />
background-repeat: no-repeat;<br />
border-width:0px;<br />
border-top-width:0px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-top: -10px;<br />
margin-bottom: -50px;<br />
}<br />
<br />
<br />
#menubar { <br />
color: white;<br />
background-color: transparent; <br />
}<br />
#menubar ul li a { <br />
color: white; <br />
background-color: transparent;<br />
}<br />
<br />
.right-menu li a {<br />
color: white;<br />
background-color: transparent;<br />
}<br />
<br />
/* Header */<br />
<br />
#igemlogozone {<br />
position: absolute;<br />
top: 25px;<br />
left: 960px;<br />
height: 125px;<br />
width: 150px;<br />
background-color: transparent;<br />
}<br />
<br />
#wrapper {<br />
width: 1000px;<br />
height: 100%;<br />
float: center;<br />
padding-left: 0%;<br />
padding-right: 0%;<br />
padding-top: 1%;<br />
background-color: #BABABA;<br />
background-attachment: fixed;<br />
background-position: center;<br />
<br />
}<br />
<br />
#header {<br />
width: 750px;<br />
float: center;<br />
background-color:#FFE4C4;<br />
height: 150px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
img {<br />
border: none;<br />
}<br />
<br />
#headernavigation{<br />
width: 1000px;<br />
float: center;<br />
background-color: transparent;<br />
height: 60px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-top: -49px; <br />
margin-bottom: 10px; <br />
z-index: 2; <br />
-webkit-transition: all 300ms ease-in-out;<br />
}<br />
<br />
#headernavbar{<br />
list-style:none;<br />
font-weight:bold;<br />
float:left;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
z-index: 2; <br />
}<br />
#headernavbar li{<br />
float:left;<br />
position:relative;<br />
text-align:center;<br />
z-index: 2; <br />
}<br />
#headernavbar a{<br />
margin-left:0px;<br />
display:block;<br />
padding-bottom:10px;<br />
padding-top:10px;<br />
width: 100px;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
font: bold 16px Arial;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar a:hover{<br />
color:#ffffff;<br />
background:#003C7D;<br />
text-decoration:none;<br />
z-index: 2; <br />
<br />
}<br />
<br />
#headernavbar ul{<br />
background: #003C7D;<br />
list-style:none;<br />
position:absolute;<br />
left:-9999px; <br />
z-index: 2; <br />
}<br />
#headernavbar ul li{<br />
padding-top:0px; <br />
margin-bottom:-1px;<br />
float:none;<br />
margin-top:-3px;<br />
z-index: 2; <br />
}<br />
#headernavbar ul a{<br />
white-space:nowrap; <br />
z-index: 2; <br />
}<br />
#headernavbar li:hover ul{ <br />
left: -15px;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar li:hover a{ <br />
background:#003C7D;<br />
text-decoration:none;<br />
z-index: 2; <br />
}<br />
#headernavbar li:hover ul a{ <br />
text-decoration:none;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar li:hover ul li a:hover{ <br />
background:#f68e3c;<br />
z-index: 2; <br />
}<br />
<br />
/* Main Page */<br />
<br />
<br />
#content-containertop {<br />
width: 1000px;<br />
height: 0x;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
#content-topbottom {<br />
width: 950px;<br />
height: 100px;<br />
float: left;<br />
padding: 25px;<br />
text-align: left;<br />
margin-left: -10px;<br />
margin-top: -5px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
font-size:150%;<br />
}<br />
<br />
<br />
#maincontentnav {<br />
width: 800px;<br />
float: center;<br />
background-color:#F5DEB3;<br />
padding: 0px;<br />
height: 320px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(244, 160, 90,1);<br />
border-radius: 200px;<br />
background-clip: padding-box;<br />
margin-top: 25px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
#maincontentselection{<br />
width: 300px;<br />
float: left;<br />
height: 300px;<br />
list-style: none;<br />
margin-left: 100px;<br />
margin-top: 0px;<br />
}<br />
<br />
<br />
#maincontentselection a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:75px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: 10px;<br />
padding-bottom: 0px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
z-index:3;<br />
}<br />
<br />
#maincontentselection a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
z-index:3;<br />
}<br />
#maincontentselection a:active {<br />
color:white;<br />
list-style: none;<br />
}<br />
<br />
<br />
#maincontentselection2{<br />
width: 250px;<br />
float: right;<br />
height: 250px;<br />
list-style: none;<br />
margin-right: 80px;<br />
margin-top: 10px;<br />
}<br />
<br />
<br />
#maincontentselection2 a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:275px;<br />
width: 325px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: 20px;<br />
padding-bottom: 0px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
<br />
}<br />
<br />
#maincontentselection2 a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
}<br />
#maincontentselection2 a:active {<br />
list-style: none;<br />
color:white;<br />
}<br />
<br />
#maincontentselection3{<br />
width: 350px;<br />
float: left;<br />
height: 100px;<br />
list-style: none;<br />
margin-left: -309px;<br />
margin-top: 150px;<br />
}<br />
<br />
<br />
#maincontentselection3 a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:150px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: -10px;<br />
padding-bottom: 10px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
z-index:-1;<br />
<br />
}<br />
<br />
#maincontentselection3 a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
z-index:-4;<br />
}<br />
#maincontentselection3 a:active {<br />
list-style: none;<br />
color:white;<br />
}<br />
<br />
#maincontentdesc {<br />
width: 980px;<br />
float: center;<br />
padding: 10px;<br />
height: 100%;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background-clip: padding-box;<br />
margin-top: 20px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
text-align:left;<br />
}<br />
<br />
#content1-topcenter {<br />
width: 1000px;<br />
float: center;<br />
background-color:#EEEEEE;<br />
padding: 0px;<br />
height: 400px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background-clip: padding-box;<br />
margin-top: 20px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
<br />
#sponsorbox {<br />
width: 950px;<br />
float: center;<br />
background: rgba(255,255,255,0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 350px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
<br />
background-clip: padding-box;<br />
margin-top: 25px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
#intro {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 200px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
<br />
}<br />
<br />
#ancillaryIntro {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 200px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
<br />
}<br />
/* Notebook */<br />
<br />
#notebookselection{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
font: 13px ;<br />
}<br />
<br />
<br />
#notebookselectionmenu{<br />
background-color: #003C7D;<br />
width: 1000px;<br />
height: 40px;<br />
float: left;<br />
text-align: left;<br />
margin-top: -60px;<br />
margin-left: -10px;<br />
padding:0px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
list-style: none;<br />
font: 16px ;<br />
}<br />
<br />
#notebookselectionmenu li{<br />
list-style-type:none;<br />
margin:0;<br />
padding:0;<br />
float:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
#notebookselectionmenu a {<br />
cursor: pointer;<br />
float:left;<br />
height:30px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:500px;<br />
background:#003C7D;<br />
font: bold 15px Arial;<br />
padding-top:10px;<br />
margin-top: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
color:#ffffff;<br />
}<br />
<br />
#notebookselectionmenu a:hover {<br />
background:#f68e3c;<br />
text-decoration:none;<br />
}<br />
#notebookselectionmenu a:active {<br />
color:white;<br />
}<br />
<br />
#labnotebooks{<br />
width: 950px;<br />
height: 100%;<br />
float: center;<br />
text-align: left;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
margin-top: 20px;<br />
margin-right: 0px;<br />
margin-left: -10px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
/* Lab Notebook */<br />
<br />
/* PUF notebook begins here */<br />
<br />
<br />
#PUFnotes {<br />
width: 950px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 25px;<br />
padding-right:25px;<br />
margin-left: -25px;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
}<br />
<br />
#PUFnotebookmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: 16px calibri;<br />
}<br />
<br />
#PUFnotebookmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#PUFnotebookmenu a:active {<br />
color:white;<br />
}<br />
<br />
<br />
#PUFnotebookmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 650px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
margin-left: -35px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
<br />
#PUFnotebookdescription {<br />
<br />
width: 800px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -50px;<br />
margin-left: 0px;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
/* PHAT Notebook begins here */<br />
<br />
#PHATnotes {<br />
width: 950px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 25px;<br />
padding-right:26px;<br />
margin-left: -25px;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
}<br />
<br />
#PHATnotebookmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: 16px calibri;<br />
}<br />
<br />
#PHATnotebookmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#PHATnotebookmenu a:active {<br />
color:white;<br />
}<br />
<br />
#PHATnotebookmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -35px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
#PHATnotebookdescription {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 800px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -50px;<br />
margin-left: 0px;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
padding-left:10px;<br />
padding-right: 10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
<br />
/* Protocol Section*/<br />
<br />
#protocol-container{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#protocolselection{<br />
margin-top: -15px;<br />
background-color:#EEEEEE;<br />
width: 250px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#protocolselection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#protocolselection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#protocolselection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#protocoloverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 665px;<br />
height: 100%;<br />
float: right;<br />
padding: 25px;<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/*Protocol Section End*/<br />
<br />
/*Meeting Notes*/<br />
<br />
#meetingcontainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 5px;<br />
float: center;<br />
}<br />
<br />
#meetingintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-top: 00px;<br />
padding-bottom: 25px;<br />
height: 20px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
<br />
#meetingselection1{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
<br />
#meetingselection2{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection3{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection4{<br />
list-style:none;<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection5{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
margin-right:-10px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
<br />
#meetingselection1 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
<br />
#meetingselection2 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection3 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection4 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection5 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
<br />
#meetingselection ul{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
.meetingselection a {<br />
list-style:none;<br />
cursor: pointer;<br />
display:block;<br />
height:20px;<br />
width: 100%;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 5px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
.meetingselection li:hover a{<br />
list-style:none;<br />
width: 100%;<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#meetingoverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 950px;<br />
height: 100%;<br />
float: left;<br />
padding: 25px;<br />
text-align: left;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
<br />
#notebook-container{<br />
width: 1000px;<br />
height: 350px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
<br />
}<br />
<br />
#notebook-content{<br />
width: 1000px;<br />
float: center;<br />
height: 150px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
padding-top:50px;<br />
margin-top: 25px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
}<br />
<br />
/* Footer */<br />
<br />
#footer-box {<br />
float: center;<br />
overflow: hidden;<br />
display: block;<br />
background-color: #EEEEEE;<br />
width: 1010px;<br />
height: 50px;<br />
font-weight: normal;<br />
font-style: normal;<br />
font-size: 10px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
#catlinks {<br />
visibility: hidden;<br />
}<br />
<br />
#footer {<br />
}<br />
<br />
/* Team */<br />
<br />
#aboutus{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
<br />
#aboutusmenu{<br />
background-color: #003C7D;<br />
width: 1000px;<br />
height: 40px;<br />
float: left;<br />
text-align: left;<br />
margin-top: -60px;<br />
margin-left: -10px;<br />
padding:0px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
list-style: none;<br />
font: bold 16px Arial;<br />
}<br />
<br />
#aboutusmenu li{<br />
list-style-type:none;<br />
margin:0;<br />
padding:0;<br />
float:center;<br />
margin-left: 50px;<br />
margin-right: auto;<br />
}<br />
<br />
#aboutusmenu a {<br />
cursor: pointer;<br />
float:left;<br />
height:30px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:300px;<br />
background:#003C7D;<br />
font: bold 15px Arial;<br />
padding-top:10px;<br />
margin-top: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
color:#ffffff;<br />
}<br />
<br />
#aboutusmenu a:hover {<br />
background:#f68e3c;<br />
text-decoration:none;<br />
}<br />
#aboutusmenu a:active {<br />
color:white;<br />
}<br />
<br />
#aboutusdescription{<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 950px;<br />
height: 100%;<br />
float: center;<br />
text-align: left;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
margin-top: 70px;<br />
margin-right: 0px;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
<br />
<br />
/*Undergrad Section*/<br />
<br />
table{<br />
background-color:#EEEEEE;<br />
}<br />
<br />
#undergradintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
height: 50px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
}<br />
<br />
#undergradsmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#undergradsmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#undergradsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#undergradmembers {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#undergradsmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#description {<br />
background: rgba(240, 240, 240, 1.0);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 815px;<br />
height: 300px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
margin-bottom: 50px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:0px;<br />
padding-right: 5px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
/* Advisors Section */<br />
<br />
#advisorsintro{<br />
width: 950px;<br />
float: center;<br />
padding-top: 0px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 20px;<br />
height: 50px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:10px; <br />
}<br />
<br />
#advisorsmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#advisorsmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#advisorsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#advisors {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#advisorsmenu {<br />
background-color: #EEEEEE;<br />
width: 150px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
#advisorsdescription {<br />
background: rgba(240, 240, 240, 1.0);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 815px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: -418px;<br />
margin-right: -10px;<br />
margin-left: 170px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:0px;<br />
padding-right: 5px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
/* Projects */<br />
<br />
#projectoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 375x;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#projectcontainer {<br />
width: 1000px;<br />
height: 400px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/*Galleria*/<br />
<br />
/*<br />
* Galleria Classic Theme<br />
* Copyright (c) 2010, Aino<br />
* Licensed under the MIT license.<br />
*/<br />
<br />
#galleria{ width: 100%; height: 400px; background: #000 }<br />
<br />
.galleria-container {<br />
position: relative;<br />
overflow: hidden;<br />
background: #fff;<br />
}<br />
.galleria-container img {<br />
-moz-user-select: none;<br />
-webkit-user-select: none;<br />
-o-user-select: none;<br />
}<br />
.galleria-stage {<br />
position: absolute;<br />
top: 10px;<br />
bottom: 60px;<br />
left: 10px;<br />
right: 10px;<br />
overflow:hidden;<br />
}<br />
.galleria-thumbnails-container {<br />
height: 50px;<br />
bottom: 0;<br />
position: absolute;<br />
left: 10px;<br />
right: 10px;<br />
z-index: 2;<br />
}<br />
.galleria-carousel .galleria-thumbnails-list {<br />
margin-left: 30px;<br />
margin-right: 30px;<br />
}<br />
.galleria-thumbnails .galleria-image {<br />
height: 40px;<br />
width: 60px;<br />
background: #000;<br />
margin: 0 5px 0 0;<br />
border: 1px solid #fff;<br />
float: left;<br />
cursor: pointer;<br />
}<br />
.galleria-counter {<br />
position: absolute;<br />
bottom: 10px;<br />
left: 10px;<br />
text-align: right;<br />
color: #fff;<br />
font: normal 11px/1 arial,sans-serif;<br />
z-index: 1;<br />
}<br />
.galleria-loader {<br />
background: #000;<br />
width: 20px;<br />
height: 20px;<br />
position: absolute;<br />
top: 10px;<br />
right: 10px;<br />
z-index: 2;<br />
display: none;<br />
background: url(classic-loader.gif) no-repeat 2px 2px;<br />
}<br />
.galleria-info {<br />
width: 50%;<br />
top: 15px;<br />
left: 15px;<br />
z-index: 2;<br />
position: absolute;<br />
}<br />
.galleria-info-text {<br />
background-color: #000;<br />
padding: 12px;<br />
display: none;<br />
/* IE7 */ zoom:1;<br />
}<br />
.galleria-info-title {<br />
font: bold 12px/1.1 arial,sans-serif;<br />
margin: 0;<br />
color: #fff;<br />
margin-bottom: 7px;<br />
}<br />
.galleria-info-description {<br />
font: italic 12px/1.4 georgia,serif;<br />
margin: 0;<br />
color: #bbb;<br />
}<br />
.galleria-info-close {<br />
width: 9px;<br />
height: 9px;<br />
position: absolute;<br />
top: 5px;<br />
right: 5px;<br />
background-position: -753px -11px;<br />
opacity: .5;<br />
filter: alpha(opacity=50);<br />
cursor: pointer;<br />
display: none;<br />
}<br />
.notouch .galleria-info-close:hover{<br />
opacity:1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-info-close:active{<br />
opacity:1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-info-link {<br />
background-position: -669px -5px;<br />
opacity: .7;<br />
filter: alpha(opacity=70);<br />
position: absolute;<br />
width: 20px;<br />
height: 20px;<br />
cursor: pointer;<br />
background-color: #000;<br />
}<br />
.notouch .galleria-info-link:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-info-link:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-image-nav {<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -62px;<br />
width: 100%;<br />
height: 62px;<br />
left: 0;<br />
}<br />
.galleria-image-nav-left,<br />
.galleria-image-nav-right {<br />
opacity: .3;<br />
filter: alpha(opacity=30);<br />
cursor: pointer;<br />
width: 62px;<br />
height: 124px;<br />
position: absolute;<br />
left: 10px;<br />
z-index: 2;<br />
background-position: 0 46px;<br />
}<br />
.galleria-image-nav-right {<br />
left: auto;<br />
right: 10px;<br />
background-position: -254px 46px;<br />
z-index: 2;<br />
}<br />
.notouch .galleria-image-nav-left:hover,<br />
.notouch .galleria-image-nav-right:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-image-nav-left:active,<br />
.touch .galleria-image-nav-right:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-thumb-nav-left,<br />
.galleria-thumb-nav-right {<br />
cursor: pointer;<br />
display: none;<br />
background-position: -495px 5px;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
height: 40px;<br />
width: 23px;<br />
z-index: 3;<br />
opacity: .8;<br />
filter: alpha(opacity=80);<br />
}<br />
.galleria-thumb-nav-right {<br />
background-position: -578px 5px;<br />
border-right: none;<br />
right: 0;<br />
left: auto;<br />
}<br />
.galleria-thumbnails-container .disabled {<br />
opacity: .2;<br />
filter: alpha(opacity=20);<br />
cursor: default;<br />
}<br />
.notouch .galleria-thumb-nav-left:hover,<br />
.notouch .galleria-thumb-nav-right:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
background-color: #111;<br />
}<br />
.touch .galleria-thumb-nav-left:active,<br />
.touch .galleria-thumb-nav-right:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
background-color: #111;<br />
}<br />
.notouch .galleria-thumbnails-container .disabled:hover {<br />
opacity: .2;<br />
filter: alpha(opacity=20);<br />
background-color: transparent;<br />
}<br />
<br />
.galleria-carousel .galleria-thumb-nav-left,<br />
.galleria-carousel .galleria-thumb-nav-right {<br />
display: block;<br />
}<br />
.galleria-thumb-nav-left,<br />
.galleria-thumb-nav-right,<br />
.galleria-info-link,<br />
.galleria-info-close,<br />
.galleria-image-nav-left,<br />
.galleria-image-nav-right {<br />
background-image: url('http://i.imgur.com/tLDSr.png');<br />
background-repeat: no-repeat;<br />
}<br />
<br />
/*Flowchart*/<br />
<br />
#flowchart-container{<br />
width: 980px;<br />
float: center;<br />
background-color:#ffffff;<br />
padding: 10px;<br />
height: 500px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-top: 95px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
#flowchart{<br />
float:center;<br />
}<br />
<br />
/*Outreach*/<br />
<br />
<br />
#outreachintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 15px;<br />
height: 35px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
}<br />
<br />
#outreachmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#outreachmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#undergradsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#outreach {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font:16px sans-serif ;<br />
}<br />
<br />
#outreachmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#outreachdescription {<br />
width: 790px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
padding-top: -20px;<br />
padding-bottom: 10px;<br />
padding-left: 15px;<br />
padding-right: 15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
/* GMO Collab */<br />
<br />
<br />
#gmointro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
height: 35px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
font:16px sans-serif ;<br />
}<br />
<br />
#gmomenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#gmomenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#gmomenu a:active {<br />
color:white;<br />
}<br />
<br />
#gmo {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#gmomenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#gmodescription {<br />
<br />
width: 790px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:15px;<br />
padding-right: 15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
/* Sponsor Logos */<br />
<br />
#row1logos a:hover{<br />
list-style: none;<br />
}<br />
#row2logos a:hover{<br />
list-style: none;<br />
}<br />
<br />
/* Results */<br />
<br />
#resultsoverview {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 150px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#resultscontainer {<br />
width: 1000px;<br />
height: 245px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Biobricks */<br />
<br />
#biobricksoverview {<br />
width: 950px;<br />
float: center;<br />
height: 400px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#biobrickscontainer {<br />
width: 1000px;<br />
height: 500px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Safety */<br />
<br />
<br />
#safetyoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
<br />
padding: 25px;<br />
height: 1550px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#safetycontainer {<br />
width: 1000px;<br />
height: 1700px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Design Section */<br />
<br />
<br />
#designContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#designSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#legend{<br />
margin-top: 275px;<br />
background-image:url('https://static.igem.org/mediawiki/2012/4/47/Legend2.png');<br />
width: 175px;<br />
height: 145px;<br />
float: left;<br />
position: absolute;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 5px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
}<br />
<br />
<br />
#designSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#designSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#designSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#designOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Data */<br />
<br />
#dataContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#dataSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#dataSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#dataSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#dataSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#dataOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Future */<br />
<br />
#futureContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#futureSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#futureSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#futureSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#futureSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#futureOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* scaffold */<br />
<br />
#scaffoldContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
margin-bottom: 50px;<br />
float: center;<br />
}<br />
<br />
#scaffoldSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height:145px;<br />
margin-bottom:20px;<br />
position:fixed;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#scaffoldSelection0{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 180px;<br />
position:fixed;<br />
float: left;<br />
margin-bottom:20px;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#scaffoldSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#scaffoldSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#scaffoldSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
#scaffoldSelection0 li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#scaffoldSelection0 a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#scaffoldSelection0 li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
#scaffoldOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Petrobrick */<br />
<br />
#petrobrickContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#petrobrickSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#petrobrickSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#petrobrickSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#petrobrickSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#petrobrickOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Assembly */<br />
<br />
#assemblyContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
margin-bottom:50px;<br />
float: center;<br />
}<br />
<br />
#assemblySelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#assemblySelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#assemblySelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#assemblySelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#assemblyOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
padding-top: 0px;<br />
<br />
margin-bottom: 25px;<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/*Attributions*/<br />
<br />
#attributionsOverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 1600px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#attributionsContainer {<br />
width: 1000px;<br />
height: 1600px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
<br />
#appoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
<br />
padding: 25px;<br />
height: 300px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#appcontainer {<br />
width: 1000px;<br />
height: 300px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
<br />
</style><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/apply
Team:UIUC-Illinois/apply
2013-01-19T08:29:19Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Application</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="appcontainer"><br />
<div id="appoverview"><br />
<br />
<h1>Application Info</h1><br />
<br/><center><br />
<a href="https://static.igem.org/mediawiki/2012/b/be/IGEM_2013_application.zip">Click Here to download application contained within a .zip archive</a><br />
<br/><br/><br />
Once completed, e-mail the completed form to illinoisigem@gmail.com<br />
<br/><br/><br />
The subject of the e-mail should include your full name.<br />
<br/><br/><br />
If you have further questions, please contact us at illinoisigem@gmail.com<br />
<br/></center><br />
</p><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/apply
Team:UIUC-Illinois/apply
2013-01-19T08:28:03Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Application</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="appcontainer"><br />
<div id="appoverview"><br />
<br />
<h1>Application Info</h1><br />
<br/><br />
<a href="https://static.igem.org/mediawiki/2012/b/be/IGEM_2013_application.zip">Click Here to download application contained within a .zip archive</a><br />
<br/><br/><br />
Once completed, e-mail the completed form to illinoisigem@gmail.com<br />
<br/><br/><br />
The subject of the e-mail should include your full name.<br />
<br/><br/><br />
If you have further questions, please contact us at illinoisigem@gmail.com<br />
<br/><br />
</p><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/apply
Team:UIUC-Illinois/apply
2013-01-19T08:27:40Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Application</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="appcontainer"><br />
<div id="appoverview"><br />
<br />
<h1>Application Info</h1><br />
<br/><br />
<a href="https://static.igem.org/mediawiki/2012/b/be/IGEM_2013_application.zip">Click Here to download application contained within a .zip archive</a><br />
<br/><br/><br />
Once completed, e-mail the completed form to <illinoisigem@gmail.com><br />
<br/><br/><br />
The subject of the e-mail should include your full name.<br />
<br/><br/><br />
If you have further questions, please contact us at <illinoisigem@gmail.com><br />
<br/><br />
</p><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/apply
Team:UIUC-Illinois/apply
2013-01-19T08:27:25Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Application</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="appcontainer"><br />
<div id="appoverview"><br />
<br />
<h1>Application Info</h1><br />
<br />
<a href="https://static.igem.org/mediawiki/2012/b/be/IGEM_2013_application.zip">Click Here to download application contained within a .zip archive</a><br />
<br />
Once completed, e-mail the completed form to <illinoisigem@gmail.com><br />
<br />
The subject of the e-mail should include your full name.<br />
<br />
If you have further questions, please contact us at <illinoisigem@gmail.com><br />
<br />
</p><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/File:IGEM_2013_application.zip
File:IGEM 2013 application.zip
2013-01-19T08:24:05Z
<p>Bchen26: Uiuc</p>
<hr />
<div>Uiuc</div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/apply
Team:UIUC-Illinois/apply
2013-01-17T03:36:14Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Application</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="appcontainer"><br />
<div id="appoverview"><br />
<br />
<h1>Application Info</h1><br />
Please contact us at illinoisigem@gmail.com.<br />
</p><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois
Team:UIUC-Illinois
2013-01-17T03:35:36Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<br />
<script><br />
var r=confirm("Applications for the 2013 UIUC iGEM team are now open, would you like to go to the Application Info page?");<br />
if (r==true)<br />
{<br />
window.location = "https://2012.igem.org/Team:UIUC-Illinois/apply";<br />
}<br />
<br />
</script><br />
<br />
<br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<!--Content Start--><br />
<br />
<div id=intro><br />
<center><h1>Mission Statement</h1></center><br />
<p>The ultimate goal of the University of Illinois 2012 iGEM team is to construct an RNA-based PUF protein toolkit which can be utilized for the manipulation of gene expression. Customizable manipulation will involve gene silencing by specific RNA scission. Also, the PUF protein's properties are suited for optimizing multi-step enzymatic pathways. In this way, we aim to improve the versatility and cost efficiency of biological production systems. With a protein-based RNA-binding toolkit, researchers will be able to transmute the biobricked PUF for use in their scientific endeavors. In addition, we seek to standardize and characterize the nature of PUF. <br/><center><font size="5"><a href="https://2012.igem.org/Team:UIUC-Illinois/Project"> Click here to read our project abstract.</a></font></center></p><br/><br />
</div><br />
<br />
<div id="ancillaryIntro"><br />
<center><h2>Our Research Outside of PUF Itself</h2></center><br/><br />
<p>Aside from researching the RNA specific affinity of PUF and its endonuclease fusion protein variants, we have also explored and tested other potential applications for PUF. Mainly, our ancillary projects directly related to PUF include our RNA scaffold and an <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">enzymatic assembly line</a> based on such a scaffold. Additionally, <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">we have characterized</a> the 2011 University of Washington iGEM team's Petrobrick <a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K590025">(BBa_K590025)</a>.<br/><br/><br />
<br />
Outside the dry and wet labs, we have invested ourselves in a human practices project and public awareness and education about synthetic biology and science in general. To learn more, please visit <a href="https://2012.igem.org/Team:UIUC-Illinois/Outreach">our Outreach section</a>.<br />
</div><br />
<div id="content-containertop"><br />
</div><br />
<br />
<div id="maincontentnav"><br />
<br />
<div id="maincontentselection"><br />
<li><a name="main1"><img src="https://static.igem.org/mediawiki/2012/e/e2/Cascadeuiuc.png" /></a></li><br />
<li><a name="main2"><img src="https://static.igem.org/mediawiki/2012/6/66/Pufuiuc.png" /></a></li><br />
</div><br />
<div id="maincontentselection3"><br />
<li><a name="main4"><img src="https://static.igem.org/mediawiki/2012/2/29/Stemloops2uiuc.png" /></a></li><br />
</div><br />
<br />
<div id="maincontentselection2"><br />
<li><a name="main3"><img src="https://static.igem.org/mediawiki/2012/a/ae/Scissoruiuc.png" /></a></li><br />
</div><br />
<br />
</div><br />
<br />
<div id="maincontentdesc"><br />
<br />
<font size="5"><br />
<center><p>Click above on a part of our project that you want to read about.</p></center></font><br />
<br />
<div id="main1" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Enzymatic Assembly Line</a></h2><br/><center><br />
<center><br />
<p>In utilizing the versatility of the PUF based toolkit we are developing, our current research involves an engineered metabolic pathway. The characterization and standardization of these genes in biobrick format is underway. Future goals involving the PUF toolkit will focus on tethering enzymes of productive artificial or natural pathways for kinetic favorability.</p><br />
</center><br />
</div><br />
<br />
<div id="main2" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">PUF</a></h2><br/></center><br />
<center><br />
<p>This is the PUF protein found on the PUM1 gene in humans. Our main focus and cause of interest in this protein is its ability to recognize single stranded RNA with specificity. The ability to modify PUF with tethered or fused proteins allows for the development of a customizable RNA binding toolkit. Depending on what fusion or tether is used, the functionality of the PUF protein is modified as well.</p><br />
</center><br />
</div><br />
<br />
<div id="main3" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">RNA scission</a></h2><br/></center><br />
<center><br />
<p>In fusion the PUF protein to a restriction endonuclease, the fusion protein demonstrates the ability to cleave single stranded RNA molecules with customizable specificity up to eight base pairs. Considering this ability, we believe PUF can prove itself as a promising new tool in researching and developing new types of gene therapy as it can silence genes with seqeunces specific to a reseachers interest.></p><br />
</center><br />
</div><br />
<br />
<div id="main4" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA scaffold utilization</a></h2><br/></center><br />
<center><br />
<p>Since PUF has affinity towards RNA molecules, it is possible to synthesize or utilize existing stemloop structures in RNA in order to provide a kinetically favorable platform for tethered proteins to interact. </p><br />
</center><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<div id="sponsorbox"><br />
<center><h2><font size="5"> Sponsors</font></h2></center><br />
<br />
<br/><br />
<br />
<div id="row1logos"><br />
<center><br />
<a href="https://www.goldbio.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/15/Goldbio_logo.jpg" Hspace="30" Vspace="5" alt="goldbiologo" /><br />
</a><br />
<a href="http://www.genscript.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e4/Genscriptlogo.gif" height=25% width=30% Hspace="30" Vspace="5" alt="genscriptlogo" /><br />
</a><br />
<a href="http://www.octochem.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Octochem_logo.png" Hspace="30" Vspace="5" alt="octochemlogo" /><br />
</a><br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="row2logos"><br />
<center><br />
<a href="http://www.biotech.uiuc.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/9/9a/Royj.png" Hspace="10" Vspace="5" alt="royjlogo" /><br />
</a><br />
<br />
<a href="http://www.las.illinois.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/1c/LasUIUC.png" Hspace="10" Vspace="5" alt="laslogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="igblogo"><br />
<center><br />
<a href="http://www.igb.uiuc.edu"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e7/Igb_logo.png" Hspace="30" Vspace="5" alt="igblogo" /><br />
</a><br />
<br />
<a href="http://www.sarstedt.com/php/main.php"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Sras.png" Hspace="10" Vspace="5" alt="sarstlogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
</div><br />
<br />
<br />
<!--Content End--><br />
<br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois
Team:UIUC-Illinois
2013-01-17T03:34:30Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<br />
<script><br />
var r=confirm("Applications for the 2013 UIUC iGEM team are now open, would you like to go to the Application Info page?");<br />
if (r==true)<br />
{<br />
window.location = "https://2012.igem.org/Team:UIUC-Illinois/apply";<br />
}<br />
else<br />
{<br />
;<br />
}<br />
<br />
</script><br />
<br />
<br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<!--Content Start--><br />
<br />
<div id=intro><br />
<center><h1>Mission Statement</h1></center><br />
<p>The ultimate goal of the University of Illinois 2012 iGEM team is to construct an RNA-based PUF protein toolkit which can be utilized for the manipulation of gene expression. Customizable manipulation will involve gene silencing by specific RNA scission. Also, the PUF protein's properties are suited for optimizing multi-step enzymatic pathways. In this way, we aim to improve the versatility and cost efficiency of biological production systems. With a protein-based RNA-binding toolkit, researchers will be able to transmute the biobricked PUF for use in their scientific endeavors. In addition, we seek to standardize and characterize the nature of PUF. <br/><center><font size="5"><a href="https://2012.igem.org/Team:UIUC-Illinois/Project"> Click here to read our project abstract.</a></font></center></p><br/><br />
</div><br />
<br />
<div id="ancillaryIntro"><br />
<center><h2>Our Research Outside of PUF Itself</h2></center><br/><br />
<p>Aside from researching the RNA specific affinity of PUF and its endonuclease fusion protein variants, we have also explored and tested other potential applications for PUF. Mainly, our ancillary projects directly related to PUF include our RNA scaffold and an <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">enzymatic assembly line</a> based on such a scaffold. Additionally, <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">we have characterized</a> the 2011 University of Washington iGEM team's Petrobrick <a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K590025">(BBa_K590025)</a>.<br/><br/><br />
<br />
Outside the dry and wet labs, we have invested ourselves in a human practices project and public awareness and education about synthetic biology and science in general. To learn more, please visit <a href="https://2012.igem.org/Team:UIUC-Illinois/Outreach">our Outreach section</a>.<br />
</div><br />
<div id="content-containertop"><br />
</div><br />
<br />
<div id="maincontentnav"><br />
<br />
<div id="maincontentselection"><br />
<li><a name="main1"><img src="https://static.igem.org/mediawiki/2012/e/e2/Cascadeuiuc.png" /></a></li><br />
<li><a name="main2"><img src="https://static.igem.org/mediawiki/2012/6/66/Pufuiuc.png" /></a></li><br />
</div><br />
<div id="maincontentselection3"><br />
<li><a name="main4"><img src="https://static.igem.org/mediawiki/2012/2/29/Stemloops2uiuc.png" /></a></li><br />
</div><br />
<br />
<div id="maincontentselection2"><br />
<li><a name="main3"><img src="https://static.igem.org/mediawiki/2012/a/ae/Scissoruiuc.png" /></a></li><br />
</div><br />
<br />
</div><br />
<br />
<div id="maincontentdesc"><br />
<br />
<font size="5"><br />
<center><p>Click above on a part of our project that you want to read about.</p></center></font><br />
<br />
<div id="main1" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Enzymatic Assembly Line</a></h2><br/><center><br />
<center><br />
<p>In utilizing the versatility of the PUF based toolkit we are developing, our current research involves an engineered metabolic pathway. The characterization and standardization of these genes in biobrick format is underway. Future goals involving the PUF toolkit will focus on tethering enzymes of productive artificial or natural pathways for kinetic favorability.</p><br />
</center><br />
</div><br />
<br />
<div id="main2" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">PUF</a></h2><br/></center><br />
<center><br />
<p>This is the PUF protein found on the PUM1 gene in humans. Our main focus and cause of interest in this protein is its ability to recognize single stranded RNA with specificity. The ability to modify PUF with tethered or fused proteins allows for the development of a customizable RNA binding toolkit. Depending on what fusion or tether is used, the functionality of the PUF protein is modified as well.</p><br />
</center><br />
</div><br />
<br />
<div id="main3" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">RNA scission</a></h2><br/></center><br />
<center><br />
<p>In fusion the PUF protein to a restriction endonuclease, the fusion protein demonstrates the ability to cleave single stranded RNA molecules with customizable specificity up to eight base pairs. Considering this ability, we believe PUF can prove itself as a promising new tool in researching and developing new types of gene therapy as it can silence genes with seqeunces specific to a reseachers interest.></p><br />
</center><br />
</div><br />
<br />
<div id="main4" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA scaffold utilization</a></h2><br/></center><br />
<center><br />
<p>Since PUF has affinity towards RNA molecules, it is possible to synthesize or utilize existing stemloop structures in RNA in order to provide a kinetically favorable platform for tethered proteins to interact. </p><br />
</center><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<div id="sponsorbox"><br />
<center><h2><font size="5"> Sponsors</font></h2></center><br />
<br />
<br/><br />
<br />
<div id="row1logos"><br />
<center><br />
<a href="https://www.goldbio.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/15/Goldbio_logo.jpg" Hspace="30" Vspace="5" alt="goldbiologo" /><br />
</a><br />
<a href="http://www.genscript.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e4/Genscriptlogo.gif" height=25% width=30% Hspace="30" Vspace="5" alt="genscriptlogo" /><br />
</a><br />
<a href="http://www.octochem.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Octochem_logo.png" Hspace="30" Vspace="5" alt="octochemlogo" /><br />
</a><br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="row2logos"><br />
<center><br />
<a href="http://www.biotech.uiuc.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/9/9a/Royj.png" Hspace="10" Vspace="5" alt="royjlogo" /><br />
</a><br />
<br />
<a href="http://www.las.illinois.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/1c/LasUIUC.png" Hspace="10" Vspace="5" alt="laslogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="igblogo"><br />
<center><br />
<a href="http://www.igb.uiuc.edu"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e7/Igb_logo.png" Hspace="30" Vspace="5" alt="igblogo" /><br />
</a><br />
<br />
<a href="http://www.sarstedt.com/php/main.php"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Sras.png" Hspace="10" Vspace="5" alt="sarstlogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
</div><br />
<br />
<br />
<!--Content End--><br />
<br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois
Team:UIUC-Illinois
2013-01-17T03:34:00Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<br />
<script><br />
var r=confirm("Applications for the 2013 UIUC iGEM team are now open, would you like to go to the Application Info page?");<br />
if (r==true)<br />
{<br />
x="You pressed OK!";<br />
}<br />
else<br />
{<br />
x="You pressed Cancel!";<br />
}<br />
window.location = "https://2012.igem.org/Team:UIUC-Illinois/apply";<br />
</script><br />
<br />
<br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<!--Content Start--><br />
<br />
<div id=intro><br />
<center><h1>Mission Statement</h1></center><br />
<p>The ultimate goal of the University of Illinois 2012 iGEM team is to construct an RNA-based PUF protein toolkit which can be utilized for the manipulation of gene expression. Customizable manipulation will involve gene silencing by specific RNA scission. Also, the PUF protein's properties are suited for optimizing multi-step enzymatic pathways. In this way, we aim to improve the versatility and cost efficiency of biological production systems. With a protein-based RNA-binding toolkit, researchers will be able to transmute the biobricked PUF for use in their scientific endeavors. In addition, we seek to standardize and characterize the nature of PUF. <br/><center><font size="5"><a href="https://2012.igem.org/Team:UIUC-Illinois/Project"> Click here to read our project abstract.</a></font></center></p><br/><br />
</div><br />
<br />
<div id="ancillaryIntro"><br />
<center><h2>Our Research Outside of PUF Itself</h2></center><br/><br />
<p>Aside from researching the RNA specific affinity of PUF and its endonuclease fusion protein variants, we have also explored and tested other potential applications for PUF. Mainly, our ancillary projects directly related to PUF include our RNA scaffold and an <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">enzymatic assembly line</a> based on such a scaffold. Additionally, <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">we have characterized</a> the 2011 University of Washington iGEM team's Petrobrick <a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K590025">(BBa_K590025)</a>.<br/><br/><br />
<br />
Outside the dry and wet labs, we have invested ourselves in a human practices project and public awareness and education about synthetic biology and science in general. To learn more, please visit <a href="https://2012.igem.org/Team:UIUC-Illinois/Outreach">our Outreach section</a>.<br />
</div><br />
<div id="content-containertop"><br />
</div><br />
<br />
<div id="maincontentnav"><br />
<br />
<div id="maincontentselection"><br />
<li><a name="main1"><img src="https://static.igem.org/mediawiki/2012/e/e2/Cascadeuiuc.png" /></a></li><br />
<li><a name="main2"><img src="https://static.igem.org/mediawiki/2012/6/66/Pufuiuc.png" /></a></li><br />
</div><br />
<div id="maincontentselection3"><br />
<li><a name="main4"><img src="https://static.igem.org/mediawiki/2012/2/29/Stemloops2uiuc.png" /></a></li><br />
</div><br />
<br />
<div id="maincontentselection2"><br />
<li><a name="main3"><img src="https://static.igem.org/mediawiki/2012/a/ae/Scissoruiuc.png" /></a></li><br />
</div><br />
<br />
</div><br />
<br />
<div id="maincontentdesc"><br />
<br />
<font size="5"><br />
<center><p>Click above on a part of our project that you want to read about.</p></center></font><br />
<br />
<div id="main1" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Enzymatic Assembly Line</a></h2><br/><center><br />
<center><br />
<p>In utilizing the versatility of the PUF based toolkit we are developing, our current research involves an engineered metabolic pathway. The characterization and standardization of these genes in biobrick format is underway. Future goals involving the PUF toolkit will focus on tethering enzymes of productive artificial or natural pathways for kinetic favorability.</p><br />
</center><br />
</div><br />
<br />
<div id="main2" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">PUF</a></h2><br/></center><br />
<center><br />
<p>This is the PUF protein found on the PUM1 gene in humans. Our main focus and cause of interest in this protein is its ability to recognize single stranded RNA with specificity. The ability to modify PUF with tethered or fused proteins allows for the development of a customizable RNA binding toolkit. Depending on what fusion or tether is used, the functionality of the PUF protein is modified as well.</p><br />
</center><br />
</div><br />
<br />
<div id="main3" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">RNA scission</a></h2><br/></center><br />
<center><br />
<p>In fusion the PUF protein to a restriction endonuclease, the fusion protein demonstrates the ability to cleave single stranded RNA molecules with customizable specificity up to eight base pairs. Considering this ability, we believe PUF can prove itself as a promising new tool in researching and developing new types of gene therapy as it can silence genes with seqeunces specific to a reseachers interest.></p><br />
</center><br />
</div><br />
<br />
<div id="main4" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA scaffold utilization</a></h2><br/></center><br />
<center><br />
<p>Since PUF has affinity towards RNA molecules, it is possible to synthesize or utilize existing stemloop structures in RNA in order to provide a kinetically favorable platform for tethered proteins to interact. </p><br />
</center><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<div id="sponsorbox"><br />
<center><h2><font size="5"> Sponsors</font></h2></center><br />
<br />
<br/><br />
<br />
<div id="row1logos"><br />
<center><br />
<a href="https://www.goldbio.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/15/Goldbio_logo.jpg" Hspace="30" Vspace="5" alt="goldbiologo" /><br />
</a><br />
<a href="http://www.genscript.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e4/Genscriptlogo.gif" height=25% width=30% Hspace="30" Vspace="5" alt="genscriptlogo" /><br />
</a><br />
<a href="http://www.octochem.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Octochem_logo.png" Hspace="30" Vspace="5" alt="octochemlogo" /><br />
</a><br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="row2logos"><br />
<center><br />
<a href="http://www.biotech.uiuc.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/9/9a/Royj.png" Hspace="10" Vspace="5" alt="royjlogo" /><br />
</a><br />
<br />
<a href="http://www.las.illinois.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/1c/LasUIUC.png" Hspace="10" Vspace="5" alt="laslogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="igblogo"><br />
<center><br />
<a href="http://www.igb.uiuc.edu"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e7/Igb_logo.png" Hspace="30" Vspace="5" alt="igblogo" /><br />
</a><br />
<br />
<a href="http://www.sarstedt.com/php/main.php"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Sras.png" Hspace="10" Vspace="5" alt="sarstlogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
</div><br />
<br />
<br />
<!--Content End--><br />
<br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois
Team:UIUC-Illinois
2013-01-17T03:32:32Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<br />
<script><br />
confirm('Applications for the 2013 UIUC iGEM team are now open, would you like to go to the Application Info page?');<br />
window.location = "https://2012.igem.org/Team:UIUC-Illinois/apply";<br />
</script><br />
<br />
<br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<!--Content Start--><br />
<br />
<div id=intro><br />
<center><h1>Mission Statement</h1></center><br />
<p>The ultimate goal of the University of Illinois 2012 iGEM team is to construct an RNA-based PUF protein toolkit which can be utilized for the manipulation of gene expression. Customizable manipulation will involve gene silencing by specific RNA scission. Also, the PUF protein's properties are suited for optimizing multi-step enzymatic pathways. In this way, we aim to improve the versatility and cost efficiency of biological production systems. With a protein-based RNA-binding toolkit, researchers will be able to transmute the biobricked PUF for use in their scientific endeavors. In addition, we seek to standardize and characterize the nature of PUF. <br/><center><font size="5"><a href="https://2012.igem.org/Team:UIUC-Illinois/Project"> Click here to read our project abstract.</a></font></center></p><br/><br />
</div><br />
<br />
<div id="ancillaryIntro"><br />
<center><h2>Our Research Outside of PUF Itself</h2></center><br/><br />
<p>Aside from researching the RNA specific affinity of PUF and its endonuclease fusion protein variants, we have also explored and tested other potential applications for PUF. Mainly, our ancillary projects directly related to PUF include our RNA scaffold and an <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">enzymatic assembly line</a> based on such a scaffold. Additionally, <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">we have characterized</a> the 2011 University of Washington iGEM team's Petrobrick <a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K590025">(BBa_K590025)</a>.<br/><br/><br />
<br />
Outside the dry and wet labs, we have invested ourselves in a human practices project and public awareness and education about synthetic biology and science in general. To learn more, please visit <a href="https://2012.igem.org/Team:UIUC-Illinois/Outreach">our Outreach section</a>.<br />
</div><br />
<div id="content-containertop"><br />
</div><br />
<br />
<div id="maincontentnav"><br />
<br />
<div id="maincontentselection"><br />
<li><a name="main1"><img src="https://static.igem.org/mediawiki/2012/e/e2/Cascadeuiuc.png" /></a></li><br />
<li><a name="main2"><img src="https://static.igem.org/mediawiki/2012/6/66/Pufuiuc.png" /></a></li><br />
</div><br />
<div id="maincontentselection3"><br />
<li><a name="main4"><img src="https://static.igem.org/mediawiki/2012/2/29/Stemloops2uiuc.png" /></a></li><br />
</div><br />
<br />
<div id="maincontentselection2"><br />
<li><a name="main3"><img src="https://static.igem.org/mediawiki/2012/a/ae/Scissoruiuc.png" /></a></li><br />
</div><br />
<br />
</div><br />
<br />
<div id="maincontentdesc"><br />
<br />
<font size="5"><br />
<center><p>Click above on a part of our project that you want to read about.</p></center></font><br />
<br />
<div id="main1" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Enzymatic Assembly Line</a></h2><br/><center><br />
<center><br />
<p>In utilizing the versatility of the PUF based toolkit we are developing, our current research involves an engineered metabolic pathway. The characterization and standardization of these genes in biobrick format is underway. Future goals involving the PUF toolkit will focus on tethering enzymes of productive artificial or natural pathways for kinetic favorability.</p><br />
</center><br />
</div><br />
<br />
<div id="main2" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">PUF</a></h2><br/></center><br />
<center><br />
<p>This is the PUF protein found on the PUM1 gene in humans. Our main focus and cause of interest in this protein is its ability to recognize single stranded RNA with specificity. The ability to modify PUF with tethered or fused proteins allows for the development of a customizable RNA binding toolkit. Depending on what fusion or tether is used, the functionality of the PUF protein is modified as well.</p><br />
</center><br />
</div><br />
<br />
<div id="main3" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">RNA scission</a></h2><br/></center><br />
<center><br />
<p>In fusion the PUF protein to a restriction endonuclease, the fusion protein demonstrates the ability to cleave single stranded RNA molecules with customizable specificity up to eight base pairs. Considering this ability, we believe PUF can prove itself as a promising new tool in researching and developing new types of gene therapy as it can silence genes with seqeunces specific to a reseachers interest.></p><br />
</center><br />
</div><br />
<br />
<div id="main4" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA scaffold utilization</a></h2><br/></center><br />
<center><br />
<p>Since PUF has affinity towards RNA molecules, it is possible to synthesize or utilize existing stemloop structures in RNA in order to provide a kinetically favorable platform for tethered proteins to interact. </p><br />
</center><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<div id="sponsorbox"><br />
<center><h2><font size="5"> Sponsors</font></h2></center><br />
<br />
<br/><br />
<br />
<div id="row1logos"><br />
<center><br />
<a href="https://www.goldbio.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/15/Goldbio_logo.jpg" Hspace="30" Vspace="5" alt="goldbiologo" /><br />
</a><br />
<a href="http://www.genscript.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e4/Genscriptlogo.gif" height=25% width=30% Hspace="30" Vspace="5" alt="genscriptlogo" /><br />
</a><br />
<a href="http://www.octochem.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Octochem_logo.png" Hspace="30" Vspace="5" alt="octochemlogo" /><br />
</a><br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="row2logos"><br />
<center><br />
<a href="http://www.biotech.uiuc.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/9/9a/Royj.png" Hspace="10" Vspace="5" alt="royjlogo" /><br />
</a><br />
<br />
<a href="http://www.las.illinois.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/1c/LasUIUC.png" Hspace="10" Vspace="5" alt="laslogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="igblogo"><br />
<center><br />
<a href="http://www.igb.uiuc.edu"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e7/Igb_logo.png" Hspace="30" Vspace="5" alt="igblogo" /><br />
</a><br />
<br />
<a href="http://www.sarstedt.com/php/main.php"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Sras.png" Hspace="10" Vspace="5" alt="sarstlogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
</div><br />
<br />
<br />
<!--Content End--><br />
<br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois
Team:UIUC-Illinois
2013-01-17T03:31:16Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<br />
<script><br />
alert('message');<br />
window.location = "https://2012.igem.org/Team:UIUC-Illinois/apply";<br />
</script><br />
<br />
<br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<!--Content Start--><br />
<br />
<div id=intro><br />
<center><h1>Mission Statement</h1></center><br />
<p>The ultimate goal of the University of Illinois 2012 iGEM team is to construct an RNA-based PUF protein toolkit which can be utilized for the manipulation of gene expression. Customizable manipulation will involve gene silencing by specific RNA scission. Also, the PUF protein's properties are suited for optimizing multi-step enzymatic pathways. In this way, we aim to improve the versatility and cost efficiency of biological production systems. With a protein-based RNA-binding toolkit, researchers will be able to transmute the biobricked PUF for use in their scientific endeavors. In addition, we seek to standardize and characterize the nature of PUF. <br/><center><font size="5"><a href="https://2012.igem.org/Team:UIUC-Illinois/Project"> Click here to read our project abstract.</a></font></center></p><br/><br />
</div><br />
<br />
<div id="ancillaryIntro"><br />
<center><h2>Our Research Outside of PUF Itself</h2></center><br/><br />
<p>Aside from researching the RNA specific affinity of PUF and its endonuclease fusion protein variants, we have also explored and tested other potential applications for PUF. Mainly, our ancillary projects directly related to PUF include our RNA scaffold and an <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">enzymatic assembly line</a> based on such a scaffold. Additionally, <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">we have characterized</a> the 2011 University of Washington iGEM team's Petrobrick <a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K590025">(BBa_K590025)</a>.<br/><br/><br />
<br />
Outside the dry and wet labs, we have invested ourselves in a human practices project and public awareness and education about synthetic biology and science in general. To learn more, please visit <a href="https://2012.igem.org/Team:UIUC-Illinois/Outreach">our Outreach section</a>.<br />
</div><br />
<div id="content-containertop"><br />
</div><br />
<br />
<div id="maincontentnav"><br />
<br />
<div id="maincontentselection"><br />
<li><a name="main1"><img src="https://static.igem.org/mediawiki/2012/e/e2/Cascadeuiuc.png" /></a></li><br />
<li><a name="main2"><img src="https://static.igem.org/mediawiki/2012/6/66/Pufuiuc.png" /></a></li><br />
</div><br />
<div id="maincontentselection3"><br />
<li><a name="main4"><img src="https://static.igem.org/mediawiki/2012/2/29/Stemloops2uiuc.png" /></a></li><br />
</div><br />
<br />
<div id="maincontentselection2"><br />
<li><a name="main3"><img src="https://static.igem.org/mediawiki/2012/a/ae/Scissoruiuc.png" /></a></li><br />
</div><br />
<br />
</div><br />
<br />
<div id="maincontentdesc"><br />
<br />
<font size="5"><br />
<center><p>Click above on a part of our project that you want to read about.</p></center></font><br />
<br />
<div id="main1" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Enzymatic Assembly Line</a></h2><br/><center><br />
<center><br />
<p>In utilizing the versatility of the PUF based toolkit we are developing, our current research involves an engineered metabolic pathway. The characterization and standardization of these genes in biobrick format is underway. Future goals involving the PUF toolkit will focus on tethering enzymes of productive artificial or natural pathways for kinetic favorability.</p><br />
</center><br />
</div><br />
<br />
<div id="main2" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">PUF</a></h2><br/></center><br />
<center><br />
<p>This is the PUF protein found on the PUM1 gene in humans. Our main focus and cause of interest in this protein is its ability to recognize single stranded RNA with specificity. The ability to modify PUF with tethered or fused proteins allows for the development of a customizable RNA binding toolkit. Depending on what fusion or tether is used, the functionality of the PUF protein is modified as well.</p><br />
</center><br />
</div><br />
<br />
<div id="main3" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">RNA scission</a></h2><br/></center><br />
<center><br />
<p>In fusion the PUF protein to a restriction endonuclease, the fusion protein demonstrates the ability to cleave single stranded RNA molecules with customizable specificity up to eight base pairs. Considering this ability, we believe PUF can prove itself as a promising new tool in researching and developing new types of gene therapy as it can silence genes with seqeunces specific to a reseachers interest.></p><br />
</center><br />
</div><br />
<br />
<div id="main4" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA scaffold utilization</a></h2><br/></center><br />
<center><br />
<p>Since PUF has affinity towards RNA molecules, it is possible to synthesize or utilize existing stemloop structures in RNA in order to provide a kinetically favorable platform for tethered proteins to interact. </p><br />
</center><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<div id="sponsorbox"><br />
<center><h2><font size="5"> Sponsors</font></h2></center><br />
<br />
<br/><br />
<br />
<div id="row1logos"><br />
<center><br />
<a href="https://www.goldbio.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/15/Goldbio_logo.jpg" Hspace="30" Vspace="5" alt="goldbiologo" /><br />
</a><br />
<a href="http://www.genscript.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e4/Genscriptlogo.gif" height=25% width=30% Hspace="30" Vspace="5" alt="genscriptlogo" /><br />
</a><br />
<a href="http://www.octochem.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Octochem_logo.png" Hspace="30" Vspace="5" alt="octochemlogo" /><br />
</a><br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="row2logos"><br />
<center><br />
<a href="http://www.biotech.uiuc.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/9/9a/Royj.png" Hspace="10" Vspace="5" alt="royjlogo" /><br />
</a><br />
<br />
<a href="http://www.las.illinois.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/1c/LasUIUC.png" Hspace="10" Vspace="5" alt="laslogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="igblogo"><br />
<center><br />
<a href="http://www.igb.uiuc.edu"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e7/Igb_logo.png" Hspace="30" Vspace="5" alt="igblogo" /><br />
</a><br />
<br />
<a href="http://www.sarstedt.com/php/main.php"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Sras.png" Hspace="10" Vspace="5" alt="sarstlogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
</div><br />
<br />
<br />
<!--Content End--><br />
<br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois
Team:UIUC-Illinois
2013-01-17T03:29:46Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<br />
<script><br />
function appPopup()<br />
{<br />
var x;<br />
var r=confirm("Important information for 2013 UIUC iGEM Team applicants! Click OK to continue to application info page.");<br />
if (r==true)<br />
{<br />
window.location = "https://2012.igem.org/Team:UIUC-Illinois/apply"<br />
}<br />
else<br />
{<br />
}<br />
document.getElementById("demo").innerHTML=x;<br />
}<br />
</script><br />
<br />
<br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<!--Content Start--><br />
<br />
<div id=intro><br />
<center><h1>Mission Statement</h1></center><br />
<p>The ultimate goal of the University of Illinois 2012 iGEM team is to construct an RNA-based PUF protein toolkit which can be utilized for the manipulation of gene expression. Customizable manipulation will involve gene silencing by specific RNA scission. Also, the PUF protein's properties are suited for optimizing multi-step enzymatic pathways. In this way, we aim to improve the versatility and cost efficiency of biological production systems. With a protein-based RNA-binding toolkit, researchers will be able to transmute the biobricked PUF for use in their scientific endeavors. In addition, we seek to standardize and characterize the nature of PUF. <br/><center><font size="5"><a href="https://2012.igem.org/Team:UIUC-Illinois/Project"> Click here to read our project abstract.</a></font></center></p><br/><br />
</div><br />
<br />
<div id="ancillaryIntro"><br />
<center><h2>Our Research Outside of PUF Itself</h2></center><br/><br />
<p>Aside from researching the RNA specific affinity of PUF and its endonuclease fusion protein variants, we have also explored and tested other potential applications for PUF. Mainly, our ancillary projects directly related to PUF include our RNA scaffold and an <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">enzymatic assembly line</a> based on such a scaffold. Additionally, <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">we have characterized</a> the 2011 University of Washington iGEM team's Petrobrick <a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K590025">(BBa_K590025)</a>.<br/><br/><br />
<br />
Outside the dry and wet labs, we have invested ourselves in a human practices project and public awareness and education about synthetic biology and science in general. To learn more, please visit <a href="https://2012.igem.org/Team:UIUC-Illinois/Outreach">our Outreach section</a>.<br />
</div><br />
<div id="content-containertop"><br />
</div><br />
<br />
<div id="maincontentnav"><br />
<br />
<div id="maincontentselection"><br />
<li><a name="main1"><img src="https://static.igem.org/mediawiki/2012/e/e2/Cascadeuiuc.png" /></a></li><br />
<li><a name="main2"><img src="https://static.igem.org/mediawiki/2012/6/66/Pufuiuc.png" /></a></li><br />
</div><br />
<div id="maincontentselection3"><br />
<li><a name="main4"><img src="https://static.igem.org/mediawiki/2012/2/29/Stemloops2uiuc.png" /></a></li><br />
</div><br />
<br />
<div id="maincontentselection2"><br />
<li><a name="main3"><img src="https://static.igem.org/mediawiki/2012/a/ae/Scissoruiuc.png" /></a></li><br />
</div><br />
<br />
</div><br />
<br />
<div id="maincontentdesc"><br />
<br />
<font size="5"><br />
<center><p>Click above on a part of our project that you want to read about.</p></center></font><br />
<br />
<div id="main1" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Enzymatic Assembly Line</a></h2><br/><center><br />
<center><br />
<p>In utilizing the versatility of the PUF based toolkit we are developing, our current research involves an engineered metabolic pathway. The characterization and standardization of these genes in biobrick format is underway. Future goals involving the PUF toolkit will focus on tethering enzymes of productive artificial or natural pathways for kinetic favorability.</p><br />
</center><br />
</div><br />
<br />
<div id="main2" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">PUF</a></h2><br/></center><br />
<center><br />
<p>This is the PUF protein found on the PUM1 gene in humans. Our main focus and cause of interest in this protein is its ability to recognize single stranded RNA with specificity. The ability to modify PUF with tethered or fused proteins allows for the development of a customizable RNA binding toolkit. Depending on what fusion or tether is used, the functionality of the PUF protein is modified as well.</p><br />
</center><br />
</div><br />
<br />
<div id="main3" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">RNA scission</a></h2><br/></center><br />
<center><br />
<p>In fusion the PUF protein to a restriction endonuclease, the fusion protein demonstrates the ability to cleave single stranded RNA molecules with customizable specificity up to eight base pairs. Considering this ability, we believe PUF can prove itself as a promising new tool in researching and developing new types of gene therapy as it can silence genes with seqeunces specific to a reseachers interest.></p><br />
</center><br />
</div><br />
<br />
<div id="main4" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA scaffold utilization</a></h2><br/></center><br />
<center><br />
<p>Since PUF has affinity towards RNA molecules, it is possible to synthesize or utilize existing stemloop structures in RNA in order to provide a kinetically favorable platform for tethered proteins to interact. </p><br />
</center><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<div id="sponsorbox"><br />
<center><h2><font size="5"> Sponsors</font></h2></center><br />
<br />
<br/><br />
<br />
<div id="row1logos"><br />
<center><br />
<a href="https://www.goldbio.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/15/Goldbio_logo.jpg" Hspace="30" Vspace="5" alt="goldbiologo" /><br />
</a><br />
<a href="http://www.genscript.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e4/Genscriptlogo.gif" height=25% width=30% Hspace="30" Vspace="5" alt="genscriptlogo" /><br />
</a><br />
<a href="http://www.octochem.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Octochem_logo.png" Hspace="30" Vspace="5" alt="octochemlogo" /><br />
</a><br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="row2logos"><br />
<center><br />
<a href="http://www.biotech.uiuc.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/9/9a/Royj.png" Hspace="10" Vspace="5" alt="royjlogo" /><br />
</a><br />
<br />
<a href="http://www.las.illinois.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/1c/LasUIUC.png" Hspace="10" Vspace="5" alt="laslogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="igblogo"><br />
<center><br />
<a href="http://www.igb.uiuc.edu"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e7/Igb_logo.png" Hspace="30" Vspace="5" alt="igblogo" /><br />
</a><br />
<br />
<a href="http://www.sarstedt.com/php/main.php"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Sras.png" Hspace="10" Vspace="5" alt="sarstlogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
</div><br />
<br />
<br />
<!--Content End--><br />
<br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois
Team:UIUC-Illinois
2013-01-17T03:26:46Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<script><br />
function appPopup()<br />
{<br />
var x;<br />
var r=confirm("Important information for 2013 UIUC iGEM Team applicants! Click OK to continue to application info page.");<br />
if (r==true)<br />
{<br />
<a href="https://2012.igem.org/Team:UIUC-Illinois/apply"></a><br />
}<br />
else<br />
{<br />
}<br />
document.getElementById("demo").innerHTML=x;<br />
}<br />
</script><br />
<br />
<body><br />
<br />
<!--Content Start--><br />
<br />
<div id=intro><br />
<center><h1>Mission Statement</h1></center><br />
<p>The ultimate goal of the University of Illinois 2012 iGEM team is to construct an RNA-based PUF protein toolkit which can be utilized for the manipulation of gene expression. Customizable manipulation will involve gene silencing by specific RNA scission. Also, the PUF protein's properties are suited for optimizing multi-step enzymatic pathways. In this way, we aim to improve the versatility and cost efficiency of biological production systems. With a protein-based RNA-binding toolkit, researchers will be able to transmute the biobricked PUF for use in their scientific endeavors. In addition, we seek to standardize and characterize the nature of PUF. <br/><center><font size="5"><a href="https://2012.igem.org/Team:UIUC-Illinois/Project"> Click here to read our project abstract.</a></font></center></p><br/><br />
</div><br />
<br />
<div id="ancillaryIntro"><br />
<center><h2>Our Research Outside of PUF Itself</h2></center><br/><br />
<p>Aside from researching the RNA specific affinity of PUF and its endonuclease fusion protein variants, we have also explored and tested other potential applications for PUF. Mainly, our ancillary projects directly related to PUF include our RNA scaffold and an <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">enzymatic assembly line</a> based on such a scaffold. Additionally, <a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">we have characterized</a> the 2011 University of Washington iGEM team's Petrobrick <a href="http://partsregistry.org/wiki/index.php?title=Part:BBa_K590025">(BBa_K590025)</a>.<br/><br/><br />
<br />
Outside the dry and wet labs, we have invested ourselves in a human practices project and public awareness and education about synthetic biology and science in general. To learn more, please visit <a href="https://2012.igem.org/Team:UIUC-Illinois/Outreach">our Outreach section</a>.<br />
</div><br />
<div id="content-containertop"><br />
</div><br />
<br />
<div id="maincontentnav"><br />
<br />
<div id="maincontentselection"><br />
<li><a name="main1"><img src="https://static.igem.org/mediawiki/2012/e/e2/Cascadeuiuc.png" /></a></li><br />
<li><a name="main2"><img src="https://static.igem.org/mediawiki/2012/6/66/Pufuiuc.png" /></a></li><br />
</div><br />
<div id="maincontentselection3"><br />
<li><a name="main4"><img src="https://static.igem.org/mediawiki/2012/2/29/Stemloops2uiuc.png" /></a></li><br />
</div><br />
<br />
<div id="maincontentselection2"><br />
<li><a name="main3"><img src="https://static.igem.org/mediawiki/2012/a/ae/Scissoruiuc.png" /></a></li><br />
</div><br />
<br />
</div><br />
<br />
<div id="maincontentdesc"><br />
<br />
<font size="5"><br />
<center><p>Click above on a part of our project that you want to read about.</p></center></font><br />
<br />
<div id="main1" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Enzymatic Assembly Line</a></h2><br/><center><br />
<center><br />
<p>In utilizing the versatility of the PUF based toolkit we are developing, our current research involves an engineered metabolic pathway. The characterization and standardization of these genes in biobrick format is underway. Future goals involving the PUF toolkit will focus on tethering enzymes of productive artificial or natural pathways for kinetic favorability.</p><br />
</center><br />
</div><br />
<br />
<div id="main2" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">PUF</a></h2><br/></center><br />
<center><br />
<p>This is the PUF protein found on the PUM1 gene in humans. Our main focus and cause of interest in this protein is its ability to recognize single stranded RNA with specificity. The ability to modify PUF with tethered or fused proteins allows for the development of a customizable RNA binding toolkit. Depending on what fusion or tether is used, the functionality of the PUF protein is modified as well.</p><br />
</center><br />
</div><br />
<br />
<div id="main3" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">RNA scission</a></h2><br/></center><br />
<center><br />
<p>In fusion the PUF protein to a restriction endonuclease, the fusion protein demonstrates the ability to cleave single stranded RNA molecules with customizable specificity up to eight base pairs. Considering this ability, we believe PUF can prove itself as a promising new tool in researching and developing new types of gene therapy as it can silence genes with seqeunces specific to a reseachers interest.></p><br />
</center><br />
</div><br />
<br />
<div id="main4" style="display:none"><br />
<center><h2><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA scaffold utilization</a></h2><br/></center><br />
<center><br />
<p>Since PUF has affinity towards RNA molecules, it is possible to synthesize or utilize existing stemloop structures in RNA in order to provide a kinetically favorable platform for tethered proteins to interact. </p><br />
</center><br />
</div><br />
</div><br />
<br />
</div><br />
<br />
<div id="sponsorbox"><br />
<center><h2><font size="5"> Sponsors</font></h2></center><br />
<br />
<br/><br />
<br />
<div id="row1logos"><br />
<center><br />
<a href="https://www.goldbio.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/15/Goldbio_logo.jpg" Hspace="30" Vspace="5" alt="goldbiologo" /><br />
</a><br />
<a href="http://www.genscript.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e4/Genscriptlogo.gif" height=25% width=30% Hspace="30" Vspace="5" alt="genscriptlogo" /><br />
</a><br />
<a href="http://www.octochem.com/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Octochem_logo.png" Hspace="30" Vspace="5" alt="octochemlogo" /><br />
</a><br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="row2logos"><br />
<center><br />
<a href="http://www.biotech.uiuc.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/9/9a/Royj.png" Hspace="10" Vspace="5" alt="royjlogo" /><br />
</a><br />
<br />
<a href="http://www.las.illinois.edu/"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/1/1c/LasUIUC.png" Hspace="10" Vspace="5" alt="laslogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
<br/><br />
<br />
<div id="igblogo"><br />
<center><br />
<a href="http://www.igb.uiuc.edu"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/e/e7/Igb_logo.png" Hspace="30" Vspace="5" alt="igblogo" /><br />
</a><br />
<br />
<a href="http://www.sarstedt.com/php/main.php"><br />
<img border="0" src="https://static.igem.org/mediawiki/2012/5/56/Sras.png" Hspace="10" Vspace="5" alt="sarstlogo" /><br />
</a><br />
<br />
<br />
</center><br />
</div><br />
<br />
</div><br />
<br />
<br />
<!--Content End--><br />
<br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/apply
Team:UIUC-Illinois/apply
2013-01-17T03:22:39Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Application</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="appcontainer"><br />
<div id="appoverview"><br />
<br />
<h1>Application Info</h1><br />
test post<br />
</p><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Template:UIUC_Illinois_CSS
Template:UIUC Illinois CSS
2013-01-17T03:22:16Z
<p>Bchen26: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
<br />
/* Illinois IGEM Wiki Stylesheet*/<br />
<br />
/* Default Reformatting and Header */<br />
<br />
#globalwrapper {<br />
width:1000px;<br />
padding:0px 0px;<br />
margin: 0 auto;<br />
background-color: #BABABA;<br />
background-attachment: fixed;<br />
background-position: center;<br />
background-size:100% 100%;<br />
}<br />
<br />
body {<br />
background: #CECECE;<br />
background-image:url('https://static.igem.org/mediawiki/2012/d/d3/Uiucbackground10.png');<br />
background-attachment: fixed;<br />
background-position: center;<br />
height:100%;<br />
background-size:100% 100%;<br />
}<br />
.firstHeading {<br />
height:0px;<br />
visibility:hidden;<br />
}<br />
<br />
#p-logo {<br />
height:0px;<br />
overflow:hidden;<br />
display: none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
margin-top:0px;<br />
}<br />
<br />
#content{<br />
visibility: hidden;<br />
}<br />
<br />
#top-section {<br />
background-image:url('https://static.igem.org/mediawiki/2012/e/e6/Newbanner6.png');<br />
background-color:#151F4E;<br />
background-position: top;<br />
width:1000px;<br />
height:219px;<br />
background-repeat: no-repeat;<br />
border-width:0px;<br />
border-top-width:0px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-top: -10px;<br />
margin-bottom: -50px;<br />
}<br />
<br />
<br />
#menubar { <br />
color: white;<br />
background-color: transparent; <br />
}<br />
#menubar ul li a { <br />
color: white; <br />
background-color: transparent;<br />
}<br />
<br />
.right-menu li a {<br />
color: white;<br />
background-color: transparent;<br />
}<br />
<br />
/* Header */<br />
<br />
#igemlogozone {<br />
position: absolute;<br />
top: 25px;<br />
left: 960px;<br />
height: 125px;<br />
width: 150px;<br />
background-color: transparent;<br />
}<br />
<br />
#wrapper {<br />
width: 1000px;<br />
height: 100%;<br />
float: center;<br />
padding-left: 0%;<br />
padding-right: 0%;<br />
padding-top: 1%;<br />
background-color: #BABABA;<br />
background-attachment: fixed;<br />
background-position: center;<br />
<br />
}<br />
<br />
#header {<br />
width: 750px;<br />
float: center;<br />
background-color:#FFE4C4;<br />
height: 150px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
img {<br />
border: none;<br />
}<br />
<br />
#headernavigation{<br />
width: 1000px;<br />
float: center;<br />
background-color: transparent;<br />
height: 60px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-top: -49px; <br />
margin-bottom: 10px; <br />
z-index: 2; <br />
-webkit-transition: all 300ms ease-in-out;<br />
}<br />
<br />
#headernavbar{<br />
list-style:none;<br />
font-weight:bold;<br />
float:left;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
z-index: 2; <br />
}<br />
#headernavbar li{<br />
float:left;<br />
position:relative;<br />
text-align:center;<br />
z-index: 2; <br />
}<br />
#headernavbar a{<br />
margin-left:0px;<br />
display:block;<br />
padding-bottom:10px;<br />
padding-top:10px;<br />
width: 100px;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
font: bold 16px Arial;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar a:hover{<br />
color:#ffffff;<br />
background:#003C7D;<br />
text-decoration:none;<br />
z-index: 2; <br />
<br />
}<br />
<br />
#headernavbar ul{<br />
background: #003C7D;<br />
list-style:none;<br />
position:absolute;<br />
left:-9999px; <br />
z-index: 2; <br />
}<br />
#headernavbar ul li{<br />
padding-top:0px; <br />
margin-bottom:-1px;<br />
float:none;<br />
margin-top:-3px;<br />
z-index: 2; <br />
}<br />
#headernavbar ul a{<br />
white-space:nowrap; <br />
z-index: 2; <br />
}<br />
#headernavbar li:hover ul{ <br />
left: -15px;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar li:hover a{ <br />
background:#003C7D;<br />
text-decoration:none;<br />
z-index: 2; <br />
}<br />
#headernavbar li:hover ul a{ <br />
text-decoration:none;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar li:hover ul li a:hover{ <br />
background:#f68e3c;<br />
z-index: 2; <br />
}<br />
<br />
/* Main Page */<br />
<br />
<br />
#content-containertop {<br />
width: 1000px;<br />
height: 0x;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
#content-topbottom {<br />
width: 950px;<br />
height: 100px;<br />
float: left;<br />
padding: 25px;<br />
text-align: left;<br />
margin-left: -10px;<br />
margin-top: -5px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
font-size:150%;<br />
}<br />
<br />
<br />
#maincontentnav {<br />
width: 800px;<br />
float: center;<br />
background-color:#F5DEB3;<br />
padding: 0px;<br />
height: 320px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(244, 160, 90,1);<br />
border-radius: 200px;<br />
background-clip: padding-box;<br />
margin-top: 25px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
#maincontentselection{<br />
width: 300px;<br />
float: left;<br />
height: 300px;<br />
list-style: none;<br />
margin-left: 100px;<br />
margin-top: 0px;<br />
}<br />
<br />
<br />
#maincontentselection a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:75px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: 10px;<br />
padding-bottom: 0px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
z-index:3;<br />
}<br />
<br />
#maincontentselection a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
z-index:3;<br />
}<br />
#maincontentselection a:active {<br />
color:white;<br />
list-style: none;<br />
}<br />
<br />
<br />
#maincontentselection2{<br />
width: 250px;<br />
float: right;<br />
height: 250px;<br />
list-style: none;<br />
margin-right: 80px;<br />
margin-top: 10px;<br />
}<br />
<br />
<br />
#maincontentselection2 a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:275px;<br />
width: 325px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: 20px;<br />
padding-bottom: 0px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
<br />
}<br />
<br />
#maincontentselection2 a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
}<br />
#maincontentselection2 a:active {<br />
list-style: none;<br />
color:white;<br />
}<br />
<br />
#maincontentselection3{<br />
width: 350px;<br />
float: left;<br />
height: 100px;<br />
list-style: none;<br />
margin-left: -309px;<br />
margin-top: 150px;<br />
}<br />
<br />
<br />
#maincontentselection3 a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:150px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: -10px;<br />
padding-bottom: 10px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
z-index:-1;<br />
<br />
}<br />
<br />
#maincontentselection3 a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
z-index:-4;<br />
}<br />
#maincontentselection3 a:active {<br />
list-style: none;<br />
color:white;<br />
}<br />
<br />
#maincontentdesc {<br />
width: 980px;<br />
float: center;<br />
padding: 10px;<br />
height: 100%;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background-clip: padding-box;<br />
margin-top: 20px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
text-align:left;<br />
}<br />
<br />
#content1-topcenter {<br />
width: 1000px;<br />
float: center;<br />
background-color:#EEEEEE;<br />
padding: 0px;<br />
height: 400px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background-clip: padding-box;<br />
margin-top: 20px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
<br />
#sponsorbox {<br />
width: 950px;<br />
float: center;<br />
background: rgba(255,255,255,0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 350px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
<br />
background-clip: padding-box;<br />
margin-top: 25px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
#intro {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 200px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
<br />
}<br />
<br />
#ancillaryIntro {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 200px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
<br />
}<br />
/* Notebook */<br />
<br />
#notebookselection{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
font: 13px ;<br />
}<br />
<br />
<br />
#notebookselectionmenu{<br />
background-color: #003C7D;<br />
width: 1000px;<br />
height: 40px;<br />
float: left;<br />
text-align: left;<br />
margin-top: -60px;<br />
margin-left: -10px;<br />
padding:0px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
list-style: none;<br />
font: 16px ;<br />
}<br />
<br />
#notebookselectionmenu li{<br />
list-style-type:none;<br />
margin:0;<br />
padding:0;<br />
float:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
#notebookselectionmenu a {<br />
cursor: pointer;<br />
float:left;<br />
height:30px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:500px;<br />
background:#003C7D;<br />
font: bold 15px Arial;<br />
padding-top:10px;<br />
margin-top: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
color:#ffffff;<br />
}<br />
<br />
#notebookselectionmenu a:hover {<br />
background:#f68e3c;<br />
text-decoration:none;<br />
}<br />
#notebookselectionmenu a:active {<br />
color:white;<br />
}<br />
<br />
#labnotebooks{<br />
width: 950px;<br />
height: 100%;<br />
float: center;<br />
text-align: left;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
margin-top: 20px;<br />
margin-right: 0px;<br />
margin-left: -10px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
/* Lab Notebook */<br />
<br />
/* PUF notebook begins here */<br />
<br />
<br />
#PUFnotes {<br />
width: 950px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 25px;<br />
padding-right:25px;<br />
margin-left: -25px;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
}<br />
<br />
#PUFnotebookmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: 16px calibri;<br />
}<br />
<br />
#PUFnotebookmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#PUFnotebookmenu a:active {<br />
color:white;<br />
}<br />
<br />
<br />
#PUFnotebookmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 650px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
margin-left: -35px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
<br />
#PUFnotebookdescription {<br />
<br />
width: 800px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -50px;<br />
margin-left: 0px;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
/* PHAT Notebook begins here */<br />
<br />
#PHATnotes {<br />
width: 950px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 25px;<br />
padding-right:26px;<br />
margin-left: -25px;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
}<br />
<br />
#PHATnotebookmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: 16px calibri;<br />
}<br />
<br />
#PHATnotebookmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#PHATnotebookmenu a:active {<br />
color:white;<br />
}<br />
<br />
#PHATnotebookmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -35px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
#PHATnotebookdescription {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 800px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -50px;<br />
margin-left: 0px;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
padding-left:10px;<br />
padding-right: 10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
<br />
/* Protocol Section*/<br />
<br />
#protocol-container{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#protocolselection{<br />
margin-top: -15px;<br />
background-color:#EEEEEE;<br />
width: 250px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#protocolselection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#protocolselection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#protocolselection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#protocoloverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 665px;<br />
height: 100%;<br />
float: right;<br />
padding: 25px;<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/*Protocol Section End*/<br />
<br />
/*Meeting Notes*/<br />
<br />
#meetingcontainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 5px;<br />
float: center;<br />
}<br />
<br />
#meetingintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-top: 00px;<br />
padding-bottom: 25px;<br />
height: 20px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
<br />
#meetingselection1{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
<br />
#meetingselection2{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection3{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection4{<br />
list-style:none;<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection5{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
margin-right:-10px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
<br />
#meetingselection1 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
<br />
#meetingselection2 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection3 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection4 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection5 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
<br />
#meetingselection ul{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
.meetingselection a {<br />
list-style:none;<br />
cursor: pointer;<br />
display:block;<br />
height:20px;<br />
width: 100%;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 5px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
.meetingselection li:hover a{<br />
list-style:none;<br />
width: 100%;<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#meetingoverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 950px;<br />
height: 100%;<br />
float: left;<br />
padding: 25px;<br />
text-align: left;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
<br />
#notebook-container{<br />
width: 1000px;<br />
height: 350px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
<br />
}<br />
<br />
#notebook-content{<br />
width: 1000px;<br />
float: center;<br />
height: 150px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
padding-top:50px;<br />
margin-top: 25px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
}<br />
<br />
/* Footer */<br />
<br />
#footer-box {<br />
float: center;<br />
overflow: hidden;<br />
display: block;<br />
background-color: #EEEEEE;<br />
width: 1010px;<br />
height: 50px;<br />
font-weight: normal;<br />
font-style: normal;<br />
font-size: 10px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
#catlinks {<br />
visibility: hidden;<br />
}<br />
<br />
#footer {<br />
}<br />
<br />
/* Team */<br />
<br />
#aboutus{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
<br />
#aboutusmenu{<br />
background-color: #003C7D;<br />
width: 1000px;<br />
height: 40px;<br />
float: left;<br />
text-align: left;<br />
margin-top: -60px;<br />
margin-left: -10px;<br />
padding:0px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
list-style: none;<br />
font: bold 16px Arial;<br />
}<br />
<br />
#aboutusmenu li{<br />
list-style-type:none;<br />
margin:0;<br />
padding:0;<br />
float:center;<br />
margin-left: 50px;<br />
margin-right: auto;<br />
}<br />
<br />
#aboutusmenu a {<br />
cursor: pointer;<br />
float:left;<br />
height:30px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:300px;<br />
background:#003C7D;<br />
font: bold 15px Arial;<br />
padding-top:10px;<br />
margin-top: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
color:#ffffff;<br />
}<br />
<br />
#aboutusmenu a:hover {<br />
background:#f68e3c;<br />
text-decoration:none;<br />
}<br />
#aboutusmenu a:active {<br />
color:white;<br />
}<br />
<br />
#aboutusdescription{<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 950px;<br />
height: 100%;<br />
float: center;<br />
text-align: left;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
margin-top: 70px;<br />
margin-right: 0px;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
<br />
<br />
/*Undergrad Section*/<br />
<br />
table{<br />
background-color:#EEEEEE;<br />
}<br />
<br />
#undergradintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
height: 50px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
}<br />
<br />
#undergradsmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#undergradsmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#undergradsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#undergradmembers {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#undergradsmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#description {<br />
background: rgba(240, 240, 240, 1.0);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 815px;<br />
height: 300px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
margin-bottom: 50px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:0px;<br />
padding-right: 5px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
/* Advisors Section */<br />
<br />
#advisorsintro{<br />
width: 950px;<br />
float: center;<br />
padding-top: 0px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 20px;<br />
height: 50px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:10px; <br />
}<br />
<br />
#advisorsmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#advisorsmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#advisorsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#advisors {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#advisorsmenu {<br />
background-color: #EEEEEE;<br />
width: 150px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
#advisorsdescription {<br />
background: rgba(240, 240, 240, 1.0);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 815px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: -418px;<br />
margin-right: -10px;<br />
margin-left: 170px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:0px;<br />
padding-right: 5px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
/* Projects */<br />
<br />
#projectoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 375x;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#projectcontainer {<br />
width: 1000px;<br />
height: 400px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/*Galleria*/<br />
<br />
/*<br />
* Galleria Classic Theme<br />
* Copyright (c) 2010, Aino<br />
* Licensed under the MIT license.<br />
*/<br />
<br />
#galleria{ width: 100%; height: 400px; background: #000 }<br />
<br />
.galleria-container {<br />
position: relative;<br />
overflow: hidden;<br />
background: #fff;<br />
}<br />
.galleria-container img {<br />
-moz-user-select: none;<br />
-webkit-user-select: none;<br />
-o-user-select: none;<br />
}<br />
.galleria-stage {<br />
position: absolute;<br />
top: 10px;<br />
bottom: 60px;<br />
left: 10px;<br />
right: 10px;<br />
overflow:hidden;<br />
}<br />
.galleria-thumbnails-container {<br />
height: 50px;<br />
bottom: 0;<br />
position: absolute;<br />
left: 10px;<br />
right: 10px;<br />
z-index: 2;<br />
}<br />
.galleria-carousel .galleria-thumbnails-list {<br />
margin-left: 30px;<br />
margin-right: 30px;<br />
}<br />
.galleria-thumbnails .galleria-image {<br />
height: 40px;<br />
width: 60px;<br />
background: #000;<br />
margin: 0 5px 0 0;<br />
border: 1px solid #fff;<br />
float: left;<br />
cursor: pointer;<br />
}<br />
.galleria-counter {<br />
position: absolute;<br />
bottom: 10px;<br />
left: 10px;<br />
text-align: right;<br />
color: #fff;<br />
font: normal 11px/1 arial,sans-serif;<br />
z-index: 1;<br />
}<br />
.galleria-loader {<br />
background: #000;<br />
width: 20px;<br />
height: 20px;<br />
position: absolute;<br />
top: 10px;<br />
right: 10px;<br />
z-index: 2;<br />
display: none;<br />
background: url(classic-loader.gif) no-repeat 2px 2px;<br />
}<br />
.galleria-info {<br />
width: 50%;<br />
top: 15px;<br />
left: 15px;<br />
z-index: 2;<br />
position: absolute;<br />
}<br />
.galleria-info-text {<br />
background-color: #000;<br />
padding: 12px;<br />
display: none;<br />
/* IE7 */ zoom:1;<br />
}<br />
.galleria-info-title {<br />
font: bold 12px/1.1 arial,sans-serif;<br />
margin: 0;<br />
color: #fff;<br />
margin-bottom: 7px;<br />
}<br />
.galleria-info-description {<br />
font: italic 12px/1.4 georgia,serif;<br />
margin: 0;<br />
color: #bbb;<br />
}<br />
.galleria-info-close {<br />
width: 9px;<br />
height: 9px;<br />
position: absolute;<br />
top: 5px;<br />
right: 5px;<br />
background-position: -753px -11px;<br />
opacity: .5;<br />
filter: alpha(opacity=50);<br />
cursor: pointer;<br />
display: none;<br />
}<br />
.notouch .galleria-info-close:hover{<br />
opacity:1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-info-close:active{<br />
opacity:1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-info-link {<br />
background-position: -669px -5px;<br />
opacity: .7;<br />
filter: alpha(opacity=70);<br />
position: absolute;<br />
width: 20px;<br />
height: 20px;<br />
cursor: pointer;<br />
background-color: #000;<br />
}<br />
.notouch .galleria-info-link:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-info-link:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-image-nav {<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -62px;<br />
width: 100%;<br />
height: 62px;<br />
left: 0;<br />
}<br />
.galleria-image-nav-left,<br />
.galleria-image-nav-right {<br />
opacity: .3;<br />
filter: alpha(opacity=30);<br />
cursor: pointer;<br />
width: 62px;<br />
height: 124px;<br />
position: absolute;<br />
left: 10px;<br />
z-index: 2;<br />
background-position: 0 46px;<br />
}<br />
.galleria-image-nav-right {<br />
left: auto;<br />
right: 10px;<br />
background-position: -254px 46px;<br />
z-index: 2;<br />
}<br />
.notouch .galleria-image-nav-left:hover,<br />
.notouch .galleria-image-nav-right:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-image-nav-left:active,<br />
.touch .galleria-image-nav-right:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-thumb-nav-left,<br />
.galleria-thumb-nav-right {<br />
cursor: pointer;<br />
display: none;<br />
background-position: -495px 5px;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
height: 40px;<br />
width: 23px;<br />
z-index: 3;<br />
opacity: .8;<br />
filter: alpha(opacity=80);<br />
}<br />
.galleria-thumb-nav-right {<br />
background-position: -578px 5px;<br />
border-right: none;<br />
right: 0;<br />
left: auto;<br />
}<br />
.galleria-thumbnails-container .disabled {<br />
opacity: .2;<br />
filter: alpha(opacity=20);<br />
cursor: default;<br />
}<br />
.notouch .galleria-thumb-nav-left:hover,<br />
.notouch .galleria-thumb-nav-right:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
background-color: #111;<br />
}<br />
.touch .galleria-thumb-nav-left:active,<br />
.touch .galleria-thumb-nav-right:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
background-color: #111;<br />
}<br />
.notouch .galleria-thumbnails-container .disabled:hover {<br />
opacity: .2;<br />
filter: alpha(opacity=20);<br />
background-color: transparent;<br />
}<br />
<br />
.galleria-carousel .galleria-thumb-nav-left,<br />
.galleria-carousel .galleria-thumb-nav-right {<br />
display: block;<br />
}<br />
.galleria-thumb-nav-left,<br />
.galleria-thumb-nav-right,<br />
.galleria-info-link,<br />
.galleria-info-close,<br />
.galleria-image-nav-left,<br />
.galleria-image-nav-right {<br />
background-image: url('http://i.imgur.com/tLDSr.png');<br />
background-repeat: no-repeat;<br />
}<br />
<br />
/*Flowchart*/<br />
<br />
#flowchart-container{<br />
width: 980px;<br />
float: center;<br />
background-color:#ffffff;<br />
padding: 10px;<br />
height: 500px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-top: 95px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
#flowchart{<br />
float:center;<br />
}<br />
<br />
/*Outreach*/<br />
<br />
<br />
#outreachintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 15px;<br />
height: 35px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
}<br />
<br />
#outreachmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#outreachmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#undergradsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#outreach {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font:16px sans-serif ;<br />
}<br />
<br />
#outreachmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#outreachdescription {<br />
width: 790px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
padding-top: -20px;<br />
padding-bottom: 10px;<br />
padding-left: 15px;<br />
padding-right: 15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
/* GMO Collab */<br />
<br />
<br />
#gmointro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
height: 35px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
font:16px sans-serif ;<br />
}<br />
<br />
#gmomenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#gmomenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#gmomenu a:active {<br />
color:white;<br />
}<br />
<br />
#gmo {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#gmomenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#gmodescription {<br />
<br />
width: 790px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:15px;<br />
padding-right: 15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
/* Sponsor Logos */<br />
<br />
#row1logos a:hover{<br />
list-style: none;<br />
}<br />
#row2logos a:hover{<br />
list-style: none;<br />
}<br />
<br />
/* Results */<br />
<br />
#resultsoverview {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 150px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#resultscontainer {<br />
width: 1000px;<br />
height: 245px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Biobricks */<br />
<br />
#biobricksoverview {<br />
width: 950px;<br />
float: center;<br />
height: 400px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#biobrickscontainer {<br />
width: 1000px;<br />
height: 500px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Safety */<br />
<br />
<br />
#safetyoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
<br />
padding: 25px;<br />
height: 1550px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#safetycontainer {<br />
width: 1000px;<br />
height: 1700px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Design Section */<br />
<br />
<br />
#designContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#designSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#legend{<br />
margin-top: 275px;<br />
background-image:url('https://static.igem.org/mediawiki/2012/4/47/Legend2.png');<br />
width: 175px;<br />
height: 145px;<br />
float: left;<br />
position: absolute;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 5px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
}<br />
<br />
<br />
#designSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#designSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#designSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#designOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Data */<br />
<br />
#dataContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#dataSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#dataSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#dataSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#dataSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#dataOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Future */<br />
<br />
#futureContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#futureSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#futureSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#futureSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#futureSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#futureOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* scaffold */<br />
<br />
#scaffoldContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
margin-bottom: 50px;<br />
float: center;<br />
}<br />
<br />
#scaffoldSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height:145px;<br />
margin-bottom:20px;<br />
position:fixed;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#scaffoldSelection0{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 180px;<br />
position:fixed;<br />
float: left;<br />
margin-bottom:20px;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#scaffoldSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#scaffoldSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#scaffoldSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
#scaffoldSelection0 li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#scaffoldSelection0 a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#scaffoldSelection0 li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
#scaffoldOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Petrobrick */<br />
<br />
#petrobrickContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#petrobrickSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#petrobrickSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#petrobrickSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#petrobrickSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#petrobrickOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Assembly */<br />
<br />
#assemblyContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
margin-bottom:50px;<br />
float: center;<br />
}<br />
<br />
#assemblySelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#assemblySelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#assemblySelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#assemblySelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#assemblyOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
padding-top: 0px;<br />
<br />
margin-bottom: 25px;<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/*Attributions*/<br />
<br />
#attributionsOverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 1600px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#attributionsContainer {<br />
width: 1000px;<br />
height: 1600px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
<br />
#appoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
<br />
padding: 25px;<br />
height: 500px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#appcontainer {<br />
width: 1000px;<br />
height: 500px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
<br />
</style><br />
</html></div>
Bchen26
http://2012.igem.org/Template:UIUC_Illinois_CSS
Template:UIUC Illinois CSS
2013-01-17T03:20:50Z
<p>Bchen26: </p>
<hr />
<div><html><br />
<style type="text/css"><br />
<br />
/* Illinois IGEM Wiki Stylesheet*/<br />
<br />
/* Default Reformatting and Header */<br />
<br />
#globalwrapper {<br />
width:1000px;<br />
padding:0px 0px;<br />
margin: 0 auto;<br />
background-color: #BABABA;<br />
background-attachment: fixed;<br />
background-position: center;<br />
background-size:100% 100%;<br />
}<br />
<br />
body {<br />
background: #CECECE;<br />
background-image:url('https://static.igem.org/mediawiki/2012/d/d3/Uiucbackground10.png');<br />
background-attachment: fixed;<br />
background-position: center;<br />
height:100%;<br />
background-size:100% 100%;<br />
}<br />
.firstHeading {<br />
height:0px;<br />
visibility:hidden;<br />
}<br />
<br />
#p-logo {<br />
height:0px;<br />
overflow:hidden;<br />
display: none;<br />
}<br />
<br />
#search-controls {<br />
display:none;<br />
margin-top:0px;<br />
}<br />
<br />
#content{<br />
visibility: hidden;<br />
}<br />
<br />
#top-section {<br />
background-image:url('https://static.igem.org/mediawiki/2012/e/e6/Newbanner6.png');<br />
background-color:#151F4E;<br />
background-position: top;<br />
width:1000px;<br />
height:219px;<br />
background-repeat: no-repeat;<br />
border-width:0px;<br />
border-top-width:0px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-top: -10px;<br />
margin-bottom: -50px;<br />
}<br />
<br />
<br />
#menubar { <br />
color: white;<br />
background-color: transparent; <br />
}<br />
#menubar ul li a { <br />
color: white; <br />
background-color: transparent;<br />
}<br />
<br />
.right-menu li a {<br />
color: white;<br />
background-color: transparent;<br />
}<br />
<br />
/* Header */<br />
<br />
#igemlogozone {<br />
position: absolute;<br />
top: 25px;<br />
left: 960px;<br />
height: 125px;<br />
width: 150px;<br />
background-color: transparent;<br />
}<br />
<br />
#wrapper {<br />
width: 1000px;<br />
height: 100%;<br />
float: center;<br />
padding-left: 0%;<br />
padding-right: 0%;<br />
padding-top: 1%;<br />
background-color: #BABABA;<br />
background-attachment: fixed;<br />
background-position: center;<br />
<br />
}<br />
<br />
#header {<br />
width: 750px;<br />
float: center;<br />
background-color:#FFE4C4;<br />
height: 150px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
img {<br />
border: none;<br />
}<br />
<br />
#headernavigation{<br />
width: 1000px;<br />
float: center;<br />
background-color: transparent;<br />
height: 60px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-top: -49px; <br />
margin-bottom: 10px; <br />
z-index: 2; <br />
-webkit-transition: all 300ms ease-in-out;<br />
}<br />
<br />
#headernavbar{<br />
list-style:none;<br />
font-weight:bold;<br />
float:left;<br />
width:100%;<br />
margin:0;<br />
padding:0;<br />
z-index: 2; <br />
}<br />
#headernavbar li{<br />
float:left;<br />
position:relative;<br />
text-align:center;<br />
z-index: 2; <br />
}<br />
#headernavbar a{<br />
margin-left:0px;<br />
display:block;<br />
padding-bottom:10px;<br />
padding-top:10px;<br />
width: 100px;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
font: bold 16px Arial;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar a:hover{<br />
color:#ffffff;<br />
background:#003C7D;<br />
text-decoration:none;<br />
z-index: 2; <br />
<br />
}<br />
<br />
#headernavbar ul{<br />
background: #003C7D;<br />
list-style:none;<br />
position:absolute;<br />
left:-9999px; <br />
z-index: 2; <br />
}<br />
#headernavbar ul li{<br />
padding-top:0px; <br />
margin-bottom:-1px;<br />
float:none;<br />
margin-top:-3px;<br />
z-index: 2; <br />
}<br />
#headernavbar ul a{<br />
white-space:nowrap; <br />
z-index: 2; <br />
}<br />
#headernavbar li:hover ul{ <br />
left: -15px;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar li:hover a{ <br />
background:#003C7D;<br />
text-decoration:none;<br />
z-index: 2; <br />
}<br />
#headernavbar li:hover ul a{ <br />
text-decoration:none;<br />
z-index: 2; <br />
<br />
}<br />
#headernavbar li:hover ul li a:hover{ <br />
background:#f68e3c;<br />
z-index: 2; <br />
}<br />
<br />
/* Main Page */<br />
<br />
<br />
#content-containertop {<br />
width: 1000px;<br />
height: 0x;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
#content-topbottom {<br />
width: 950px;<br />
height: 100px;<br />
float: left;<br />
padding: 25px;<br />
text-align: left;<br />
margin-left: -10px;<br />
margin-top: -5px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
font-size:150%;<br />
}<br />
<br />
<br />
#maincontentnav {<br />
width: 800px;<br />
float: center;<br />
background-color:#F5DEB3;<br />
padding: 0px;<br />
height: 320px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(244, 160, 90,1);<br />
border-radius: 200px;<br />
background-clip: padding-box;<br />
margin-top: 25px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
#maincontentselection{<br />
width: 300px;<br />
float: left;<br />
height: 300px;<br />
list-style: none;<br />
margin-left: 100px;<br />
margin-top: 0px;<br />
}<br />
<br />
<br />
#maincontentselection a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:75px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: 10px;<br />
padding-bottom: 0px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
z-index:3;<br />
}<br />
<br />
#maincontentselection a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
z-index:3;<br />
}<br />
#maincontentselection a:active {<br />
color:white;<br />
list-style: none;<br />
}<br />
<br />
<br />
#maincontentselection2{<br />
width: 250px;<br />
float: right;<br />
height: 250px;<br />
list-style: none;<br />
margin-right: 80px;<br />
margin-top: 10px;<br />
}<br />
<br />
<br />
#maincontentselection2 a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:275px;<br />
width: 325px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: 20px;<br />
padding-bottom: 0px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
<br />
}<br />
<br />
#maincontentselection2 a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
}<br />
#maincontentselection2 a:active {<br />
list-style: none;<br />
color:white;<br />
}<br />
<br />
#maincontentselection3{<br />
width: 350px;<br />
float: left;<br />
height: 100px;<br />
list-style: none;<br />
margin-left: -309px;<br />
margin-top: 150px;<br />
}<br />
<br />
<br />
#maincontentselection3 a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:150px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
padding-top: -10px;<br />
padding-bottom: 10px;<br />
font: bold 13px Arial;<br />
list-style: none;<br />
z-index:-1;<br />
<br />
}<br />
<br />
#maincontentselection3 a:hover {<br />
background:#ffe6cc;<br />
text-decoration:none;<br />
list-style: none;<br />
border: 0px;<br />
border-radius: 50px;<br />
z-index:-4;<br />
}<br />
#maincontentselection3 a:active {<br />
list-style: none;<br />
color:white;<br />
}<br />
<br />
#maincontentdesc {<br />
width: 980px;<br />
float: center;<br />
padding: 10px;<br />
height: 100%;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background-clip: padding-box;<br />
margin-top: 20px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
text-align:left;<br />
}<br />
<br />
#content1-topcenter {<br />
width: 1000px;<br />
float: center;<br />
background-color:#EEEEEE;<br />
padding: 0px;<br />
height: 400px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background-clip: padding-box;<br />
margin-top: 20px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
<br />
#sponsorbox {<br />
width: 950px;<br />
float: center;<br />
background: rgba(255,255,255,0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 350px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
<br />
background-clip: padding-box;<br />
margin-top: 25px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
}<br />
<br />
#intro {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 200px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
<br />
}<br />
<br />
#ancillaryIntro {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 200px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
<br />
}<br />
/* Notebook */<br />
<br />
#notebookselection{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
font: 13px ;<br />
}<br />
<br />
<br />
#notebookselectionmenu{<br />
background-color: #003C7D;<br />
width: 1000px;<br />
height: 40px;<br />
float: left;<br />
text-align: left;<br />
margin-top: -60px;<br />
margin-left: -10px;<br />
padding:0px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
list-style: none;<br />
font: 16px ;<br />
}<br />
<br />
#notebookselectionmenu li{<br />
list-style-type:none;<br />
margin:0;<br />
padding:0;<br />
float:center;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
#notebookselectionmenu a {<br />
cursor: pointer;<br />
float:left;<br />
height:30px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:500px;<br />
background:#003C7D;<br />
font: bold 15px Arial;<br />
padding-top:10px;<br />
margin-top: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
color:#ffffff;<br />
}<br />
<br />
#notebookselectionmenu a:hover {<br />
background:#f68e3c;<br />
text-decoration:none;<br />
}<br />
#notebookselectionmenu a:active {<br />
color:white;<br />
}<br />
<br />
#labnotebooks{<br />
width: 950px;<br />
height: 100%;<br />
float: center;<br />
text-align: left;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
margin-top: 20px;<br />
margin-right: 0px;<br />
margin-left: -10px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
/* Lab Notebook */<br />
<br />
/* PUF notebook begins here */<br />
<br />
<br />
#PUFnotes {<br />
width: 950px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 25px;<br />
padding-right:25px;<br />
margin-left: -25px;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
}<br />
<br />
#PUFnotebookmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: 16px calibri;<br />
}<br />
<br />
#PUFnotebookmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#PUFnotebookmenu a:active {<br />
color:white;<br />
}<br />
<br />
<br />
#PUFnotebookmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 650px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-bottom: 20px;<br />
margin-left: -35px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
<br />
#PUFnotebookdescription {<br />
<br />
width: 800px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -50px;<br />
margin-left: 0px;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
padding-left: 10px;<br />
padding-right: 10px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
/* PHAT Notebook begins here */<br />
<br />
#PHATnotes {<br />
width: 950px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 25px;<br />
padding-right:26px;<br />
margin-left: -25px;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
}<br />
<br />
#PHATnotebookmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: 16px calibri;<br />
}<br />
<br />
#PHATnotebookmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#PHATnotebookmenu a:active {<br />
color:white;<br />
}<br />
<br />
#PHATnotebookmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -35px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
#PHATnotebookdescription {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 800px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -50px;<br />
margin-left: 0px;<br />
padding-top: 10px;<br />
padding-bottom: 10px;<br />
padding-left:10px;<br />
padding-right: 10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font: 16px calibri;<br />
}<br />
<br />
<br />
/* Protocol Section*/<br />
<br />
#protocol-container{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#protocolselection{<br />
margin-top: -15px;<br />
background-color:#EEEEEE;<br />
width: 250px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#protocolselection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#protocolselection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#protocolselection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#protocoloverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 665px;<br />
height: 100%;<br />
float: right;<br />
padding: 25px;<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/*Protocol Section End*/<br />
<br />
/*Meeting Notes*/<br />
<br />
#meetingcontainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 5px;<br />
float: center;<br />
}<br />
<br />
#meetingintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-top: 00px;<br />
padding-bottom: 25px;<br />
height: 20px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
<br />
#meetingselection1{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
<br />
#meetingselection2{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection3{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection4{<br />
list-style:none;<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
#meetingselection5{<br />
list-style:none;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 184px;<br />
height: 322px;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 0px;<br />
margin-right:-10px;<br />
background-clip: padding-box;<br />
font-size:100%;<br />
}<br />
<br />
#meetingselection1 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
<br />
#meetingselection2 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection3 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection4 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
#meetingselection5 li{<br />
list-style:none;<br />
margin: 0px;<br />
width: 100%;<br />
}<br />
<br />
#meetingselection ul{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
.meetingselection a {<br />
list-style:none;<br />
cursor: pointer;<br />
display:block;<br />
height:20px;<br />
width: 100%;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 5px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
.meetingselection li:hover a{<br />
list-style:none;<br />
width: 100%;<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#meetingoverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 950px;<br />
height: 100%;<br />
float: left;<br />
padding: 25px;<br />
text-align: left;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
<br />
#notebook-container{<br />
width: 1000px;<br />
height: 350px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
<br />
}<br />
<br />
#notebook-content{<br />
width: 1000px;<br />
float: center;<br />
height: 150px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
padding-top:50px;<br />
margin-top: 25px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
}<br />
<br />
/* Footer */<br />
<br />
#footer-box {<br />
float: center;<br />
overflow: hidden;<br />
display: block;<br />
background-color: #EEEEEE;<br />
width: 1010px;<br />
height: 50px;<br />
font-weight: normal;<br />
font-style: normal;<br />
font-size: 10px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
}<br />
<br />
#catlinks {<br />
visibility: hidden;<br />
}<br />
<br />
#footer {<br />
}<br />
<br />
/* Team */<br />
<br />
#aboutus{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 0px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
<br />
#aboutusmenu{<br />
background-color: #003C7D;<br />
width: 1000px;<br />
height: 40px;<br />
float: left;<br />
text-align: left;<br />
margin-top: -60px;<br />
margin-left: -10px;<br />
padding:0px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
list-style: none;<br />
font: bold 16px Arial;<br />
}<br />
<br />
#aboutusmenu li{<br />
list-style-type:none;<br />
margin:0;<br />
padding:0;<br />
float:center;<br />
margin-left: 50px;<br />
margin-right: auto;<br />
}<br />
<br />
#aboutusmenu a {<br />
cursor: pointer;<br />
float:left;<br />
height:30px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:300px;<br />
background:#003C7D;<br />
font: bold 15px Arial;<br />
padding-top:10px;<br />
margin-top: 0px;<br />
margin-left: auto;<br />
margin-right: auto;<br />
color:#ffffff;<br />
}<br />
<br />
#aboutusmenu a:hover {<br />
background:#f68e3c;<br />
text-decoration:none;<br />
}<br />
#aboutusmenu a:active {<br />
color:white;<br />
}<br />
<br />
#aboutusdescription{<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 950px;<br />
height: 100%;<br />
float: center;<br />
text-align: left;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
margin-top: 70px;<br />
margin-right: 0px;<br />
margin-left: -10px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
<br />
<br />
/*Undergrad Section*/<br />
<br />
table{<br />
background-color:#EEEEEE;<br />
}<br />
<br />
#undergradintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
height: 50px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
}<br />
<br />
#undergradsmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#undergradsmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#undergradsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#undergradmembers {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#undergradsmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#description {<br />
background: rgba(240, 240, 240, 1.0);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 815px;<br />
height: 300px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
margin-bottom: 50px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:0px;<br />
padding-right: 5px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
/* Advisors Section */<br />
<br />
#advisorsintro{<br />
width: 950px;<br />
float: center;<br />
padding-top: 0px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 20px;<br />
height: 50px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:10px; <br />
}<br />
<br />
#advisorsmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#advisorsmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#advisorsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#advisors {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#advisorsmenu {<br />
background-color: #EEEEEE;<br />
width: 150px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
#advisorsdescription {<br />
background: rgba(240, 240, 240, 1.0);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 815px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: -418px;<br />
margin-right: -10px;<br />
margin-left: 170px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:0px;<br />
padding-right: 5px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
/* Projects */<br />
<br />
#projectoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 375x;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#projectcontainer {<br />
width: 1000px;<br />
height: 400px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/*Galleria*/<br />
<br />
/*<br />
* Galleria Classic Theme<br />
* Copyright (c) 2010, Aino<br />
* Licensed under the MIT license.<br />
*/<br />
<br />
#galleria{ width: 100%; height: 400px; background: #000 }<br />
<br />
.galleria-container {<br />
position: relative;<br />
overflow: hidden;<br />
background: #fff;<br />
}<br />
.galleria-container img {<br />
-moz-user-select: none;<br />
-webkit-user-select: none;<br />
-o-user-select: none;<br />
}<br />
.galleria-stage {<br />
position: absolute;<br />
top: 10px;<br />
bottom: 60px;<br />
left: 10px;<br />
right: 10px;<br />
overflow:hidden;<br />
}<br />
.galleria-thumbnails-container {<br />
height: 50px;<br />
bottom: 0;<br />
position: absolute;<br />
left: 10px;<br />
right: 10px;<br />
z-index: 2;<br />
}<br />
.galleria-carousel .galleria-thumbnails-list {<br />
margin-left: 30px;<br />
margin-right: 30px;<br />
}<br />
.galleria-thumbnails .galleria-image {<br />
height: 40px;<br />
width: 60px;<br />
background: #000;<br />
margin: 0 5px 0 0;<br />
border: 1px solid #fff;<br />
float: left;<br />
cursor: pointer;<br />
}<br />
.galleria-counter {<br />
position: absolute;<br />
bottom: 10px;<br />
left: 10px;<br />
text-align: right;<br />
color: #fff;<br />
font: normal 11px/1 arial,sans-serif;<br />
z-index: 1;<br />
}<br />
.galleria-loader {<br />
background: #000;<br />
width: 20px;<br />
height: 20px;<br />
position: absolute;<br />
top: 10px;<br />
right: 10px;<br />
z-index: 2;<br />
display: none;<br />
background: url(classic-loader.gif) no-repeat 2px 2px;<br />
}<br />
.galleria-info {<br />
width: 50%;<br />
top: 15px;<br />
left: 15px;<br />
z-index: 2;<br />
position: absolute;<br />
}<br />
.galleria-info-text {<br />
background-color: #000;<br />
padding: 12px;<br />
display: none;<br />
/* IE7 */ zoom:1;<br />
}<br />
.galleria-info-title {<br />
font: bold 12px/1.1 arial,sans-serif;<br />
margin: 0;<br />
color: #fff;<br />
margin-bottom: 7px;<br />
}<br />
.galleria-info-description {<br />
font: italic 12px/1.4 georgia,serif;<br />
margin: 0;<br />
color: #bbb;<br />
}<br />
.galleria-info-close {<br />
width: 9px;<br />
height: 9px;<br />
position: absolute;<br />
top: 5px;<br />
right: 5px;<br />
background-position: -753px -11px;<br />
opacity: .5;<br />
filter: alpha(opacity=50);<br />
cursor: pointer;<br />
display: none;<br />
}<br />
.notouch .galleria-info-close:hover{<br />
opacity:1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-info-close:active{<br />
opacity:1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-info-link {<br />
background-position: -669px -5px;<br />
opacity: .7;<br />
filter: alpha(opacity=70);<br />
position: absolute;<br />
width: 20px;<br />
height: 20px;<br />
cursor: pointer;<br />
background-color: #000;<br />
}<br />
.notouch .galleria-info-link:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-info-link:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-image-nav {<br />
position: absolute;<br />
top: 50%;<br />
margin-top: -62px;<br />
width: 100%;<br />
height: 62px;<br />
left: 0;<br />
}<br />
.galleria-image-nav-left,<br />
.galleria-image-nav-right {<br />
opacity: .3;<br />
filter: alpha(opacity=30);<br />
cursor: pointer;<br />
width: 62px;<br />
height: 124px;<br />
position: absolute;<br />
left: 10px;<br />
z-index: 2;<br />
background-position: 0 46px;<br />
}<br />
.galleria-image-nav-right {<br />
left: auto;<br />
right: 10px;<br />
background-position: -254px 46px;<br />
z-index: 2;<br />
}<br />
.notouch .galleria-image-nav-left:hover,<br />
.notouch .galleria-image-nav-right:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.touch .galleria-image-nav-left:active,<br />
.touch .galleria-image-nav-right:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
}<br />
.galleria-thumb-nav-left,<br />
.galleria-thumb-nav-right {<br />
cursor: pointer;<br />
display: none;<br />
background-position: -495px 5px;<br />
position: absolute;<br />
left: 0;<br />
top: 0;<br />
height: 40px;<br />
width: 23px;<br />
z-index: 3;<br />
opacity: .8;<br />
filter: alpha(opacity=80);<br />
}<br />
.galleria-thumb-nav-right {<br />
background-position: -578px 5px;<br />
border-right: none;<br />
right: 0;<br />
left: auto;<br />
}<br />
.galleria-thumbnails-container .disabled {<br />
opacity: .2;<br />
filter: alpha(opacity=20);<br />
cursor: default;<br />
}<br />
.notouch .galleria-thumb-nav-left:hover,<br />
.notouch .galleria-thumb-nav-right:hover {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
background-color: #111;<br />
}<br />
.touch .galleria-thumb-nav-left:active,<br />
.touch .galleria-thumb-nav-right:active {<br />
opacity: 1;<br />
filter: alpha(opacity=100);<br />
background-color: #111;<br />
}<br />
.notouch .galleria-thumbnails-container .disabled:hover {<br />
opacity: .2;<br />
filter: alpha(opacity=20);<br />
background-color: transparent;<br />
}<br />
<br />
.galleria-carousel .galleria-thumb-nav-left,<br />
.galleria-carousel .galleria-thumb-nav-right {<br />
display: block;<br />
}<br />
.galleria-thumb-nav-left,<br />
.galleria-thumb-nav-right,<br />
.galleria-info-link,<br />
.galleria-info-close,<br />
.galleria-image-nav-left,<br />
.galleria-image-nav-right {<br />
background-image: url('http://i.imgur.com/tLDSr.png');<br />
background-repeat: no-repeat;<br />
}<br />
<br />
/*Flowchart*/<br />
<br />
#flowchart-container{<br />
width: 980px;<br />
float: center;<br />
background-color:#ffffff;<br />
padding: 10px;<br />
height: 500px;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
border: 10px solid rgba(255, 255, 255,0.7);<br />
background-clip: padding-box;<br />
margin-top: 95px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
#flowchart{<br />
float:center;<br />
}<br />
<br />
/*Outreach*/<br />
<br />
<br />
#outreachintro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 15px;<br />
height: 35px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
}<br />
<br />
#outreachmenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#outreachmenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#undergradsmenu a:active {<br />
color:white;<br />
}<br />
<br />
#outreach {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font:16px sans-serif ;<br />
}<br />
<br />
#outreachmenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#outreachdescription {<br />
width: 790px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
padding-top: -20px;<br />
padding-bottom: 10px;<br />
padding-left: 15px;<br />
padding-right: 15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
/* GMO Collab */<br />
<br />
<br />
#gmointro{<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding-top: 10px;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
height: 35px;<br />
background-clip: padding-box;<br />
margin-top: 5px;<br />
margin-left: auto;<br />
margin-right: auto; <br />
margin-bottom:0px; <br />
font:16px sans-serif ;<br />
}<br />
<br />
#gmomenu a {<br />
cursor: pointer;<br />
display:block;<br />
float:left;<br />
height:24.6px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#gmomenu a:hover {<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
#gmomenu a:active {<br />
color:white;<br />
}<br />
<br />
#gmo {<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: -20px;<br />
float: center;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#gmomenu {<br />
background-color: #f68e3c;<br />
width: 160px;<br />
height: 310px;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
}<br />
<br />
<br />
#gmodescription {<br />
<br />
width: 790px;<br />
height: 100%;<br />
float: left;<br />
text-align: left;<br />
margin-top: 20px;<br />
margin-right: -20px;<br />
margin-left: 0px;<br />
padding-top: 0px;<br />
padding-bottom: 10px;<br />
padding-left:15px;<br />
padding-right: 15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
list-style: none;<br />
font:16px sans-serif ;<br />
}<br />
<br />
<br />
/* Sponsor Logos */<br />
<br />
#row1logos a:hover{<br />
list-style: none;<br />
}<br />
#row2logos a:hover{<br />
list-style: none;<br />
}<br />
<br />
/* Results */<br />
<br />
#resultsoverview {<br />
width: 950px;<br />
float: center;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 150px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#resultscontainer {<br />
width: 1000px;<br />
height: 245px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Biobricks */<br />
<br />
#biobricksoverview {<br />
width: 950px;<br />
float: center;<br />
height: 400px;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#biobrickscontainer {<br />
width: 1000px;<br />
height: 500px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Safety */<br />
<br />
<br />
#safetyoverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
<br />
padding: 25px;<br />
height: 1550px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#safetycontainer {<br />
width: 1000px;<br />
height: 500px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
/* Design Section */<br />
<br />
<br />
#designContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#designSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#legend{<br />
margin-top: 275px;<br />
background-image:url('https://static.igem.org/mediawiki/2012/4/47/Legend2.png');<br />
width: 175px;<br />
height: 145px;<br />
float: left;<br />
position: absolute;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: 5px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
}<br />
<br />
<br />
#designSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#designSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#designSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#designOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Data */<br />
<br />
#dataContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#dataSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#dataSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#dataSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#dataSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#dataOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Future */<br />
<br />
#futureContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#futureSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#futureSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#futureSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#futureSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#futureOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* scaffold */<br />
<br />
#scaffoldContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
margin-bottom: 50px;<br />
float: center;<br />
}<br />
<br />
#scaffoldSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height:145px;<br />
margin-bottom:20px;<br />
position:fixed;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#scaffoldSelection0{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 180px;<br />
position:fixed;<br />
float: left;<br />
margin-bottom:20px;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#scaffoldSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#scaffoldSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#scaffoldSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
#scaffoldSelection0 li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#scaffoldSelection0 a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#scaffoldSelection0 li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
<br />
#scaffoldOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Petrobrick */<br />
<br />
#petrobrickContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
#petrobrickSelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#petrobrickSelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#petrobrickSelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#petrobrickSelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#petrobrickOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 25px;<br />
padding-top: 0px;<br />
<br />
<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/* Assembly */<br />
<br />
#assemblyContainer{<br />
width: 1000px;<br />
height: 100%;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
margin-bottom:50px;<br />
float: center;<br />
}<br />
<br />
#assemblySelection{<br />
margin-top: -15px;<br />
background: rgba(240, 240, 240, 0.7);<br />
width: 205px;<br />
height: 100%;<br />
float: left;<br />
padding-top: 0px;<br />
text-align: left;<br />
margin-left: -10px;<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
#assemblySelection li{<br />
list-style:none;<br />
float:left;<br />
margin:0px; <br />
padding:0px;<br />
width:100%;<br />
}<br />
<br />
#assemblySelection a {<br />
cursor: pointer;<br />
display:block;<br />
height:25px;<br />
line-height: 25px;<br />
text-align:center; <br />
text-decoration:none;<br />
width:100%;<br />
color:#ffffff;<br />
background:#f68e3c;<br />
padding-top: 10px;<br />
font: bold 13px Arial;<br />
}<br />
<br />
#assemblySelection li:hover a{<br />
background:#003C7D;<br />
text-decoration:none;<br />
}<br />
<br />
#assemblyOverview {<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
width: 715px;<br />
height: 100%;<br />
float: right;<br />
padding-left: 25px;<br />
padding-right: 25px;<br />
padding-bottom: 0px;<br />
padding-top: 0px;<br />
<br />
margin-bottom: 25px;<br />
text-align: left;<br />
margin-right: -10px;<br />
margin-top: -15px;<br />
background-clip: padding-box;<br />
-webkit-box-shadow: 0 8px 6px -6px black;<br />
-moz-box-shadow: 0 8px 6px -6px black;<br />
box-shadow: 0 8px 6px -6px black;<br />
font-size:150%;<br />
}<br />
<br />
/*Attributions*/<br />
<br />
#attributionsOverview {<br />
width: 950px;<br />
float: left;<br />
text-align: left;<br />
background: rgba(240, 240, 240, 0.7);<br />
border: 10px solid rgba(255, 255, 255,0.8);<br />
padding: 25px;<br />
height: 1600px;<br />
background-clip: padding-box;<br />
margin-top: 10px;<br />
margin-left: -10px;<br />
margin-right: auto; <br />
font-size:150%;<br />
}<br />
<br />
#attributionsContainer {<br />
width: 1000px;<br />
height: 1600px;<br />
text-align: center;<br />
padding-left: 0px;<br />
padding-right:0px;<br />
margin-left: auto;<br />
margin-right:auto;<br />
margin-top: 25px;<br />
float: center;<br />
}<br />
<br />
<br />
</style><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/apply
Team:UIUC-Illinois/apply
2013-01-17T03:20:12Z
<p>Bchen26: Created page with "{{Template:UIUC Illinois Header}} {{Template:UIUC Illinois CSS}} <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=u..."</p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Application</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="safetycontainer"><br />
<div id="safetyoverview"><br />
<br />
<h1>Application Info</h1><br />
test post<br />
</p><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Outreach
Team:UIUC-Illinois/Outreach
2012-10-27T01:02:41Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Outreach</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<br />
</head><br />
<br />
<body> <br />
<br />
<div id="outreachintro"><br />
<center><font size="6"><b>Human Practices</b></font></center><br />
</div><br />
<br />
<div id="outreach"><br />
<div id="outreachmenu"><br />
<li><a name="outreach1" >Overview</a></li><br />
<li><a name="outreach2" >EOH</a></li><br />
<li><a name="outreach3" >Lincoln's Challenge</a></li><br />
<li><a name="outreach4" >GMO Collaboration</a></li><br />
<li><a name="outreach5" >Synthetic Biology Class</a></li><br />
<li><a name="outreach6" >Further Resources</a></li><br />
<li><a name="outreach7" >Contact Us</a></li><br />
</div><br />
<br />
<br />
<br />
<div id="outreachdescription"><br />
<br />
<h2>Mission Statement</h2><br />
<p>The UIUC 2012 iGEM team has embraced human practices as an opportunity to develop our own sense of ethics and responsibility while promoting general knowledge about synthetic biology.<br/><br/> We have decided to focus our energies on a collaboration to produce informative and thought provoking videos on genetically modified organisms as well as individual presentations on synthetic biology within the Champaign-Urbana community. </p><br />
<br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/e/e2/Urbana.jpg" width=100%></center><br/><br />
<br />
<div id="outreach1" style="display:none"><br />
<h2>Mission Statement</h2><br />
<p>The UIUC 2012 iGEM team has embraced human practices as an opportunity to develop our own sense of ethics and responsibility while promoting general knowledge about synthetic biology. <br/><br/>We have decided to focus our energies on a collaboration to produce informative and thought provoking videos on genetically modified organisms as well as individual presentations on synthetic biology within the Champaign-Urbana community. </p><br />
<br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/e/e2/Urbana.jpg" width=100%></center><br/><br />
</div><br />
<br />
<div id="outreach2" style="display:none"><br />
<br />
<h2>Engineering Open House (EOH)</h2><br />
<br />
<p>UIUC iGEM was proud to present an exhibit at the 92nd annual 2012 Engineering Open<br />
House, or EOH. Over two sunny days on March 9 and 10, iGEM presented one of over 230<br />
exhibits as part of one of the country’s largest science fairs. <br/><br/> <br />
<br />
Our exhibit on synthetic biology<br />
and the manipulation of DNA fit perfectly with the event’s theme, “Dream, Design, Discover.”<br />
At our booth we explained what DNA was to school children and then amazed them by<br />
allowing them to extract their own DNA via salt water and rubbing alcohol! <br/><br/><br />
<br />
We explained the<br />
amazing uses of biobricks by displaying plates with drawings colored by E. Coli transformed with<br />
YFP, GFP, and mCherry. <br />
<br />
<br/> <br/><br />
<br />
We also discussed the safety and ethics of such genetic<br />
manipulations with parents and professors who stopped by our station.</p><br />
<br />
<br/><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
<br />
<br />
<div id="galleria"><br />
<img src="https://static.igem.org/mediawiki/2012/8/8c/Upload6.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/a/ab/Upload2.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/5/54/Upload3.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/6/6c/Upload4.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e7/Upload5.jpg"><br />
</div><br />
<br />
<script><br />
Galleria.loadTheme('http://illinoisigem.googlecode.com/files/galleria.classic.min.js');<br />
Galleria.run('#galleria', {<br />
imageCrop:'landscape',<br />
transition: 'fade',<br />
lightbox: true,<br />
autoplay: 5000<br />
});<br />
<br />
</script><br />
<br />
<br/><br />
<br />
<br />
<p>Pictures of the event can be found at our <a href="http://www.flickr.com/photos/igemuiuc/<br />
sets/72157629562673318/">Flikr Page</a><br />
</p><br />
</div><br />
<br />
<div id="outreach3" style="display:none"><br />
<br />
<h2>Lincoln's Challenge Academy</h2><br />
<br/><br />
<p><br />
<p>In accordance to our "hands on" approach in getting directly involved with our community and involving the philosophies of science with local educational facilities, we visited and presented at the <a href="http://www.ngycp.org/site/state/il/">Lincoln's ChalleNGe Academy</a> in Rantoul, Illinois (which was only about a half hour drive outside of campus).<br/><br/><br />
As a part of the National Guard Youth ChalleNGe Program, the students were of a high school age demographic. However, the demographic and educational backgrounds has its differences from the standard educational system. Members of our team who had participated in educational scientific demonstrations had never been exposed to environment of a military academy. The scientific demonstrations involved:<br />
<br/><br />
<ul><br />
<li>Fluorescent hand lotion to demonstrate the spread of pathogens through common contact with objects and people</li><br />
<li>Colouring silly putty and exploring the physical properties of the putty we made</li><br />
<li>Demonstrating and explaining what happens when dry ice interacts with soap, how temperature affects physical properites of substances</li><br />
<li>Flash freezing everyday items like candy bars and even the silly putty to show how heat energy is transfered</li><br />
</ul><br />
<br />
<br/><br/><br />
<i>"My visit to those fellow students at the academy will not soon be forgotten. I heard stories, saw faces, and<br />
<br />
hopefully made an impression on them. My goal when I went in that building was to shatter any perceptions of<br />
<br />
science students and science as “stuffy” and “uptight”. After talking to them between demonstrations, I think I did<br />
<br />
that. I wanted to share my belief with them that science and education in general are the most beautiful privileges<br />
<br />
we have. In return I feel inspired by them to be a role model and use my talents to help others, wherever I find<br />
<br />
myself in the future.”</i><br/><br />
<center>- Cara Schornak</center><br/><br/><br />
<br />
<i>"The faces seemed familiar, but the atmosphere felt so foreign. It was eye opening to say the least; I feel like the schools most of us on the iGEM team went to pampered us with scientific education focuses. I'm glad we were able to open some eyes too, especially with the demonstrations we did with the liquid nitrogen and dry ice."</i><br />
<br />
<br/><br />
<center>- Bob Chen</center><br/><br/><br />
<br />
<img src="https://static.igem.org/mediawiki/2012/a/ad/-_Apple_Dumpling_Parade_-_18_Aug_07_028slide.jpg" width=100%><br />
<br />
<br/><br/><br />
</div><br />
<br />
<div id="outreach4" style="display:none"><br />
<h2>GMO Collaboration</h2><br />
<br/><br />
The overriding purpose of human practices is to educate the public<br />
about what synthetic biology is, what it’s applications are, and the safety of future<br />
developments in the field. To this end we are proud to collaborate with fellow iGEMmers<br />
from Cornell and the University of Southern<br />
Denmark to produce a video series on GMOs, or Genetically Modified Organisms. <br/><br/>We<br />
hope to engage the general public in a thoughtful conversation on this hot topic by<br />
discussing the history, ethics, and future of several GMO areas, all of which have been<br />
effected by the innovations of synthetic biology. Please check out the videos at <a href="http://www.youtube.com/user/iGEMHPCollaboration/videos?view=0">our<br />
youtube channel</a>.<br />
<br />
In particular, we have created 2 videos – one on transgenic corn and another on gene<br />
therapy.<br/><br />
<br/><br />
<br />
<center><h2>Gene Therapy and Synthetic Biology</h2></center><br />
<br/><center><br />
<object width="640" height="400"><param name="movie" value="http://www.youtube.com/v/uUEeuh8-6mg?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/uUEeuh8-6mg?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br/><br />
<center><h2>Genetically Modified Corn</h2></center><br />
<br/><center><br />
<object width="640" height="400"><param name="movie" value="http://www.youtube.com/v/lbGMpIN0Iko?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lbGMpIN0Iko?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br/><br />
<br />
Special thanks to the following faculty for their time and participation in our videos.<br />
<ul><br />
<li><a href="http://cropsci.illinois.edu/directory/fbelow">Dr. Fred Below, Professor of Crop Physiology </a></li><br />
<li><a href="http://cropsci.illinois.edu/directory/ritamumm">Dr. Rita Mumm, Director of Illinois Plant Breeding Center</a></li> <br />
<li><a href="http://cropsci.illinois.edu/directory/smoose">Dr. Stephen Moose, Professor of Plant Genomics</a></li> <br />
<li><a href="http://www.chemistry.illinois.edu/faculty/Huimin_Zhao.html">Dr. Huimin Zhao, Centennial Endowed Chair Professor</a></li><br />
</ul><br />
</div><br />
<br />
<div id="outreach5" style="display:none"><br />
<center><h2>Synthetic Biology Class</h2></center><br />
<br/>Last year the <a href="https://2011.igem.org/Team:UIUC-Illinois/HumanPract">UIUC iGEM 2011 team</a> proposed a class in synthetic biology as part of their human practices project. This year we can see the continuation of our efforts.<br />
<br />
<br/><br />
<br/><br />
This fall the first class of BIOE 498 Section TL "Introduction to Syn Bio" met with <a href="http://wwwdev.bioen.illinois.edu/people/profile.asp?luting">Professor Ting Lu</a> to learn about the basics of synthetic biology. <br/><br/><br />
<br />
Click <a href="https://static.igem.org/mediawiki/2012/b/b1/SynBioClassSyllabus.pdf">here to download the class syllabus!</a><br />
<br/><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/1/16/Bioe.png" width=100%></center><br />
<br/><br />
</div><br />
<br />
<div id="outreach6" style="display:none"><br />
<br />
<center><h2>Further Resources</h2></center><br />
<br/><br />
<p><br />
While just beginning research, we as a team tried to understand the<br />
impact synthetic biology has made on the public and what type of public impression has<br />
been made. The result of our research was this compilation of resources, which shows<br />
how popular media has reported on synthetic biology advances. It is an excellent source<br />
for both learning more about synthetic biology and understanding how science relates<br />
to social policy.</p><br />
<textarea rows=50 cols=100 readonly wrap="soft">Time Magazine<br />
- “The Risks and Rewards of Synthetic Biology”, Nancy Gibbs, June 28, 2010. Editorializing about the risks of Synbio in the light of Craig Venter and the Gulf Oil Spill<br />
- “Scientist Creates Life. That’s a good thing, right?”, Alice Park, May 20, 2010.<br />
- Jeffrey Kluger, senior editor of science and technology<br />
- Nancy Gibbs, high profile editor and essayist<br />
- Alice Park – Science writer, medical background<br />
- Bryan Walsh – senior writer covering energy and environment, but occasionally writes about “scary diseases” <br />
- John Cloud – senior writer, writes Healthland’s Lab Rat Column<br />
- Sora Song – editor of Healthland<br />
- Alexandra Sifferlin – writer/producer, young<br />
<br />
Newsweek Magazine<br />
- “3 Ways to Reinvent America”, Randall Lane, Jan 24, 2011. Synbio and biotech as the next big innovative fields that will drive the US economy.<br />
- “The Deadliest Art Ever”, Jaimie Etikin, May 30, 2010. Drawing pics with E. coli, quotes on synbio by Jeff Tabor.<br />
- “Let There Be Life: Five possible implications of Craig Venter’s creation of synthetic organisms”, Mary Carmichael, May 20, 2010.<br />
- “Stewart Brand, an Icon of Environmentalism, Talks about Embracing Nuclear Power”, Andrew Blast, October 21, 2009. “The next generation, known as synthetic biology, has learned the lesson that efforts were not made to get really good public understanding and permission to go ahead with new technology.” <br />
- “Jay Keasling: Saving the world, one molecule at a Time”, Jeneen Interlandi, Dec. 19, 2008. About Keasling tackling malaria via synbio.<br />
- “A Bug to Save the Planet”, Fareed Zakaria, Jun 7, 2008. An interview with Craig Venter on his ambitions to make a bacteria to eat CO2 and make biofuel.<br />
- “Life 2.0”, Lee Silver, June 3, 2007. A general overview of the progress of synbio<br />
- Sharon Begley – senior health and science correspondent at Reuters<br />
- Mary Carmichael – was senior science writer at Newsweek, is now writing for the Boston Glove in higher education. Should try to contact anyways.<br />
- <br />
<br />
Wall Street Journal<br />
- “How Much ‘Abundance’ Will the Future Hold?”, Christopher Shea, March 12, 2012. Authors Peter Diamandis and Steven Kotler (“Abundance”) offer a rebuttal to reviewer Matt Ridley that invokes the power of synbio and the iGEM competition as innovative energies.<br />
- “(ECO:nomics) Where Entrepreneurs Come From”, Yuliya Chernova, March 22, 2012. An excerpt from the ECO:nomics conference where Craig Venter brings up synbio as a field inspiring young people to innovate.<br />
- “Drew Endy, Bio-Engineer: The ‘Next Steve Jobs’?”, Robert Lee Hotz, Oct 7, 2011<br />
- “Presidential Advisory Panel Takes ‘Middle Course’ on Synthetic Biology”, Robert Lee Hotz, Dec 16, 2010. Contains link to white house documents<br />
- “Programming Cells to Do the Work”, Jacob Goldstein, July 20, 2009. The basics of synbio and potential for health treatments<br />
- Robert Lee Hotz – science columnist, well respected, has covered genetic engineering and biotech<br />
<br />
Chicago Tribune<br />
- Editors Cara DiPasquale (cdipasquale@trbiune.com) and Kris karnopp (kkarnopp@tribune.com)<br />
- Jule Deardorff – health columnist (although more about lifestyle, we can try it anyways)<br />
- Contact news desk<br />
<br />
CNN<br />
- “Bid to program new life forms with ‘operating system’ for cells”, Lara Farrar, Nov 22, 2011. About programming cells in the AudACiOus project and the potential of doing so. <br />
- “‘Living’ buildings could inhale city carbon emissions”, George Webster, Oct 14, 2011. Imperial College London works on synthetic chemicals that act as cells to take carbon and produce limestone, helping buildings be greener. <br />
- “Scientists create computer-programmable bacteria, Craig Johnson, Dec. 12, 2010. About the creation of logic gates in bacteria and the vision to completely reprogram bacteria. <br />
- “Exxon, DNA pioneer join on algae biofuels”, Dean Irvine. Venter teams up with Exxon to make bacteria that eat CO2 and produce biofuels <br />
- “Synthetic biology inches toward the mainstream”, Cherise Fong, Oct 17, 2008. Covers what is syn bio, how is it done in lab, what can be done with it, biosecurity and ethics, innovation and companies. <br />
<br />
BBC<br />
- “Warnings of ‘bio-error’ in new science”, video by science editor David Shukman, Mar 28, 2012 <br />
- “‘Caution needed’ on synthetic biology”, video interviewing Prof. Paul Martin (University of Sheffield, sociology) on synbio ethics, Mar 27 2012 <br />
- “The strange new craft of making life from scratch”, video with science editor David Shukman about syn bio, Mar 26, 2012 <br />
- “The BBC’s David Shukman explains synthetic biology”, Mar. 26. 2012 <br />
- A collection of videos on synbio progress: squid color changing gene, spider genes in goats, oil producing algae, living computers<br />
- “Artificial life ‘needs regulations’ - public survey says”, video, June 14, 2010 <br />
- “‘Major benefits’ to synthetic biology”, video, May 6 2009 <br />
- “Concerns over synthetic biology”, audio of Prof. Paul Martin (then of University of Nottingham) about the potential misuse of synbio <br />
- “Synthetic life ‘no terror threat’”, Cristina Jimenez, Oct. 24, 2007. Craig Venter defends synbio and it’s potential for good <br />
- “Patent system ‘stifling science’”, James Morgan, Sept. 24, 2008. Synbio and other such emerging fields need to share intellectual property and be given opportunities for funding and growth. <br />
- “Science View: Creating artificial life”, Clare Spencer, May 21, 2010. A summary of various scientists perspective on Venter’s 1st synthetic organism <br />
- “Assessing the impact of Venter’s ‘synthetic life’”, Susan Watts, May 20, 2010, video with script <br />
- “Leading Edge: Recreating Woolly Mammoths”, Nov. 6, 2008. audio where host Geoff Watts gotes to the 2008 iGEM jamboree to talk to Cambridge <br />
- David Shukman: BBC’s first science editor <br />
- BBC’s Research and Development Blog <br />
<br />
<br />
New York Times<br />
- “US bioethics commission gives green light to synthetic biology”, Andrew Pollack, Dec. 16, 2010. The Presidential Commission for the Study of Bioethical Issues says that synbio is in its infancy and poses few risks. <br />
- “Do-It-Yourself Genetic Engineering,” Jon Mooallem, Feb. 10, 2010. Follows the City College of San Francisco 2010 iGEM team. Also explains synbio and discusses the nature of the iGEM community as being in it’s infancy and it’s open sharing on the parts registry. <br />
- “Genetic Engineers Who Don’t Just Tinker”, Nicholas Wade, July 8, 2007. What is synbio? Introducing the work of Craig Venter <br />
- “Genetic Code of E. Coli is HIjacked by Biologists”, Nicholas Wade, July 14, 2011. Details a synbio project and the changes made to e.coli for what purposes. <br />
- “Baby Steps to New LIfe-forms”, Olivia Judson, May 27, 2010. The Opinionator on the advent of synbio. <br />
- “Researchers Take Step Toward Synthetic Life”, Andrew Pollack, Jan. 25, 2008. On Venter’s syn organism. <br />
- “Researchers Say they created a ‘synthetic cell’”, Nicholas Wade, May 20, 2010. <br />
- Nicholas Wade - Science writer and editorialist <br />
- Andrew Pollack - biotech writer <br />
- Jon Mooallem - contributing writer and free lance journalist (science focus) <br />
- Olivia Judson - former writer for the Opinionator. Find her! She wants to know “seven amusing things to do with bacteria” <br />
<br />
<br />
USA Today<br />
- “Global research to grow in 2012 amid innovation debate”, Dan Vergano, Dec. 29, 2011. Will synbio and biotech become a growing field full of innovation? <br />
- “Strides in biodefense follow 2011 anthrax scare”, Dan Vergano, Sept. 30, 2011. Synbio is a security concern. A rogue scientist might make a super evil microbe of some sort. <br />
- “Synthetic biology bioethics panel reaction round-up”, Dan Vergano, Dec. 16, 2010. Key statements from Obama’s bioethics panel on synbio, with response from Craig Venter. <br />
- “‘Synthetic biology’ holds promis, but vigilance need”, Dan Vergano, Dec. 16, 2010. Overview of the Obama report. Has a positive tone, reporting that synbio is young, no serious threat yet, and has “more promise than peril”. <br />
- “America cautious, but okay, with synthetic biology”, Elizabeth Weise, Sept. 10, 2010. Talks about the new field getting exposure to the American public. The synbio project did a survey revealing that people like synbio for some purposes, but not others. <br />
- “The human genome: Big advances, many questions”, Steve Sternberg, Aug. 10, 2010. How the human genome project very naturally led to the new field of synbio. Concerns about when the technology leaves the hands of top researchers and trickles down to grads, undergrads, and the public. <br />
- “Scientists create 1st bacteria strain from man-made DNA”, Dan Vergano, May 20, 2010. <br />
- “‘Synthetic biology’ holds promise, but doubts simmer”, Dan Vergano, Aug. 30, 2009. Lists the promise vs. the perils. <br />
- Dan Vergano - medical and science reporter, former aerospace engineer, interested the relation of science and politics <br />
<br />
MSNBC<br />
- “Singularity University Announce Inaugural Synthetic biology accelerator program”, May 17, 2012. Program serves as an incubator for startup synbio companies serving research and commercial purposes. <br />
- “What to do about synthetic life”, Alan Boyle, Mar. 13, 2012. From the Cosmic Log column. Addresses the opinions of those who called for a moratorium, along with opinions from those in the biotech industry and outsiders from the synbio project and the like. <br />
- “Bright bacteria wins synthetic biology contest”, Eric Bland, Nov. 6, 2009. What is synbio? Details some of the star projects from the 2009 competition. <br />
- “Mmm, beer. This brew could extend your life”, Nov. 10, 2008. 2008 Rice University iGEM team used yeast that produced resveratrol to make beer. They used the tyrosine pathway. <br />
- “Scientists engineer E. Coli to trace faces, images”, Eric Bland, Sept. 29, 2009. The 2009 UCSF iGEm project with Jeff Tabor. <br />
- “Living computers solve complex math puzzle”, Bryn Nelson, June 2, 2008. Davidson College’s iGEM team uses a flipping enzyme to solve the ‘burnt pancake problem’ and also looks at tetracycline resistance. <br />
- “Yeast adds vitamins to bread”, John Roach, 2011, Written for the Future of Tech blog. Johns Hopkins iGEM team uses yeast that’s got tons of beta-carotene to make healthier bread. Mentions other prominent iGEM projects and the potential for innovation. <br />
<br />
FOX<br />
- “Synthetic biology raises ethical concerns”, Elizabeth Prann, Nov. 17, 2010. Covers the synbio discussion in the light of Obama’s bioethics committee. <br />
- “Government OKs Controversial research into artificial life forms”, Dec. 16, 2010. Expresses disappointment that the Obama bioethics panel decided to let the synbio industry self regulate. <br />
- “Google unveils “Solve for X,” a secret project to solve the world’s biggest problems”, Reb. 6, 2012. Google announced a new project for everyday people to be innovative, mentions synbio as a new technology driving innovation. <br />
- “Energy in America: New Liquid Fuel faster, more efficient - and greener, too”, Molly LIne, Aug. 2, 2011. Synbio being used to make better biofuels. <br />
- “In search of the next big attack, long after 9/11”, Sept. 9, 2011. Synbio offers bioterrorists new opportunities. <br />
- “Americans Ignorant of Plans to Create Artifical Life”, Robert Roy Britt, Oct. 1, 2008. Says big things are coming, here are the pros and cons. <br />
<br />
Slate<br />
- “Don’t be afraid of the dragon”, Andrew Hessel, Feb. 3, 2011. Slide show on synbio from the future tense conference on government and scientific advances. <br />
- “Faking organisms”, William Saletan, Feb. 1, 2011. From the future tense conference, makes recommendations and a plan for dealing with syn bio. <br />
- “The Sins of Syn Bio: How synthetic biology will bring us cheaper plastics by ruining the poorest nations on Earth”, Jim Thomas, Feb. 2, 2011. From the Future tense conference. Examines the economic cost of synbio, including using biomass, denying jobs from those 3rd world countries that depend on traditional ‘dirty’ commerce. <br />
- “The Military’s Push to Green our Explosives.”, Rob Carlson and Daniel Grushkin, Jan. 19, 2012. The military’s dual interest in synbio for making, preventing, and being worried about bioterrorism. <br />
- “Innoncence and Syn”, Jesse Lichtenstein, Nov. 30, 2007. About the rise of iGEM and synbio. <br />
Washington Post<br />
- “Scientists create cell based on man-made genetic instructions”, David Brown, May 21, 2010. About Venter’s artificial organism and how it sparked the interest of all, including Obama’s bioethics committee. <br />
Daily News</textarea><br />
<br/><br />
<br/><br />
<br />
Read more at the following websites: <br />
<ul><br />
<li><a href="http://www.synbioproject.org/">SynBioProject</a></li><br />
<li><a href="http://syntheticbiology.org/Press.html">SyntheticBiology.org</a></li> <br />
<li><a href="http://www.thehastingscenter.org/Publications/BriefingBook/Detail.aspx?id=2250">Bioethics Article by collaborating figures in the SynBio field</a></li><br />
<li><a href="http://www.nature.com/news/2010/100520/full/news.2010.255.html">Discussion of the advancements of the J. Craig Venter Institute</a></li><br />
</ul><br />
<br/><br />
</div><br />
<br />
<div id="outreach7" style="display:none"><br />
<br />
<h2>SynBio Presentations</h2><br />
<br />
<p>We love sharing our passion for science and synthetic biology! Throughout the year,<br />
we have given interactive presentations to a wide range of audiences, all dedicated to inspiring<br />
future synthetic biology innovations and establishing a trusting relationship between snybio<br />
scientists and the general public. <br />
<br />
<br/><br/><br />
<br />
If you would like to learn more about synthetic biology or<br />
schedule a presentation from the 2012 UIUC iGEM team, please contact Asha Kirchhoff at<br />
<a href="mailto:kirchho2@illinois.edu ">kirchho2@illinois.edu </a></p><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
</div><br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Outreach
Team:UIUC-Illinois/Outreach
2012-10-27T01:01:42Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Outreach</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<br />
</head><br />
<br />
<body> <br />
<br />
<div id="outreachintro"><br />
<center><font size="6"><b>Human Practices</b></font></center><br />
</div><br />
<br />
<div id="outreach"><br />
<div id="outreachmenu"><br />
<li><a name="outreach1" >Overview</a></li><br />
<li><a name="outreach2" >EOH</a></li><br />
<li><a name="outreach3" >Lincoln's Challenge</a></li><br />
<li><a name="outreach4" >GMO Collaboration</a></li><br />
<li><a name="outreach5" >Synthetic Biology Class</a></li><br />
<li><a name="outreach6" >Further Resources</a></li><br />
<li><a name="outreach7" >Contact Us</a></li><br />
</div><br />
<br />
<br />
<br />
<div id="outreachdescription"><br />
<br />
<h2>Mission Statement</h2><br />
<p>The UIUC 2012 iGEM team has embraced human practices as an opportunity to develop our own sense of ethics and responsibility while promoting general knowledge about synthetic biology.<br/><br/> We have decided to focus our energies on a collaboration to produce informative and thought provoking videos on genetically modified organisms as well as individual presentations on synthetic biology within the Champaign-Urbana community. </p><br />
<br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/e/e2/Urbana.jpg" width=100%></center><br/><br />
<br />
<div id="outreach1" style="display:none"><br />
<h2>Mission Statement</h2><br />
<p>The UIUC 2012 iGEM team has embraced human practices as an opportunity to develop our own sense of ethics and responsibility while promoting general knowledge about synthetic biology. <br/><br/>We have decided to focus our energies on a collaboration to produce informative and thought provoking videos on genetically modified organisms as well as individual presentations on synthetic biology within the Champaign-Urbana community. </p><br />
<br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/e/e2/Urbana.jpg" width=100%></center><br/><br />
</div><br />
<br />
<div id="outreach2" style="display:none"><br />
<br />
<h2>Engineering Open House (EOH)</h2><br />
<br />
<p>UIUC iGEM was proud to present an exhibit at the 92nd annual 2012 Engineering Open<br />
House, or EOH. Over two sunny days on March 9 and 10, iGEM presented one of over 230<br />
exhibits as part of one of the country’s largest science fairs. <br/><br/> <br />
<br />
Our exhibit on synthetic biology<br />
and the manipulation of DNA fit perfectly with the event’s theme, “Dream, Design, Discover.”<br />
At our booth we explained what DNA was to school children and then amazed them by<br />
allowing them to extract their own DNA via salt water and rubbing alcohol! <br/><br/><br />
<br />
We explained the<br />
amazing uses of biobricks by displaying plates with drawings colored by E. Coli transformed with<br />
YFP, GFP, and mCherry. <br />
<br />
<br/> <br/><br />
<br />
We also discussed the safety and ethics of such genetic<br />
manipulations with parents and professors who stopped by our station.</p><br />
<br />
<br/><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
<br />
<br />
<div id="galleria"><br />
<img src="https://static.igem.org/mediawiki/2012/8/8c/Upload6.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/a/ab/Upload2.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/5/54/Upload3.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/6/6c/Upload4.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e7/Upload5.jpg"><br />
</div><br />
<br />
<script><br />
Galleria.loadTheme('http://illinoisigem.googlecode.com/files/galleria.classic.min.js');<br />
Galleria.run('#galleria', {<br />
imageCrop:'landscape',<br />
transition: 'fade',<br />
lightbox: true,<br />
autoplay: 5000<br />
});<br />
<br />
</script><br />
<br />
<br/><br />
<br />
<br />
<p>Pictures of the event can be found at our <a href="http://www.flickr.com/photos/igemuiuc/<br />
sets/72157629562673318/">Flikr Page</a><br />
</p><br />
</div><br />
<br />
<div id="outreach3" style="display:none"><br />
<br />
<h2>Lincoln's Challenge Academy</h2><br />
<br/><br />
<p><br />
<p>In accordance to our "hands on" approach in getting directly involved with our community and involving the philosophies of science with local educational facilities, we visited and presented at the <a href="http://www.ngycp.org/site/state/il/">Lincoln's ChalleNGe Academy</a> in Rantoul, Illinois (which was only about a half hour drive outside of campus).<br/><br/><br />
As a part of the National Guard Youth ChalleNGe Program, the students were of a high school age demographic. However, the demographic and educational backgrounds has its differences from the standard educational system. Members of our team who had participated in educational scientific demonstrations had never been exposed to environment of a military academy. The scientific demonstrations involved:<br />
<br/><br />
<ul><br />
<li>Fluorescent hand lotion to demonstrate the spread of pathogens through common contact with objects and people</li><br />
<li>Colouring silly putty and exploring the physical properties of the putty we made</li><br />
<li>Demonstrating and explaining what happens when dry ice interacts with soap, how temperature affects physical properites of substances</li><br />
<li>Flash freezing everyday items like candy bars and even the silly putty to show how heat energy is transfered</li><br />
</ul><br />
<br />
<br/><br/><br />
<i>"My visit to those fellow students at the academy will not soon be forgotten. I heard stories, saw faces, and<br />
<br />
hopefully made an impression on them. My goal when I went in that building was to shatter any perceptions of<br />
<br />
science students and science as “stuffy” and “uptight”. After talking to them between demonstrations, I think I did<br />
<br />
that. I wanted to share my belief with them that science and education in general are the most beautiful privileges<br />
<br />
we have. In return I feel inspired by them to be a role model and use my talents to help others, wherever I find<br />
<br />
myself in the future.”</i><br/><br />
<center>- Cara Schornak</center><br/><br/><br />
<br />
<i>"The faces seemed familiar, but the atmosphere felt so foreign. It was eye opening to say the least; I feel like the schools most of us on the iGEM team went to pampered us with scientific education focuses. I'm glad we were able to open some eyes too, especially with the demonstrations we did with the liquid nitrogen and dry ice."</i><br />
<br />
<br/><br />
<center>- Bob Chen</center><br/><br/><br />
<br />
<img src="https://static.igem.org/mediawiki/2012/a/ad/-_Apple_Dumpling_Parade_-_18_Aug_07_028slide.jpg" width=100%><br />
<br />
<br/><br/><br />
</div><br />
<br />
<div id="outreach4" style="display:none"><br />
<h2>GMO Collaboration</h2><br />
<br/><br />
The overriding purpose of human practices is to educate the public<br />
about what synthetic biology is, what it’s applications are, and the safety of future<br />
developments in the field. To this end we are proud to collaborate with fellow iGEMmers<br />
from Cornell and the University of Southern<br />
Denmark to produce a video series on GMOs, or Genetically Modified Organisms. <br/><br/>We<br />
hope to engage the general public in a thoughtful conversation on this hot topic by<br />
discussing the history, ethics, and future of several GMO areas, all of which have been<br />
effected by the innovations of synthetic biology. Please check out the videos at <a href="http://www.youtube.com/user/iGEMHPCollaboration/videos?view=0">our<br />
youtube channel</a>.<br />
<br />
In particular, we have created 2 videos – one on transgenic corn and another on gene<br />
therapy.<br/><br />
<br/><br />
<br />
<center><h2>Gene Therapy and Synthetic Biology</h2></center><br />
<br/><center><br />
<object width="640" height="400"><param name="movie" value="http://www.youtube.com/v/uUEeuh8-6mg?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/uUEeuh8-6mg?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br/><br />
<center><h2>Genetically Modified Corn</h2></center><br />
<br/><center><br />
<object width="640" height="400"><param name="movie" value="http://www.youtube.com/v/lbGMpIN0Iko?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lbGMpIN0Iko?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br/><br />
<br />
Special thanks to the following faculty for their time and participation in our videos.<br />
<ul><br />
<li><a href="http://cropsci.illinois.edu/directory/fbelow">Dr. Fred Below, Professor of Crop Physiology </a></li><br />
<li><a href="http://cropsci.illinois.edu/directory/ritamumm">Dr. Rita Mumm, Director of Illinois Plant Breeding Center</a></li> <br />
<li><a href="http://cropsci.illinois.edu/directory/smoose">Dr. Stephen Moose, Professor of Plant Genomics</a></li> <br />
<li><a href="http://www.chemistry.illinois.edu/faculty/Huimin_Zhao.html">Dr. Huimin Zhao, Centennial Endowed Chair Professor</a></li><br />
</ul><br />
</div><br />
<br />
<div id="outreach5" style="display:none"><br />
<center><h2>Synthetic Biology Class</h2></center><br />
<br/>Last year the <a href="https://2011.igem.org/Team:UIUC-Illinois/HumanPract">UIUC iGEM 2011 team</a> proposed a class in synthetic biology as part of their human practices project. <br />
<br />
<br/><br />
<br/><br />
This fall the first class of BIOE 498 Section TL "Introduction to Syn Bio" met with <a href="http://wwwdev.bioen.illinois.edu/people/profile.asp?luting">Professor Ting Lu</a> to learn about the basics of synthetic biology. <br/><br/><br />
<br />
Click <a href="https://static.igem.org/mediawiki/2012/b/b1/SynBioClassSyllabus.pdf">here to download the class syllabus!</a><br />
<br/><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/1/16/Bioe.png" width=100%></center><br />
<br/><br />
</div><br />
<br />
<div id="outreach6" style="display:none"><br />
<br />
<center><h2>Further Resources</h2></center><br />
<br/><br />
<p><br />
While just beginning research, we as a team tried to understand the<br />
impact synthetic biology has made on the public and what type of public impression has<br />
been made. The result of our research was this compilation of resources, which shows<br />
how popular media has reported on synthetic biology advances. It is an excellent source<br />
for both learning more about synthetic biology and understanding how science relates<br />
to social policy.</p><br />
<textarea rows=50 cols=100 readonly wrap="soft">Time Magazine<br />
- “The Risks and Rewards of Synthetic Biology”, Nancy Gibbs, June 28, 2010. Editorializing about the risks of Synbio in the light of Craig Venter and the Gulf Oil Spill<br />
- “Scientist Creates Life. That’s a good thing, right?”, Alice Park, May 20, 2010.<br />
- Jeffrey Kluger, senior editor of science and technology<br />
- Nancy Gibbs, high profile editor and essayist<br />
- Alice Park – Science writer, medical background<br />
- Bryan Walsh – senior writer covering energy and environment, but occasionally writes about “scary diseases” <br />
- John Cloud – senior writer, writes Healthland’s Lab Rat Column<br />
- Sora Song – editor of Healthland<br />
- Alexandra Sifferlin – writer/producer, young<br />
<br />
Newsweek Magazine<br />
- “3 Ways to Reinvent America”, Randall Lane, Jan 24, 2011. Synbio and biotech as the next big innovative fields that will drive the US economy.<br />
- “The Deadliest Art Ever”, Jaimie Etikin, May 30, 2010. Drawing pics with E. coli, quotes on synbio by Jeff Tabor.<br />
- “Let There Be Life: Five possible implications of Craig Venter’s creation of synthetic organisms”, Mary Carmichael, May 20, 2010.<br />
- “Stewart Brand, an Icon of Environmentalism, Talks about Embracing Nuclear Power”, Andrew Blast, October 21, 2009. “The next generation, known as synthetic biology, has learned the lesson that efforts were not made to get really good public understanding and permission to go ahead with new technology.” <br />
- “Jay Keasling: Saving the world, one molecule at a Time”, Jeneen Interlandi, Dec. 19, 2008. About Keasling tackling malaria via synbio.<br />
- “A Bug to Save the Planet”, Fareed Zakaria, Jun 7, 2008. An interview with Craig Venter on his ambitions to make a bacteria to eat CO2 and make biofuel.<br />
- “Life 2.0”, Lee Silver, June 3, 2007. A general overview of the progress of synbio<br />
- Sharon Begley – senior health and science correspondent at Reuters<br />
- Mary Carmichael – was senior science writer at Newsweek, is now writing for the Boston Glove in higher education. Should try to contact anyways.<br />
- <br />
<br />
Wall Street Journal<br />
- “How Much ‘Abundance’ Will the Future Hold?”, Christopher Shea, March 12, 2012. Authors Peter Diamandis and Steven Kotler (“Abundance”) offer a rebuttal to reviewer Matt Ridley that invokes the power of synbio and the iGEM competition as innovative energies.<br />
- “(ECO:nomics) Where Entrepreneurs Come From”, Yuliya Chernova, March 22, 2012. An excerpt from the ECO:nomics conference where Craig Venter brings up synbio as a field inspiring young people to innovate.<br />
- “Drew Endy, Bio-Engineer: The ‘Next Steve Jobs’?”, Robert Lee Hotz, Oct 7, 2011<br />
- “Presidential Advisory Panel Takes ‘Middle Course’ on Synthetic Biology”, Robert Lee Hotz, Dec 16, 2010. Contains link to white house documents<br />
- “Programming Cells to Do the Work”, Jacob Goldstein, July 20, 2009. The basics of synbio and potential for health treatments<br />
- Robert Lee Hotz – science columnist, well respected, has covered genetic engineering and biotech<br />
<br />
Chicago Tribune<br />
- Editors Cara DiPasquale (cdipasquale@trbiune.com) and Kris karnopp (kkarnopp@tribune.com)<br />
- Jule Deardorff – health columnist (although more about lifestyle, we can try it anyways)<br />
- Contact news desk<br />
<br />
CNN<br />
- “Bid to program new life forms with ‘operating system’ for cells”, Lara Farrar, Nov 22, 2011. About programming cells in the AudACiOus project and the potential of doing so. <br />
- “‘Living’ buildings could inhale city carbon emissions”, George Webster, Oct 14, 2011. Imperial College London works on synthetic chemicals that act as cells to take carbon and produce limestone, helping buildings be greener. <br />
- “Scientists create computer-programmable bacteria, Craig Johnson, Dec. 12, 2010. About the creation of logic gates in bacteria and the vision to completely reprogram bacteria. <br />
- “Exxon, DNA pioneer join on algae biofuels”, Dean Irvine. Venter teams up with Exxon to make bacteria that eat CO2 and produce biofuels <br />
- “Synthetic biology inches toward the mainstream”, Cherise Fong, Oct 17, 2008. Covers what is syn bio, how is it done in lab, what can be done with it, biosecurity and ethics, innovation and companies. <br />
<br />
BBC<br />
- “Warnings of ‘bio-error’ in new science”, video by science editor David Shukman, Mar 28, 2012 <br />
- “‘Caution needed’ on synthetic biology”, video interviewing Prof. Paul Martin (University of Sheffield, sociology) on synbio ethics, Mar 27 2012 <br />
- “The strange new craft of making life from scratch”, video with science editor David Shukman about syn bio, Mar 26, 2012 <br />
- “The BBC’s David Shukman explains synthetic biology”, Mar. 26. 2012 <br />
- A collection of videos on synbio progress: squid color changing gene, spider genes in goats, oil producing algae, living computers<br />
- “Artificial life ‘needs regulations’ - public survey says”, video, June 14, 2010 <br />
- “‘Major benefits’ to synthetic biology”, video, May 6 2009 <br />
- “Concerns over synthetic biology”, audio of Prof. Paul Martin (then of University of Nottingham) about the potential misuse of synbio <br />
- “Synthetic life ‘no terror threat’”, Cristina Jimenez, Oct. 24, 2007. Craig Venter defends synbio and it’s potential for good <br />
- “Patent system ‘stifling science’”, James Morgan, Sept. 24, 2008. Synbio and other such emerging fields need to share intellectual property and be given opportunities for funding and growth. <br />
- “Science View: Creating artificial life”, Clare Spencer, May 21, 2010. A summary of various scientists perspective on Venter’s 1st synthetic organism <br />
- “Assessing the impact of Venter’s ‘synthetic life’”, Susan Watts, May 20, 2010, video with script <br />
- “Leading Edge: Recreating Woolly Mammoths”, Nov. 6, 2008. audio where host Geoff Watts gotes to the 2008 iGEM jamboree to talk to Cambridge <br />
- David Shukman: BBC’s first science editor <br />
- BBC’s Research and Development Blog <br />
<br />
<br />
New York Times<br />
- “US bioethics commission gives green light to synthetic biology”, Andrew Pollack, Dec. 16, 2010. The Presidential Commission for the Study of Bioethical Issues says that synbio is in its infancy and poses few risks. <br />
- “Do-It-Yourself Genetic Engineering,” Jon Mooallem, Feb. 10, 2010. Follows the City College of San Francisco 2010 iGEM team. Also explains synbio and discusses the nature of the iGEM community as being in it’s infancy and it’s open sharing on the parts registry. <br />
- “Genetic Engineers Who Don’t Just Tinker”, Nicholas Wade, July 8, 2007. What is synbio? Introducing the work of Craig Venter <br />
- “Genetic Code of E. Coli is HIjacked by Biologists”, Nicholas Wade, July 14, 2011. Details a synbio project and the changes made to e.coli for what purposes. <br />
- “Baby Steps to New LIfe-forms”, Olivia Judson, May 27, 2010. The Opinionator on the advent of synbio. <br />
- “Researchers Take Step Toward Synthetic Life”, Andrew Pollack, Jan. 25, 2008. On Venter’s syn organism. <br />
- “Researchers Say they created a ‘synthetic cell’”, Nicholas Wade, May 20, 2010. <br />
- Nicholas Wade - Science writer and editorialist <br />
- Andrew Pollack - biotech writer <br />
- Jon Mooallem - contributing writer and free lance journalist (science focus) <br />
- Olivia Judson - former writer for the Opinionator. Find her! She wants to know “seven amusing things to do with bacteria” <br />
<br />
<br />
USA Today<br />
- “Global research to grow in 2012 amid innovation debate”, Dan Vergano, Dec. 29, 2011. Will synbio and biotech become a growing field full of innovation? <br />
- “Strides in biodefense follow 2011 anthrax scare”, Dan Vergano, Sept. 30, 2011. Synbio is a security concern. A rogue scientist might make a super evil microbe of some sort. <br />
- “Synthetic biology bioethics panel reaction round-up”, Dan Vergano, Dec. 16, 2010. Key statements from Obama’s bioethics panel on synbio, with response from Craig Venter. <br />
- “‘Synthetic biology’ holds promis, but vigilance need”, Dan Vergano, Dec. 16, 2010. Overview of the Obama report. Has a positive tone, reporting that synbio is young, no serious threat yet, and has “more promise than peril”. <br />
- “America cautious, but okay, with synthetic biology”, Elizabeth Weise, Sept. 10, 2010. Talks about the new field getting exposure to the American public. The synbio project did a survey revealing that people like synbio for some purposes, but not others. <br />
- “The human genome: Big advances, many questions”, Steve Sternberg, Aug. 10, 2010. How the human genome project very naturally led to the new field of synbio. Concerns about when the technology leaves the hands of top researchers and trickles down to grads, undergrads, and the public. <br />
- “Scientists create 1st bacteria strain from man-made DNA”, Dan Vergano, May 20, 2010. <br />
- “‘Synthetic biology’ holds promise, but doubts simmer”, Dan Vergano, Aug. 30, 2009. Lists the promise vs. the perils. <br />
- Dan Vergano - medical and science reporter, former aerospace engineer, interested the relation of science and politics <br />
<br />
MSNBC<br />
- “Singularity University Announce Inaugural Synthetic biology accelerator program”, May 17, 2012. Program serves as an incubator for startup synbio companies serving research and commercial purposes. <br />
- “What to do about synthetic life”, Alan Boyle, Mar. 13, 2012. From the Cosmic Log column. Addresses the opinions of those who called for a moratorium, along with opinions from those in the biotech industry and outsiders from the synbio project and the like. <br />
- “Bright bacteria wins synthetic biology contest”, Eric Bland, Nov. 6, 2009. What is synbio? Details some of the star projects from the 2009 competition. <br />
- “Mmm, beer. This brew could extend your life”, Nov. 10, 2008. 2008 Rice University iGEM team used yeast that produced resveratrol to make beer. They used the tyrosine pathway. <br />
- “Scientists engineer E. Coli to trace faces, images”, Eric Bland, Sept. 29, 2009. The 2009 UCSF iGEm project with Jeff Tabor. <br />
- “Living computers solve complex math puzzle”, Bryn Nelson, June 2, 2008. Davidson College’s iGEM team uses a flipping enzyme to solve the ‘burnt pancake problem’ and also looks at tetracycline resistance. <br />
- “Yeast adds vitamins to bread”, John Roach, 2011, Written for the Future of Tech blog. Johns Hopkins iGEM team uses yeast that’s got tons of beta-carotene to make healthier bread. Mentions other prominent iGEM projects and the potential for innovation. <br />
<br />
FOX<br />
- “Synthetic biology raises ethical concerns”, Elizabeth Prann, Nov. 17, 2010. Covers the synbio discussion in the light of Obama’s bioethics committee. <br />
- “Government OKs Controversial research into artificial life forms”, Dec. 16, 2010. Expresses disappointment that the Obama bioethics panel decided to let the synbio industry self regulate. <br />
- “Google unveils “Solve for X,” a secret project to solve the world’s biggest problems”, Reb. 6, 2012. Google announced a new project for everyday people to be innovative, mentions synbio as a new technology driving innovation. <br />
- “Energy in America: New Liquid Fuel faster, more efficient - and greener, too”, Molly LIne, Aug. 2, 2011. Synbio being used to make better biofuels. <br />
- “In search of the next big attack, long after 9/11”, Sept. 9, 2011. Synbio offers bioterrorists new opportunities. <br />
- “Americans Ignorant of Plans to Create Artifical Life”, Robert Roy Britt, Oct. 1, 2008. Says big things are coming, here are the pros and cons. <br />
<br />
Slate<br />
- “Don’t be afraid of the dragon”, Andrew Hessel, Feb. 3, 2011. Slide show on synbio from the future tense conference on government and scientific advances. <br />
- “Faking organisms”, William Saletan, Feb. 1, 2011. From the future tense conference, makes recommendations and a plan for dealing with syn bio. <br />
- “The Sins of Syn Bio: How synthetic biology will bring us cheaper plastics by ruining the poorest nations on Earth”, Jim Thomas, Feb. 2, 2011. From the Future tense conference. Examines the economic cost of synbio, including using biomass, denying jobs from those 3rd world countries that depend on traditional ‘dirty’ commerce. <br />
- “The Military’s Push to Green our Explosives.”, Rob Carlson and Daniel Grushkin, Jan. 19, 2012. The military’s dual interest in synbio for making, preventing, and being worried about bioterrorism. <br />
- “Innoncence and Syn”, Jesse Lichtenstein, Nov. 30, 2007. About the rise of iGEM and synbio. <br />
Washington Post<br />
- “Scientists create cell based on man-made genetic instructions”, David Brown, May 21, 2010. About Venter’s artificial organism and how it sparked the interest of all, including Obama’s bioethics committee. <br />
Daily News</textarea><br />
<br/><br />
<br/><br />
<br />
Read more at the following websites: <br />
<ul><br />
<li><a href="http://www.synbioproject.org/">SynBioProject</a></li><br />
<li><a href="http://syntheticbiology.org/Press.html">SyntheticBiology.org</a></li> <br />
<li><a href="http://www.thehastingscenter.org/Publications/BriefingBook/Detail.aspx?id=2250">Bioethics Article by collaborating figures in the SynBio field</a></li><br />
<li><a href="http://www.nature.com/news/2010/100520/full/news.2010.255.html">Discussion of the advancements of the J. Craig Venter Institute</a></li><br />
</ul><br />
<br/><br />
</div><br />
<br />
<div id="outreach7" style="display:none"><br />
<br />
<h2>SynBio Presentations</h2><br />
<br />
<p>We love sharing our passion for science and synthetic biology! Throughout the year,<br />
we have given interactive presentations to a wide range of audiences, all dedicated to inspiring<br />
future synthetic biology innovations and establishing a trusting relationship between snybio<br />
scientists and the general public. <br />
<br />
<br/><br/><br />
<br />
If you would like to learn more about synthetic biology or<br />
schedule a presentation from the 2012 UIUC iGEM team, please contact Asha Kirchhoff at<br />
<a href="mailto:kirchho2@illinois.edu ">kirchho2@illinois.edu </a></p><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
</div><br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Outreach
Team:UIUC-Illinois/Outreach
2012-10-27T01:01:26Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Outreach</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<br />
</head><br />
<br />
<body> <br />
<br />
<div id="outreachintro"><br />
<center><font size="6"><b>Human Practices</b></font></center><br />
</div><br />
<br />
<div id="outreach"><br />
<div id="outreachmenu"><br />
<li><a name="outreach1" >Overview</a></li><br />
<li><a name="outreach2" >EOH</a></li><br />
<li><a name="outreach3" >Lincoln's Challenge</a></li><br />
<li><a name="outreach4" >GMO Collaboration</a></li><br />
<li><a name="outreach5" >Synthetic Biology Class</a></li><br />
<li><a name="outreach6" >Further Resources</a></li><br />
<li><a name="outreach7" >Contact Us</a></li><br />
</div><br />
<br />
<br />
<br />
<div id="outreachdescription"><br />
<br />
<h2>Mission Statement</h2><br />
<p>The UIUC 2012 iGEM team has embraced human practices as an opportunity to develop our own sense of ethics and responsibility while promoting general knowledge about synthetic biology.<br/><br/> We have decided to focus our energies on a collaboration to produce informative and thought provoking videos on genetically modified organisms as well as individual presentations on synthetic biology within the Champaign-Urbana community. </p><br />
<br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/e/e2/Urbana.jpg" width=100%></center><br/><br />
<br />
<div id="outreach1" style="display:none"><br />
<h2>Mission Statement</h2><br />
<p>The UIUC 2012 iGEM team has embraced human practices as an opportunity to develop our own sense of ethics and responsibility while promoting general knowledge about synthetic biology. <br/><br/>We have decided to focus our energies on a collaboration to produce informative and thought provoking videos on genetically modified organisms as well as individual presentations on synthetic biology within the Champaign-Urbana community. </p><br />
<br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/e/e2/Urbana.jpg" width=100%></center><br/><br />
</div><br />
<br />
<div id="outreach2" style="display:none"><br />
<br />
<h2>Engineering Open House (EOH)</h2><br />
<br />
<p>UIUC iGEM was proud to present an exhibit at the 92nd annual 2012 Engineering Open<br />
House, or EOH. Over two sunny days on March 9 and 10, iGEM presented one of over 230<br />
exhibits as part of one of the country’s largest science fairs. <br/><br/> <br />
<br />
Our exhibit on synthetic biology<br />
and the manipulation of DNA fit perfectly with the event’s theme, “Dream, Design, Discover.”<br />
At our booth we explained what DNA was to school children and then amazed them by<br />
allowing them to extract their own DNA via salt water and rubbing alcohol! <br/><br/><br />
<br />
We explained the<br />
amazing uses of biobricks by displaying plates with drawings colored by E. Coli transformed with<br />
YFP, GFP, and mCherry. <br />
<br />
<br/> <br/><br />
<br />
We also discussed the safety and ethics of such genetic<br />
manipulations with parents and professors who stopped by our station.</p><br />
<br />
<br/><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
<br />
<br />
<div id="galleria"><br />
<img src="https://static.igem.org/mediawiki/2012/8/8c/Upload6.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/a/ab/Upload2.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/5/54/Upload3.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/6/6c/Upload4.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e7/Upload5.jpg"><br />
</div><br />
<br />
<script><br />
Galleria.loadTheme('http://illinoisigem.googlecode.com/files/galleria.classic.min.js');<br />
Galleria.run('#galleria', {<br />
imageCrop:'landscape',<br />
transition: 'fade',<br />
lightbox: true,<br />
autoplay: 5000<br />
});<br />
<br />
</script><br />
<br />
<br/><br />
<br />
<br />
<p>Pictures of the event can be found at our <a href="http://www.flickr.com/photos/igemuiuc/<br />
sets/72157629562673318/">Flikr Page</a><br />
</p><br />
</div><br />
<br />
<div id="outreach3" style="display:none"><br />
<br />
<h2>Lincoln's Challenge Academy</h2><br />
<br/><br />
<p><br />
<p>In accordance to our "hands on" approach in getting directly involved with our community and involving the philosophies of science with local educational facilities, we visited and presented at the <a href="http://www.ngycp.org/site/state/il/">Lincoln's ChalleNGe Academy</a> in Rantoul, Illinois (which was only about a half hour drive outside of campus).<br/><br/><br />
As a part of the National Guard Youth ChalleNGe Program, the students were of a high school age demographic. However, the demographic and educational backgrounds has its differences from the standard educational system. Members of our team who had participated in educational scientific demonstrations had never been exposed to environment of a military academy. The scientific demonstrations involved:<br />
<br/><br />
<ul><br />
<li>Fluorescent hand lotion to demonstrate the spread of pathogens through common contact with objects and people</li><br />
<li>Colouring silly putty and exploring the physical properties of the putty we made</li><br />
<li>Demonstrating and explaining what happens when dry ice interacts with soap, how temperature affects physical properites of substances</li><br />
<li>Flash freezing everyday items like candy bars and even the silly putty to show how heat energy is transfered</li><br />
</ul><br />
<br />
<br/><br/><br />
<i>"My visit to those fellow students at the academy will not soon be forgotten. I heard stories, saw faces, and<br />
<br />
hopefully made an impression on them. My goal when I went in that building was to shatter any perceptions of<br />
<br />
science students and science as “stuffy” and “uptight”. After talking to them between demonstrations, I think I did<br />
<br />
that. I wanted to share my belief with them that science and education in general are the most beautiful privileges<br />
<br />
we have. In return I feel inspired by them to be a role model and use my talents to help others, wherever I find<br />
<br />
myself in the future.”</i><br/><br />
<center>- Cara Schornak</center><br/><br/><br />
<br />
<i>"The faces seemed familiar, but the atmosphere felt so foreign. It was eye opening to say the least; I feel like the schools most of us on the iGEM team went to pampered us with scientific education focuses. I'm glad we were able to open some eyes too, especially with the demonstrations we did with the liquid nitrogen and dry ice."</i><br />
<br />
<br/><br />
<center>- Bob Chen</center><br/><br/><br />
<br />
<img src="https://static.igem.org/mediawiki/2012/a/ad/-_Apple_Dumpling_Parade_-_18_Aug_07_028slide.jpg" width=100%><br />
<br />
<br/><br/><br />
</div><br />
<br />
<div id="outreach4" style="display:none"><br />
<h2>GMO Collaboration</h2><br />
<br/><br />
The overriding purpose of human practices is to educate the public<br />
about what synthetic biology is, what it’s applications are, and the safety of future<br />
developments in the field. To this end we are proud to collaborate with fellow iGEMmers<br />
from Cornell and the University of Southern<br />
Denmark to produce a video series on GMOs, or Genetically Modified Organisms. <br/><br/>We<br />
hope to engage the general public in a thoughtful conversation on this hot topic by<br />
discussing the history, ethics, and future of several GMO areas, all of which have been<br />
effected by the innovations of synthetic biology. Please check out the videos at <a href="http://www.youtube.com/user/iGEMHPCollaboration/videos?view=0">our<br />
youtube channel</a>.<br />
<br />
In particular, we have created 2 videos – one on transgenic corn and another on gene<br />
therapy.<br/><br />
<br/><br />
<br />
<center><h2>Gene Therapy and Synthetic Biology</h2></center><br />
<br/><center><br />
<object width="640" height="400"><param name="movie" value="http://www.youtube.com/v/uUEeuh8-6mg?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/uUEeuh8-6mg?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br/><br />
<center><h2>Genetically Modified Corn</h2></center><br />
<br/><center><br />
<object width="640" height="400"><param name="movie" value="http://www.youtube.com/v/lbGMpIN0Iko?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lbGMpIN0Iko?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br/><br />
<br />
Special thanks to the following faculty for their time and participation in our videos.<br />
<ul><br />
<li><a href="http://cropsci.illinois.edu/directory/fbelow">Dr. Fred Below, Professor of Crop Physiology </a></li><br />
<li><a href="http://cropsci.illinois.edu/directory/ritamumm">Dr. Rita Mumm, Director of Illinois Plant Breeding Center</a></li> <br />
<li><a href="http://cropsci.illinois.edu/directory/smoose">Dr. Stephen Moose, Professor of Plant Genomics</a></li> <br />
<li><a href="http://www.chemistry.illinois.edu/faculty/Huimin_Zhao.html">Dr. Huimin Zhao, Centennial Endowed Chair Professor</a></li><br />
</ul><br />
</div><br />
<br />
<div id="outreach5" style="display:none"><br />
<center><h2>Synthetic Biology Class</h2></center><br />
<br/>Last year the <a href="https://2011.igem.org/Team:UIUC-Illinois/HumanPract">UIUC iGEM 2011 team</a> proposed a class in synthetic biology as part of their human practices project. <br />
<br />
<br/><br />
<br/><br />
This fall the first class of BIOE 498 Section TL "Introduction to Syn Bio" met with <a href="http://wwwdev.bioen.illinois.edu/people/profile.asp?luting">Professor Ting Lu</a> to learn about the basics of synthetic biology. <br/><br/><br />
<br />
Click <a href="https://static.igem.org/mediawiki/2012/b/b1/SynBioClassSyllabus.pdf">here to download the class syllabus!</a><br />
<br/><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/1/16/Bioe.png"></center><br />
<br/><br />
</div><br />
<br />
<div id="outreach6" style="display:none"><br />
<br />
<center><h2>Further Resources</h2></center><br />
<br/><br />
<p><br />
While just beginning research, we as a team tried to understand the<br />
impact synthetic biology has made on the public and what type of public impression has<br />
been made. The result of our research was this compilation of resources, which shows<br />
how popular media has reported on synthetic biology advances. It is an excellent source<br />
for both learning more about synthetic biology and understanding how science relates<br />
to social policy.</p><br />
<textarea rows=50 cols=100 readonly wrap="soft">Time Magazine<br />
- “The Risks and Rewards of Synthetic Biology”, Nancy Gibbs, June 28, 2010. Editorializing about the risks of Synbio in the light of Craig Venter and the Gulf Oil Spill<br />
- “Scientist Creates Life. That’s a good thing, right?”, Alice Park, May 20, 2010.<br />
- Jeffrey Kluger, senior editor of science and technology<br />
- Nancy Gibbs, high profile editor and essayist<br />
- Alice Park – Science writer, medical background<br />
- Bryan Walsh – senior writer covering energy and environment, but occasionally writes about “scary diseases” <br />
- John Cloud – senior writer, writes Healthland’s Lab Rat Column<br />
- Sora Song – editor of Healthland<br />
- Alexandra Sifferlin – writer/producer, young<br />
<br />
Newsweek Magazine<br />
- “3 Ways to Reinvent America”, Randall Lane, Jan 24, 2011. Synbio and biotech as the next big innovative fields that will drive the US economy.<br />
- “The Deadliest Art Ever”, Jaimie Etikin, May 30, 2010. Drawing pics with E. coli, quotes on synbio by Jeff Tabor.<br />
- “Let There Be Life: Five possible implications of Craig Venter’s creation of synthetic organisms”, Mary Carmichael, May 20, 2010.<br />
- “Stewart Brand, an Icon of Environmentalism, Talks about Embracing Nuclear Power”, Andrew Blast, October 21, 2009. “The next generation, known as synthetic biology, has learned the lesson that efforts were not made to get really good public understanding and permission to go ahead with new technology.” <br />
- “Jay Keasling: Saving the world, one molecule at a Time”, Jeneen Interlandi, Dec. 19, 2008. About Keasling tackling malaria via synbio.<br />
- “A Bug to Save the Planet”, Fareed Zakaria, Jun 7, 2008. An interview with Craig Venter on his ambitions to make a bacteria to eat CO2 and make biofuel.<br />
- “Life 2.0”, Lee Silver, June 3, 2007. A general overview of the progress of synbio<br />
- Sharon Begley – senior health and science correspondent at Reuters<br />
- Mary Carmichael – was senior science writer at Newsweek, is now writing for the Boston Glove in higher education. Should try to contact anyways.<br />
- <br />
<br />
Wall Street Journal<br />
- “How Much ‘Abundance’ Will the Future Hold?”, Christopher Shea, March 12, 2012. Authors Peter Diamandis and Steven Kotler (“Abundance”) offer a rebuttal to reviewer Matt Ridley that invokes the power of synbio and the iGEM competition as innovative energies.<br />
- “(ECO:nomics) Where Entrepreneurs Come From”, Yuliya Chernova, March 22, 2012. An excerpt from the ECO:nomics conference where Craig Venter brings up synbio as a field inspiring young people to innovate.<br />
- “Drew Endy, Bio-Engineer: The ‘Next Steve Jobs’?”, Robert Lee Hotz, Oct 7, 2011<br />
- “Presidential Advisory Panel Takes ‘Middle Course’ on Synthetic Biology”, Robert Lee Hotz, Dec 16, 2010. Contains link to white house documents<br />
- “Programming Cells to Do the Work”, Jacob Goldstein, July 20, 2009. The basics of synbio and potential for health treatments<br />
- Robert Lee Hotz – science columnist, well respected, has covered genetic engineering and biotech<br />
<br />
Chicago Tribune<br />
- Editors Cara DiPasquale (cdipasquale@trbiune.com) and Kris karnopp (kkarnopp@tribune.com)<br />
- Jule Deardorff – health columnist (although more about lifestyle, we can try it anyways)<br />
- Contact news desk<br />
<br />
CNN<br />
- “Bid to program new life forms with ‘operating system’ for cells”, Lara Farrar, Nov 22, 2011. About programming cells in the AudACiOus project and the potential of doing so. <br />
- “‘Living’ buildings could inhale city carbon emissions”, George Webster, Oct 14, 2011. Imperial College London works on synthetic chemicals that act as cells to take carbon and produce limestone, helping buildings be greener. <br />
- “Scientists create computer-programmable bacteria, Craig Johnson, Dec. 12, 2010. About the creation of logic gates in bacteria and the vision to completely reprogram bacteria. <br />
- “Exxon, DNA pioneer join on algae biofuels”, Dean Irvine. Venter teams up with Exxon to make bacteria that eat CO2 and produce biofuels <br />
- “Synthetic biology inches toward the mainstream”, Cherise Fong, Oct 17, 2008. Covers what is syn bio, how is it done in lab, what can be done with it, biosecurity and ethics, innovation and companies. <br />
<br />
BBC<br />
- “Warnings of ‘bio-error’ in new science”, video by science editor David Shukman, Mar 28, 2012 <br />
- “‘Caution needed’ on synthetic biology”, video interviewing Prof. Paul Martin (University of Sheffield, sociology) on synbio ethics, Mar 27 2012 <br />
- “The strange new craft of making life from scratch”, video with science editor David Shukman about syn bio, Mar 26, 2012 <br />
- “The BBC’s David Shukman explains synthetic biology”, Mar. 26. 2012 <br />
- A collection of videos on synbio progress: squid color changing gene, spider genes in goats, oil producing algae, living computers<br />
- “Artificial life ‘needs regulations’ - public survey says”, video, June 14, 2010 <br />
- “‘Major benefits’ to synthetic biology”, video, May 6 2009 <br />
- “Concerns over synthetic biology”, audio of Prof. Paul Martin (then of University of Nottingham) about the potential misuse of synbio <br />
- “Synthetic life ‘no terror threat’”, Cristina Jimenez, Oct. 24, 2007. Craig Venter defends synbio and it’s potential for good <br />
- “Patent system ‘stifling science’”, James Morgan, Sept. 24, 2008. Synbio and other such emerging fields need to share intellectual property and be given opportunities for funding and growth. <br />
- “Science View: Creating artificial life”, Clare Spencer, May 21, 2010. A summary of various scientists perspective on Venter’s 1st synthetic organism <br />
- “Assessing the impact of Venter’s ‘synthetic life’”, Susan Watts, May 20, 2010, video with script <br />
- “Leading Edge: Recreating Woolly Mammoths”, Nov. 6, 2008. audio where host Geoff Watts gotes to the 2008 iGEM jamboree to talk to Cambridge <br />
- David Shukman: BBC’s first science editor <br />
- BBC’s Research and Development Blog <br />
<br />
<br />
New York Times<br />
- “US bioethics commission gives green light to synthetic biology”, Andrew Pollack, Dec. 16, 2010. The Presidential Commission for the Study of Bioethical Issues says that synbio is in its infancy and poses few risks. <br />
- “Do-It-Yourself Genetic Engineering,” Jon Mooallem, Feb. 10, 2010. Follows the City College of San Francisco 2010 iGEM team. Also explains synbio and discusses the nature of the iGEM community as being in it’s infancy and it’s open sharing on the parts registry. <br />
- “Genetic Engineers Who Don’t Just Tinker”, Nicholas Wade, July 8, 2007. What is synbio? Introducing the work of Craig Venter <br />
- “Genetic Code of E. Coli is HIjacked by Biologists”, Nicholas Wade, July 14, 2011. Details a synbio project and the changes made to e.coli for what purposes. <br />
- “Baby Steps to New LIfe-forms”, Olivia Judson, May 27, 2010. The Opinionator on the advent of synbio. <br />
- “Researchers Take Step Toward Synthetic Life”, Andrew Pollack, Jan. 25, 2008. On Venter’s syn organism. <br />
- “Researchers Say they created a ‘synthetic cell’”, Nicholas Wade, May 20, 2010. <br />
- Nicholas Wade - Science writer and editorialist <br />
- Andrew Pollack - biotech writer <br />
- Jon Mooallem - contributing writer and free lance journalist (science focus) <br />
- Olivia Judson - former writer for the Opinionator. Find her! She wants to know “seven amusing things to do with bacteria” <br />
<br />
<br />
USA Today<br />
- “Global research to grow in 2012 amid innovation debate”, Dan Vergano, Dec. 29, 2011. Will synbio and biotech become a growing field full of innovation? <br />
- “Strides in biodefense follow 2011 anthrax scare”, Dan Vergano, Sept. 30, 2011. Synbio is a security concern. A rogue scientist might make a super evil microbe of some sort. <br />
- “Synthetic biology bioethics panel reaction round-up”, Dan Vergano, Dec. 16, 2010. Key statements from Obama’s bioethics panel on synbio, with response from Craig Venter. <br />
- “‘Synthetic biology’ holds promis, but vigilance need”, Dan Vergano, Dec. 16, 2010. Overview of the Obama report. Has a positive tone, reporting that synbio is young, no serious threat yet, and has “more promise than peril”. <br />
- “America cautious, but okay, with synthetic biology”, Elizabeth Weise, Sept. 10, 2010. Talks about the new field getting exposure to the American public. The synbio project did a survey revealing that people like synbio for some purposes, but not others. <br />
- “The human genome: Big advances, many questions”, Steve Sternberg, Aug. 10, 2010. How the human genome project very naturally led to the new field of synbio. Concerns about when the technology leaves the hands of top researchers and trickles down to grads, undergrads, and the public. <br />
- “Scientists create 1st bacteria strain from man-made DNA”, Dan Vergano, May 20, 2010. <br />
- “‘Synthetic biology’ holds promise, but doubts simmer”, Dan Vergano, Aug. 30, 2009. Lists the promise vs. the perils. <br />
- Dan Vergano - medical and science reporter, former aerospace engineer, interested the relation of science and politics <br />
<br />
MSNBC<br />
- “Singularity University Announce Inaugural Synthetic biology accelerator program”, May 17, 2012. Program serves as an incubator for startup synbio companies serving research and commercial purposes. <br />
- “What to do about synthetic life”, Alan Boyle, Mar. 13, 2012. From the Cosmic Log column. Addresses the opinions of those who called for a moratorium, along with opinions from those in the biotech industry and outsiders from the synbio project and the like. <br />
- “Bright bacteria wins synthetic biology contest”, Eric Bland, Nov. 6, 2009. What is synbio? Details some of the star projects from the 2009 competition. <br />
- “Mmm, beer. This brew could extend your life”, Nov. 10, 2008. 2008 Rice University iGEM team used yeast that produced resveratrol to make beer. They used the tyrosine pathway. <br />
- “Scientists engineer E. Coli to trace faces, images”, Eric Bland, Sept. 29, 2009. The 2009 UCSF iGEm project with Jeff Tabor. <br />
- “Living computers solve complex math puzzle”, Bryn Nelson, June 2, 2008. Davidson College’s iGEM team uses a flipping enzyme to solve the ‘burnt pancake problem’ and also looks at tetracycline resistance. <br />
- “Yeast adds vitamins to bread”, John Roach, 2011, Written for the Future of Tech blog. Johns Hopkins iGEM team uses yeast that’s got tons of beta-carotene to make healthier bread. Mentions other prominent iGEM projects and the potential for innovation. <br />
<br />
FOX<br />
- “Synthetic biology raises ethical concerns”, Elizabeth Prann, Nov. 17, 2010. Covers the synbio discussion in the light of Obama’s bioethics committee. <br />
- “Government OKs Controversial research into artificial life forms”, Dec. 16, 2010. Expresses disappointment that the Obama bioethics panel decided to let the synbio industry self regulate. <br />
- “Google unveils “Solve for X,” a secret project to solve the world’s biggest problems”, Reb. 6, 2012. Google announced a new project for everyday people to be innovative, mentions synbio as a new technology driving innovation. <br />
- “Energy in America: New Liquid Fuel faster, more efficient - and greener, too”, Molly LIne, Aug. 2, 2011. Synbio being used to make better biofuels. <br />
- “In search of the next big attack, long after 9/11”, Sept. 9, 2011. Synbio offers bioterrorists new opportunities. <br />
- “Americans Ignorant of Plans to Create Artifical Life”, Robert Roy Britt, Oct. 1, 2008. Says big things are coming, here are the pros and cons. <br />
<br />
Slate<br />
- “Don’t be afraid of the dragon”, Andrew Hessel, Feb. 3, 2011. Slide show on synbio from the future tense conference on government and scientific advances. <br />
- “Faking organisms”, William Saletan, Feb. 1, 2011. From the future tense conference, makes recommendations and a plan for dealing with syn bio. <br />
- “The Sins of Syn Bio: How synthetic biology will bring us cheaper plastics by ruining the poorest nations on Earth”, Jim Thomas, Feb. 2, 2011. From the Future tense conference. Examines the economic cost of synbio, including using biomass, denying jobs from those 3rd world countries that depend on traditional ‘dirty’ commerce. <br />
- “The Military’s Push to Green our Explosives.”, Rob Carlson and Daniel Grushkin, Jan. 19, 2012. The military’s dual interest in synbio for making, preventing, and being worried about bioterrorism. <br />
- “Innoncence and Syn”, Jesse Lichtenstein, Nov. 30, 2007. About the rise of iGEM and synbio. <br />
Washington Post<br />
- “Scientists create cell based on man-made genetic instructions”, David Brown, May 21, 2010. About Venter’s artificial organism and how it sparked the interest of all, including Obama’s bioethics committee. <br />
Daily News</textarea><br />
<br/><br />
<br/><br />
<br />
Read more at the following websites: <br />
<ul><br />
<li><a href="http://www.synbioproject.org/">SynBioProject</a></li><br />
<li><a href="http://syntheticbiology.org/Press.html">SyntheticBiology.org</a></li> <br />
<li><a href="http://www.thehastingscenter.org/Publications/BriefingBook/Detail.aspx?id=2250">Bioethics Article by collaborating figures in the SynBio field</a></li><br />
<li><a href="http://www.nature.com/news/2010/100520/full/news.2010.255.html">Discussion of the advancements of the J. Craig Venter Institute</a></li><br />
</ul><br />
<br/><br />
</div><br />
<br />
<div id="outreach7" style="display:none"><br />
<br />
<h2>SynBio Presentations</h2><br />
<br />
<p>We love sharing our passion for science and synthetic biology! Throughout the year,<br />
we have given interactive presentations to a wide range of audiences, all dedicated to inspiring<br />
future synthetic biology innovations and establishing a trusting relationship between snybio<br />
scientists and the general public. <br />
<br />
<br/><br/><br />
<br />
If you would like to learn more about synthetic biology or<br />
schedule a presentation from the 2012 UIUC iGEM team, please contact Asha Kirchhoff at<br />
<a href="mailto:kirchho2@illinois.edu ">kirchho2@illinois.edu </a></p><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
</div><br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Outreach
Team:UIUC-Illinois/Outreach
2012-10-27T01:00:57Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Outreach</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<br />
</head><br />
<br />
<body> <br />
<br />
<div id="outreachintro"><br />
<center><font size="6"><b>Human Practices</b></font></center><br />
</div><br />
<br />
<div id="outreach"><br />
<div id="outreachmenu"><br />
<li><a name="outreach1" >Overview</a></li><br />
<li><a name="outreach2" >EOH</a></li><br />
<li><a name="outreach3" >Lincoln's Challenge</a></li><br />
<li><a name="outreach4" >GMO Collaboration</a></li><br />
<li><a name="outreach5" >Synthetic Biology Class</a></li><br />
<li><a name="outreach6" >Further Resources</a></li><br />
<li><a name="outreach7" >Contact Us</a></li><br />
</div><br />
<br />
<br />
<br />
<div id="outreachdescription"><br />
<br />
<h2>Mission Statement</h2><br />
<p>The UIUC 2012 iGEM team has embraced human practices as an opportunity to develop our own sense of ethics and responsibility while promoting general knowledge about synthetic biology.<br/><br/> We have decided to focus our energies on a collaboration to produce informative and thought provoking videos on genetically modified organisms as well as individual presentations on synthetic biology within the Champaign-Urbana community. </p><br />
<br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/e/e2/Urbana.jpg" width=100%></center><br/><br />
<br />
<div id="outreach1" style="display:none"><br />
<h2>Mission Statement</h2><br />
<p>The UIUC 2012 iGEM team has embraced human practices as an opportunity to develop our own sense of ethics and responsibility while promoting general knowledge about synthetic biology. <br/><br/>We have decided to focus our energies on a collaboration to produce informative and thought provoking videos on genetically modified organisms as well as individual presentations on synthetic biology within the Champaign-Urbana community. </p><br />
<br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/e/e2/Urbana.jpg" width=100%></center><br/><br />
</div><br />
<br />
<div id="outreach2" style="display:none"><br />
<br />
<h2>Engineering Open House (EOH)</h2><br />
<br />
<p>UIUC iGEM was proud to present an exhibit at the 92nd annual 2012 Engineering Open<br />
House, or EOH. Over two sunny days on March 9 and 10, iGEM presented one of over 230<br />
exhibits as part of one of the country’s largest science fairs. <br/><br/> <br />
<br />
Our exhibit on synthetic biology<br />
and the manipulation of DNA fit perfectly with the event’s theme, “Dream, Design, Discover.”<br />
At our booth we explained what DNA was to school children and then amazed them by<br />
allowing them to extract their own DNA via salt water and rubbing alcohol! <br/><br/><br />
<br />
We explained the<br />
amazing uses of biobricks by displaying plates with drawings colored by E. Coli transformed with<br />
YFP, GFP, and mCherry. <br />
<br />
<br/> <br/><br />
<br />
We also discussed the safety and ethics of such genetic<br />
manipulations with parents and professors who stopped by our station.</p><br />
<br />
<br/><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
<br />
<br />
<div id="galleria"><br />
<img src="https://static.igem.org/mediawiki/2012/8/8c/Upload6.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/a/ab/Upload2.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/5/54/Upload3.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/6/6c/Upload4.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e7/Upload5.jpg"><br />
</div><br />
<br />
<script><br />
Galleria.loadTheme('http://illinoisigem.googlecode.com/files/galleria.classic.min.js');<br />
Galleria.run('#galleria', {<br />
imageCrop:'landscape',<br />
transition: 'fade',<br />
lightbox: true,<br />
autoplay: 5000<br />
});<br />
<br />
</script><br />
<br />
<br/><br />
<br />
<br />
<p>Pictures of the event can be found at our <a href="http://www.flickr.com/photos/igemuiuc/<br />
sets/72157629562673318/">Flikr Page</a><br />
</p><br />
</div><br />
<br />
<div id="outreach3" style="display:none"><br />
<br />
<h2>Lincoln's Challenge Academy</h2><br />
<br/><br />
<p><br />
<p>In accordance to our "hands on" approach in getting directly involved with our community and involving the philosophies of science with local educational facilities, we visited and presented at the <a href="http://www.ngycp.org/site/state/il/">Lincoln's ChalleNGe Academy</a> in Rantoul, Illinois (which was only about a half hour drive outside of campus).<br/><br/><br />
As a part of the National Guard Youth ChalleNGe Program, the students were of a high school age demographic. However, the demographic and educational backgrounds has its differences from the standard educational system. Members of our team who had participated in educational scientific demonstrations had never been exposed to environment of a military academy. The scientific demonstrations involved:<br />
<br/><br />
<ul><br />
<li>Fluorescent hand lotion to demonstrate the spread of pathogens through common contact with objects and people</li><br />
<li>Colouring silly putty and exploring the physical properties of the putty we made</li><br />
<li>Demonstrating and explaining what happens when dry ice interacts with soap, how temperature affects physical properites of substances</li><br />
<li>Flash freezing everyday items like candy bars and even the silly putty to show how heat energy is transfered</li><br />
</ul><br />
<br />
<br/><br/><br />
<i>"My visit to those fellow students at the academy will not soon be forgotten. I heard stories, saw faces, and<br />
<br />
hopefully made an impression on them. My goal when I went in that building was to shatter any perceptions of<br />
<br />
science students and science as “stuffy” and “uptight”. After talking to them between demonstrations, I think I did<br />
<br />
that. I wanted to share my belief with them that science and education in general are the most beautiful privileges<br />
<br />
we have. In return I feel inspired by them to be a role model and use my talents to help others, wherever I find<br />
<br />
myself in the future.”</i><br/><br />
<center>- Cara Schornak</center><br/><br/><br />
<br />
<i>"The faces seemed familiar, but the atmosphere felt so foreign. It was eye opening to say the least; I feel like the schools most of us on the iGEM team went to pampered us with scientific education focuses. I'm glad we were able to open some eyes too, especially with the demonstrations we did with the liquid nitrogen and dry ice."</i><br />
<br />
<br/><br />
<center>- Bob Chen</center><br/><br/><br />
<br />
<img src="https://static.igem.org/mediawiki/2012/a/ad/-_Apple_Dumpling_Parade_-_18_Aug_07_028slide.jpg" width=100%><br />
<br />
<br/><br/><br />
</div><br />
<br />
<div id="outreach4" style="display:none"><br />
<h2>GMO Collaboration</h2><br />
<br/><br />
The overriding purpose of human practices is to educate the public<br />
about what synthetic biology is, what it’s applications are, and the safety of future<br />
developments in the field. To this end we are proud to collaborate with fellow iGEMmers<br />
from Cornell and the University of Southern<br />
Denmark to produce a video series on GMOs, or Genetically Modified Organisms. <br/><br/>We<br />
hope to engage the general public in a thoughtful conversation on this hot topic by<br />
discussing the history, ethics, and future of several GMO areas, all of which have been<br />
effected by the innovations of synthetic biology. Please check out the videos at <a href="http://www.youtube.com/user/iGEMHPCollaboration/videos?view=0">our<br />
youtube channel</a>.<br />
<br />
In particular, we have created 2 videos – one on transgenic corn and another on gene<br />
therapy.<br/><br />
<br/><br />
<br />
<center><h2>Gene Therapy and Synthetic Biology</h2></center><br />
<br/><center><br />
<object width="640" height="400"><param name="movie" value="http://www.youtube.com/v/uUEeuh8-6mg?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/uUEeuh8-6mg?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br/><br />
<center><h2>Genetically Modified Corn</h2></center><br />
<br/><center><br />
<object width="640" height="400"><param name="movie" value="http://www.youtube.com/v/lbGMpIN0Iko?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lbGMpIN0Iko?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br/><br />
<br />
Special thanks to the following faculty for their time and participation in our videos.<br />
<ul><br />
<li><a href="http://cropsci.illinois.edu/directory/fbelow">Dr. Fred Below, Professor of Crop Physiology </a></li><br />
<li><a href="http://cropsci.illinois.edu/directory/ritamumm">Dr. Rita Mumm, Director of Illinois Plant Breeding Center</a></li> <br />
<li><a href="http://cropsci.illinois.edu/directory/smoose">Dr. Stephen Moose, Professor of Plant Genomics</a></li> <br />
<li><a href="http://www.chemistry.illinois.edu/faculty/Huimin_Zhao.html">Dr. Huimin Zhao, Centennial Endowed Chair Professor</a></li><br />
</ul><br />
</div><br />
<br />
<div id="outreach5" style="display:none"><br />
<center><h2>Synthetic Biology Class</h2></center><br />
<br/>Last year the <a href="https://2011.igem.org/Team:UIUC-Illinois/HumanPract">UIUC iGEM 2011 team</a> proposed a class in synthetic biology as part of their human practices project. <br />
<br />
<br/><br />
<br/><br />
This fall the first class of BIOE 498 Section TL "Introduction to Syn Bio" met with <a href="http://wwwdev.bioen.illinois.edu/people/profile.asp?luting">Professor Ting Lu</a> to learn about the basics of synthetic biology. <br/><br/><br />
<br />
Click <a href="https://static.igem.org/mediawiki/2012/b/b1/SynBioClassSyllabus.pdf">here to download the class syllabus!</a><br />
<br/><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/1/16/Bioe.png></center><br />
<br/><br />
</div><br />
<br />
<div id="outreach6" style="display:none"><br />
<br />
<center><h2>Further Resources</h2></center><br />
<br/><br />
<p><br />
While just beginning research, we as a team tried to understand the<br />
impact synthetic biology has made on the public and what type of public impression has<br />
been made. The result of our research was this compilation of resources, which shows<br />
how popular media has reported on synthetic biology advances. It is an excellent source<br />
for both learning more about synthetic biology and understanding how science relates<br />
to social policy.</p><br />
<textarea rows=50 cols=100 readonly wrap="soft">Time Magazine<br />
- “The Risks and Rewards of Synthetic Biology”, Nancy Gibbs, June 28, 2010. Editorializing about the risks of Synbio in the light of Craig Venter and the Gulf Oil Spill<br />
- “Scientist Creates Life. That’s a good thing, right?”, Alice Park, May 20, 2010.<br />
- Jeffrey Kluger, senior editor of science and technology<br />
- Nancy Gibbs, high profile editor and essayist<br />
- Alice Park – Science writer, medical background<br />
- Bryan Walsh – senior writer covering energy and environment, but occasionally writes about “scary diseases” <br />
- John Cloud – senior writer, writes Healthland’s Lab Rat Column<br />
- Sora Song – editor of Healthland<br />
- Alexandra Sifferlin – writer/producer, young<br />
<br />
Newsweek Magazine<br />
- “3 Ways to Reinvent America”, Randall Lane, Jan 24, 2011. Synbio and biotech as the next big innovative fields that will drive the US economy.<br />
- “The Deadliest Art Ever”, Jaimie Etikin, May 30, 2010. Drawing pics with E. coli, quotes on synbio by Jeff Tabor.<br />
- “Let There Be Life: Five possible implications of Craig Venter’s creation of synthetic organisms”, Mary Carmichael, May 20, 2010.<br />
- “Stewart Brand, an Icon of Environmentalism, Talks about Embracing Nuclear Power”, Andrew Blast, October 21, 2009. “The next generation, known as synthetic biology, has learned the lesson that efforts were not made to get really good public understanding and permission to go ahead with new technology.” <br />
- “Jay Keasling: Saving the world, one molecule at a Time”, Jeneen Interlandi, Dec. 19, 2008. About Keasling tackling malaria via synbio.<br />
- “A Bug to Save the Planet”, Fareed Zakaria, Jun 7, 2008. An interview with Craig Venter on his ambitions to make a bacteria to eat CO2 and make biofuel.<br />
- “Life 2.0”, Lee Silver, June 3, 2007. A general overview of the progress of synbio<br />
- Sharon Begley – senior health and science correspondent at Reuters<br />
- Mary Carmichael – was senior science writer at Newsweek, is now writing for the Boston Glove in higher education. Should try to contact anyways.<br />
- <br />
<br />
Wall Street Journal<br />
- “How Much ‘Abundance’ Will the Future Hold?”, Christopher Shea, March 12, 2012. Authors Peter Diamandis and Steven Kotler (“Abundance”) offer a rebuttal to reviewer Matt Ridley that invokes the power of synbio and the iGEM competition as innovative energies.<br />
- “(ECO:nomics) Where Entrepreneurs Come From”, Yuliya Chernova, March 22, 2012. An excerpt from the ECO:nomics conference where Craig Venter brings up synbio as a field inspiring young people to innovate.<br />
- “Drew Endy, Bio-Engineer: The ‘Next Steve Jobs’?”, Robert Lee Hotz, Oct 7, 2011<br />
- “Presidential Advisory Panel Takes ‘Middle Course’ on Synthetic Biology”, Robert Lee Hotz, Dec 16, 2010. Contains link to white house documents<br />
- “Programming Cells to Do the Work”, Jacob Goldstein, July 20, 2009. The basics of synbio and potential for health treatments<br />
- Robert Lee Hotz – science columnist, well respected, has covered genetic engineering and biotech<br />
<br />
Chicago Tribune<br />
- Editors Cara DiPasquale (cdipasquale@trbiune.com) and Kris karnopp (kkarnopp@tribune.com)<br />
- Jule Deardorff – health columnist (although more about lifestyle, we can try it anyways)<br />
- Contact news desk<br />
<br />
CNN<br />
- “Bid to program new life forms with ‘operating system’ for cells”, Lara Farrar, Nov 22, 2011. About programming cells in the AudACiOus project and the potential of doing so. <br />
- “‘Living’ buildings could inhale city carbon emissions”, George Webster, Oct 14, 2011. Imperial College London works on synthetic chemicals that act as cells to take carbon and produce limestone, helping buildings be greener. <br />
- “Scientists create computer-programmable bacteria, Craig Johnson, Dec. 12, 2010. About the creation of logic gates in bacteria and the vision to completely reprogram bacteria. <br />
- “Exxon, DNA pioneer join on algae biofuels”, Dean Irvine. Venter teams up with Exxon to make bacteria that eat CO2 and produce biofuels <br />
- “Synthetic biology inches toward the mainstream”, Cherise Fong, Oct 17, 2008. Covers what is syn bio, how is it done in lab, what can be done with it, biosecurity and ethics, innovation and companies. <br />
<br />
BBC<br />
- “Warnings of ‘bio-error’ in new science”, video by science editor David Shukman, Mar 28, 2012 <br />
- “‘Caution needed’ on synthetic biology”, video interviewing Prof. Paul Martin (University of Sheffield, sociology) on synbio ethics, Mar 27 2012 <br />
- “The strange new craft of making life from scratch”, video with science editor David Shukman about syn bio, Mar 26, 2012 <br />
- “The BBC’s David Shukman explains synthetic biology”, Mar. 26. 2012 <br />
- A collection of videos on synbio progress: squid color changing gene, spider genes in goats, oil producing algae, living computers<br />
- “Artificial life ‘needs regulations’ - public survey says”, video, June 14, 2010 <br />
- “‘Major benefits’ to synthetic biology”, video, May 6 2009 <br />
- “Concerns over synthetic biology”, audio of Prof. Paul Martin (then of University of Nottingham) about the potential misuse of synbio <br />
- “Synthetic life ‘no terror threat’”, Cristina Jimenez, Oct. 24, 2007. Craig Venter defends synbio and it’s potential for good <br />
- “Patent system ‘stifling science’”, James Morgan, Sept. 24, 2008. Synbio and other such emerging fields need to share intellectual property and be given opportunities for funding and growth. <br />
- “Science View: Creating artificial life”, Clare Spencer, May 21, 2010. A summary of various scientists perspective on Venter’s 1st synthetic organism <br />
- “Assessing the impact of Venter’s ‘synthetic life’”, Susan Watts, May 20, 2010, video with script <br />
- “Leading Edge: Recreating Woolly Mammoths”, Nov. 6, 2008. audio where host Geoff Watts gotes to the 2008 iGEM jamboree to talk to Cambridge <br />
- David Shukman: BBC’s first science editor <br />
- BBC’s Research and Development Blog <br />
<br />
<br />
New York Times<br />
- “US bioethics commission gives green light to synthetic biology”, Andrew Pollack, Dec. 16, 2010. The Presidential Commission for the Study of Bioethical Issues says that synbio is in its infancy and poses few risks. <br />
- “Do-It-Yourself Genetic Engineering,” Jon Mooallem, Feb. 10, 2010. Follows the City College of San Francisco 2010 iGEM team. Also explains synbio and discusses the nature of the iGEM community as being in it’s infancy and it’s open sharing on the parts registry. <br />
- “Genetic Engineers Who Don’t Just Tinker”, Nicholas Wade, July 8, 2007. What is synbio? Introducing the work of Craig Venter <br />
- “Genetic Code of E. Coli is HIjacked by Biologists”, Nicholas Wade, July 14, 2011. Details a synbio project and the changes made to e.coli for what purposes. <br />
- “Baby Steps to New LIfe-forms”, Olivia Judson, May 27, 2010. The Opinionator on the advent of synbio. <br />
- “Researchers Take Step Toward Synthetic Life”, Andrew Pollack, Jan. 25, 2008. On Venter’s syn organism. <br />
- “Researchers Say they created a ‘synthetic cell’”, Nicholas Wade, May 20, 2010. <br />
- Nicholas Wade - Science writer and editorialist <br />
- Andrew Pollack - biotech writer <br />
- Jon Mooallem - contributing writer and free lance journalist (science focus) <br />
- Olivia Judson - former writer for the Opinionator. Find her! She wants to know “seven amusing things to do with bacteria” <br />
<br />
<br />
USA Today<br />
- “Global research to grow in 2012 amid innovation debate”, Dan Vergano, Dec. 29, 2011. Will synbio and biotech become a growing field full of innovation? <br />
- “Strides in biodefense follow 2011 anthrax scare”, Dan Vergano, Sept. 30, 2011. Synbio is a security concern. A rogue scientist might make a super evil microbe of some sort. <br />
- “Synthetic biology bioethics panel reaction round-up”, Dan Vergano, Dec. 16, 2010. Key statements from Obama’s bioethics panel on synbio, with response from Craig Venter. <br />
- “‘Synthetic biology’ holds promis, but vigilance need”, Dan Vergano, Dec. 16, 2010. Overview of the Obama report. Has a positive tone, reporting that synbio is young, no serious threat yet, and has “more promise than peril”. <br />
- “America cautious, but okay, with synthetic biology”, Elizabeth Weise, Sept. 10, 2010. Talks about the new field getting exposure to the American public. The synbio project did a survey revealing that people like synbio for some purposes, but not others. <br />
- “The human genome: Big advances, many questions”, Steve Sternberg, Aug. 10, 2010. How the human genome project very naturally led to the new field of synbio. Concerns about when the technology leaves the hands of top researchers and trickles down to grads, undergrads, and the public. <br />
- “Scientists create 1st bacteria strain from man-made DNA”, Dan Vergano, May 20, 2010. <br />
- “‘Synthetic biology’ holds promise, but doubts simmer”, Dan Vergano, Aug. 30, 2009. Lists the promise vs. the perils. <br />
- Dan Vergano - medical and science reporter, former aerospace engineer, interested the relation of science and politics <br />
<br />
MSNBC<br />
- “Singularity University Announce Inaugural Synthetic biology accelerator program”, May 17, 2012. Program serves as an incubator for startup synbio companies serving research and commercial purposes. <br />
- “What to do about synthetic life”, Alan Boyle, Mar. 13, 2012. From the Cosmic Log column. Addresses the opinions of those who called for a moratorium, along with opinions from those in the biotech industry and outsiders from the synbio project and the like. <br />
- “Bright bacteria wins synthetic biology contest”, Eric Bland, Nov. 6, 2009. What is synbio? Details some of the star projects from the 2009 competition. <br />
- “Mmm, beer. This brew could extend your life”, Nov. 10, 2008. 2008 Rice University iGEM team used yeast that produced resveratrol to make beer. They used the tyrosine pathway. <br />
- “Scientists engineer E. Coli to trace faces, images”, Eric Bland, Sept. 29, 2009. The 2009 UCSF iGEm project with Jeff Tabor. <br />
- “Living computers solve complex math puzzle”, Bryn Nelson, June 2, 2008. Davidson College’s iGEM team uses a flipping enzyme to solve the ‘burnt pancake problem’ and also looks at tetracycline resistance. <br />
- “Yeast adds vitamins to bread”, John Roach, 2011, Written for the Future of Tech blog. Johns Hopkins iGEM team uses yeast that’s got tons of beta-carotene to make healthier bread. Mentions other prominent iGEM projects and the potential for innovation. <br />
<br />
FOX<br />
- “Synthetic biology raises ethical concerns”, Elizabeth Prann, Nov. 17, 2010. Covers the synbio discussion in the light of Obama’s bioethics committee. <br />
- “Government OKs Controversial research into artificial life forms”, Dec. 16, 2010. Expresses disappointment that the Obama bioethics panel decided to let the synbio industry self regulate. <br />
- “Google unveils “Solve for X,” a secret project to solve the world’s biggest problems”, Reb. 6, 2012. Google announced a new project for everyday people to be innovative, mentions synbio as a new technology driving innovation. <br />
- “Energy in America: New Liquid Fuel faster, more efficient - and greener, too”, Molly LIne, Aug. 2, 2011. Synbio being used to make better biofuels. <br />
- “In search of the next big attack, long after 9/11”, Sept. 9, 2011. Synbio offers bioterrorists new opportunities. <br />
- “Americans Ignorant of Plans to Create Artifical Life”, Robert Roy Britt, Oct. 1, 2008. Says big things are coming, here are the pros and cons. <br />
<br />
Slate<br />
- “Don’t be afraid of the dragon”, Andrew Hessel, Feb. 3, 2011. Slide show on synbio from the future tense conference on government and scientific advances. <br />
- “Faking organisms”, William Saletan, Feb. 1, 2011. From the future tense conference, makes recommendations and a plan for dealing with syn bio. <br />
- “The Sins of Syn Bio: How synthetic biology will bring us cheaper plastics by ruining the poorest nations on Earth”, Jim Thomas, Feb. 2, 2011. From the Future tense conference. Examines the economic cost of synbio, including using biomass, denying jobs from those 3rd world countries that depend on traditional ‘dirty’ commerce. <br />
- “The Military’s Push to Green our Explosives.”, Rob Carlson and Daniel Grushkin, Jan. 19, 2012. The military’s dual interest in synbio for making, preventing, and being worried about bioterrorism. <br />
- “Innoncence and Syn”, Jesse Lichtenstein, Nov. 30, 2007. About the rise of iGEM and synbio. <br />
Washington Post<br />
- “Scientists create cell based on man-made genetic instructions”, David Brown, May 21, 2010. About Venter’s artificial organism and how it sparked the interest of all, including Obama’s bioethics committee. <br />
Daily News</textarea><br />
<br/><br />
<br/><br />
<br />
Read more at the following websites: <br />
<ul><br />
<li><a href="http://www.synbioproject.org/">SynBioProject</a></li><br />
<li><a href="http://syntheticbiology.org/Press.html">SyntheticBiology.org</a></li> <br />
<li><a href="http://www.thehastingscenter.org/Publications/BriefingBook/Detail.aspx?id=2250">Bioethics Article by collaborating figures in the SynBio field</a></li><br />
<li><a href="http://www.nature.com/news/2010/100520/full/news.2010.255.html">Discussion of the advancements of the J. Craig Venter Institute</a></li><br />
</ul><br />
<br/><br />
</div><br />
<br />
<div id="outreach7" style="display:none"><br />
<br />
<h2>SynBio Presentations</h2><br />
<br />
<p>We love sharing our passion for science and synthetic biology! Throughout the year,<br />
we have given interactive presentations to a wide range of audiences, all dedicated to inspiring<br />
future synthetic biology innovations and establishing a trusting relationship between snybio<br />
scientists and the general public. <br />
<br />
<br/><br/><br />
<br />
If you would like to learn more about synthetic biology or<br />
schedule a presentation from the 2012 UIUC iGEM team, please contact Asha Kirchhoff at<br />
<a href="mailto:kirchho2@illinois.edu ">kirchho2@illinois.edu </a></p><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
</div><br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/File:Bioe.png
File:Bioe.png
2012-10-27T01:00:41Z
<p>Bchen26: </p>
<hr />
<div></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Outreach
Team:UIUC-Illinois/Outreach
2012-10-27T00:59:10Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Outreach</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<br />
</head><br />
<br />
<body> <br />
<br />
<div id="outreachintro"><br />
<center><font size="6"><b>Human Practices</b></font></center><br />
</div><br />
<br />
<div id="outreach"><br />
<div id="outreachmenu"><br />
<li><a name="outreach1" >Overview</a></li><br />
<li><a name="outreach2" >EOH</a></li><br />
<li><a name="outreach3" >Lincoln's Challenge</a></li><br />
<li><a name="outreach4" >GMO Collaboration</a></li><br />
<li><a name="outreach5" >Synthetic Biology Class</a></li><br />
<li><a name="outreach6" >Further Resources</a></li><br />
<li><a name="outreach7" >Contact Us</a></li><br />
</div><br />
<br />
<br />
<br />
<div id="outreachdescription"><br />
<br />
<h2>Mission Statement</h2><br />
<p>The UIUC 2012 iGEM team has embraced human practices as an opportunity to develop our own sense of ethics and responsibility while promoting general knowledge about synthetic biology.<br/><br/> We have decided to focus our energies on a collaboration to produce informative and thought provoking videos on genetically modified organisms as well as individual presentations on synthetic biology within the Champaign-Urbana community. </p><br />
<br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/e/e2/Urbana.jpg" width=100%></center><br/><br />
<br />
<div id="outreach1" style="display:none"><br />
<h2>Mission Statement</h2><br />
<p>The UIUC 2012 iGEM team has embraced human practices as an opportunity to develop our own sense of ethics and responsibility while promoting general knowledge about synthetic biology. <br/><br/>We have decided to focus our energies on a collaboration to produce informative and thought provoking videos on genetically modified organisms as well as individual presentations on synthetic biology within the Champaign-Urbana community. </p><br />
<br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/e/e2/Urbana.jpg" width=100%></center><br/><br />
</div><br />
<br />
<div id="outreach2" style="display:none"><br />
<br />
<h2>Engineering Open House (EOH)</h2><br />
<br />
<p>UIUC iGEM was proud to present an exhibit at the 92nd annual 2012 Engineering Open<br />
House, or EOH. Over two sunny days on March 9 and 10, iGEM presented one of over 230<br />
exhibits as part of one of the country’s largest science fairs. <br/><br/> <br />
<br />
Our exhibit on synthetic biology<br />
and the manipulation of DNA fit perfectly with the event’s theme, “Dream, Design, Discover.”<br />
At our booth we explained what DNA was to school children and then amazed them by<br />
allowing them to extract their own DNA via salt water and rubbing alcohol! <br/><br/><br />
<br />
We explained the<br />
amazing uses of biobricks by displaying plates with drawings colored by E. Coli transformed with<br />
YFP, GFP, and mCherry. <br />
<br />
<br/> <br/><br />
<br />
We also discussed the safety and ethics of such genetic<br />
manipulations with parents and professors who stopped by our station.</p><br />
<br />
<br/><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
<br />
<br />
<div id="galleria"><br />
<img src="https://static.igem.org/mediawiki/2012/8/8c/Upload6.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/a/ab/Upload2.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/5/54/Upload3.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/6/6c/Upload4.jpg"><br />
<img src="https://static.igem.org/mediawiki/2012/e/e7/Upload5.jpg"><br />
</div><br />
<br />
<script><br />
Galleria.loadTheme('http://illinoisigem.googlecode.com/files/galleria.classic.min.js');<br />
Galleria.run('#galleria', {<br />
imageCrop:'landscape',<br />
transition: 'fade',<br />
lightbox: true,<br />
autoplay: 5000<br />
});<br />
<br />
</script><br />
<br />
<br/><br />
<br />
<br />
<p>Pictures of the event can be found at our <a href="http://www.flickr.com/photos/igemuiuc/<br />
sets/72157629562673318/">Flikr Page</a><br />
</p><br />
</div><br />
<br />
<div id="outreach3" style="display:none"><br />
<br />
<h2>Lincoln's Challenge Academy</h2><br />
<br/><br />
<p><br />
<p>In accordance to our "hands on" approach in getting directly involved with our community and involving the philosophies of science with local educational facilities, we visited and presented at the <a href="http://www.ngycp.org/site/state/il/">Lincoln's ChalleNGe Academy</a> in Rantoul, Illinois (which was only about a half hour drive outside of campus).<br/><br/><br />
As a part of the National Guard Youth ChalleNGe Program, the students were of a high school age demographic. However, the demographic and educational backgrounds has its differences from the standard educational system. Members of our team who had participated in educational scientific demonstrations had never been exposed to environment of a military academy. The scientific demonstrations involved:<br />
<br/><br />
<ul><br />
<li>Fluorescent hand lotion to demonstrate the spread of pathogens through common contact with objects and people</li><br />
<li>Colouring silly putty and exploring the physical properties of the putty we made</li><br />
<li>Demonstrating and explaining what happens when dry ice interacts with soap, how temperature affects physical properites of substances</li><br />
<li>Flash freezing everyday items like candy bars and even the silly putty to show how heat energy is transfered</li><br />
</ul><br />
<br />
<br/><br/><br />
<i>"My visit to those fellow students at the academy will not soon be forgotten. I heard stories, saw faces, and<br />
<br />
hopefully made an impression on them. My goal when I went in that building was to shatter any perceptions of<br />
<br />
science students and science as “stuffy” and “uptight”. After talking to them between demonstrations, I think I did<br />
<br />
that. I wanted to share my belief with them that science and education in general are the most beautiful privileges<br />
<br />
we have. In return I feel inspired by them to be a role model and use my talents to help others, wherever I find<br />
<br />
myself in the future.”</i><br/><br />
<center>- Cara Schornak</center><br/><br/><br />
<br />
<i>"The faces seemed familiar, but the atmosphere felt so foreign. It was eye opening to say the least; I feel like the schools most of us on the iGEM team went to pampered us with scientific education focuses. I'm glad we were able to open some eyes too, especially with the demonstrations we did with the liquid nitrogen and dry ice."</i><br />
<br />
<br/><br />
<center>- Bob Chen</center><br/><br/><br />
<br />
<img src="https://static.igem.org/mediawiki/2012/a/ad/-_Apple_Dumpling_Parade_-_18_Aug_07_028slide.jpg" width=100%><br />
<br />
<br/><br/><br />
</div><br />
<br />
<div id="outreach4" style="display:none"><br />
<h2>GMO Collaboration</h2><br />
<br/><br />
The overriding purpose of human practices is to educate the public<br />
about what synthetic biology is, what it’s applications are, and the safety of future<br />
developments in the field. To this end we are proud to collaborate with fellow iGEMmers<br />
from Cornell and the University of Southern<br />
Denmark to produce a video series on GMOs, or Genetically Modified Organisms. <br/><br/>We<br />
hope to engage the general public in a thoughtful conversation on this hot topic by<br />
discussing the history, ethics, and future of several GMO areas, all of which have been<br />
effected by the innovations of synthetic biology. Please check out the videos at <a href="http://www.youtube.com/user/iGEMHPCollaboration/videos?view=0">our<br />
youtube channel</a>.<br />
<br />
In particular, we have created 2 videos – one on transgenic corn and another on gene<br />
therapy.<br/><br />
<br/><br />
<br />
<center><h2>Gene Therapy and Synthetic Biology</h2></center><br />
<br/><center><br />
<object width="640" height="400"><param name="movie" value="http://www.youtube.com/v/uUEeuh8-6mg?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/uUEeuh8-6mg?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br/><br />
<center><h2>Genetically Modified Corn</h2></center><br />
<br/><center><br />
<object width="640" height="400"><param name="movie" value="http://www.youtube.com/v/lbGMpIN0Iko?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lbGMpIN0Iko?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="640" height="400" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br/><br />
<br />
Special thanks to the following faculty for their time and participation in our videos.<br />
<ul><br />
<li><a href="http://cropsci.illinois.edu/directory/fbelow">Dr. Fred Below, Professor of Crop Physiology </a></li><br />
<li><a href="http://cropsci.illinois.edu/directory/ritamumm">Dr. Rita Mumm, Director of Illinois Plant Breeding Center</a></li> <br />
<li><a href="http://cropsci.illinois.edu/directory/smoose">Dr. Stephen Moose, Professor of Plant Genomics</a></li> <br />
<li><a href="http://www.chemistry.illinois.edu/faculty/Huimin_Zhao.html">Dr. Huimin Zhao, Centennial Endowed Chair Professor</a></li><br />
</ul><br />
</div><br />
<br />
<div id="outreach5" style="display:none"><br />
<center><h2>Synthetic Biology Class</h2></center><br />
<br/>Last year the <a href="https://2011.igem.org/Team:UIUC-Illinois/HumanPract">UIUC iGEM 2011 team</a> proposed a class in synthetic biology as part of their human practices project. <br />
<br />
<br/><br />
<br/><br />
This fall the first class of BIOE 498 Section TL "Introduction to Syn Bio" met with <a href="http://wwwdev.bioen.illinois.edu/people/profile.asp?luting">Professor Ting Lu</a> to learn about the basics of synthetic biology. <br/><br/><br />
<br />
Click <a href="https://static.igem.org/mediawiki/2012/b/b1/SynBioClassSyllabus.pdf">here to download the class syllabus!</a><br />
<br/><br/><br />
<br />
<br />
<br/><br />
</div><br />
<br />
<div id="outreach6" style="display:none"><br />
<br />
<center><h2>Further Resources</h2></center><br />
<br/><br />
<p><br />
While just beginning research, we as a team tried to understand the<br />
impact synthetic biology has made on the public and what type of public impression has<br />
been made. The result of our research was this compilation of resources, which shows<br />
how popular media has reported on synthetic biology advances. It is an excellent source<br />
for both learning more about synthetic biology and understanding how science relates<br />
to social policy.</p><br />
<textarea rows=50 cols=100 readonly wrap="soft">Time Magazine<br />
- “The Risks and Rewards of Synthetic Biology”, Nancy Gibbs, June 28, 2010. Editorializing about the risks of Synbio in the light of Craig Venter and the Gulf Oil Spill<br />
- “Scientist Creates Life. That’s a good thing, right?”, Alice Park, May 20, 2010.<br />
- Jeffrey Kluger, senior editor of science and technology<br />
- Nancy Gibbs, high profile editor and essayist<br />
- Alice Park – Science writer, medical background<br />
- Bryan Walsh – senior writer covering energy and environment, but occasionally writes about “scary diseases” <br />
- John Cloud – senior writer, writes Healthland’s Lab Rat Column<br />
- Sora Song – editor of Healthland<br />
- Alexandra Sifferlin – writer/producer, young<br />
<br />
Newsweek Magazine<br />
- “3 Ways to Reinvent America”, Randall Lane, Jan 24, 2011. Synbio and biotech as the next big innovative fields that will drive the US economy.<br />
- “The Deadliest Art Ever”, Jaimie Etikin, May 30, 2010. Drawing pics with E. coli, quotes on synbio by Jeff Tabor.<br />
- “Let There Be Life: Five possible implications of Craig Venter’s creation of synthetic organisms”, Mary Carmichael, May 20, 2010.<br />
- “Stewart Brand, an Icon of Environmentalism, Talks about Embracing Nuclear Power”, Andrew Blast, October 21, 2009. “The next generation, known as synthetic biology, has learned the lesson that efforts were not made to get really good public understanding and permission to go ahead with new technology.” <br />
- “Jay Keasling: Saving the world, one molecule at a Time”, Jeneen Interlandi, Dec. 19, 2008. About Keasling tackling malaria via synbio.<br />
- “A Bug to Save the Planet”, Fareed Zakaria, Jun 7, 2008. An interview with Craig Venter on his ambitions to make a bacteria to eat CO2 and make biofuel.<br />
- “Life 2.0”, Lee Silver, June 3, 2007. A general overview of the progress of synbio<br />
- Sharon Begley – senior health and science correspondent at Reuters<br />
- Mary Carmichael – was senior science writer at Newsweek, is now writing for the Boston Glove in higher education. Should try to contact anyways.<br />
- <br />
<br />
Wall Street Journal<br />
- “How Much ‘Abundance’ Will the Future Hold?”, Christopher Shea, March 12, 2012. Authors Peter Diamandis and Steven Kotler (“Abundance”) offer a rebuttal to reviewer Matt Ridley that invokes the power of synbio and the iGEM competition as innovative energies.<br />
- “(ECO:nomics) Where Entrepreneurs Come From”, Yuliya Chernova, March 22, 2012. An excerpt from the ECO:nomics conference where Craig Venter brings up synbio as a field inspiring young people to innovate.<br />
- “Drew Endy, Bio-Engineer: The ‘Next Steve Jobs’?”, Robert Lee Hotz, Oct 7, 2011<br />
- “Presidential Advisory Panel Takes ‘Middle Course’ on Synthetic Biology”, Robert Lee Hotz, Dec 16, 2010. Contains link to white house documents<br />
- “Programming Cells to Do the Work”, Jacob Goldstein, July 20, 2009. The basics of synbio and potential for health treatments<br />
- Robert Lee Hotz – science columnist, well respected, has covered genetic engineering and biotech<br />
<br />
Chicago Tribune<br />
- Editors Cara DiPasquale (cdipasquale@trbiune.com) and Kris karnopp (kkarnopp@tribune.com)<br />
- Jule Deardorff – health columnist (although more about lifestyle, we can try it anyways)<br />
- Contact news desk<br />
<br />
CNN<br />
- “Bid to program new life forms with ‘operating system’ for cells”, Lara Farrar, Nov 22, 2011. About programming cells in the AudACiOus project and the potential of doing so. <br />
- “‘Living’ buildings could inhale city carbon emissions”, George Webster, Oct 14, 2011. Imperial College London works on synthetic chemicals that act as cells to take carbon and produce limestone, helping buildings be greener. <br />
- “Scientists create computer-programmable bacteria, Craig Johnson, Dec. 12, 2010. About the creation of logic gates in bacteria and the vision to completely reprogram bacteria. <br />
- “Exxon, DNA pioneer join on algae biofuels”, Dean Irvine. Venter teams up with Exxon to make bacteria that eat CO2 and produce biofuels <br />
- “Synthetic biology inches toward the mainstream”, Cherise Fong, Oct 17, 2008. Covers what is syn bio, how is it done in lab, what can be done with it, biosecurity and ethics, innovation and companies. <br />
<br />
BBC<br />
- “Warnings of ‘bio-error’ in new science”, video by science editor David Shukman, Mar 28, 2012 <br />
- “‘Caution needed’ on synthetic biology”, video interviewing Prof. Paul Martin (University of Sheffield, sociology) on synbio ethics, Mar 27 2012 <br />
- “The strange new craft of making life from scratch”, video with science editor David Shukman about syn bio, Mar 26, 2012 <br />
- “The BBC’s David Shukman explains synthetic biology”, Mar. 26. 2012 <br />
- A collection of videos on synbio progress: squid color changing gene, spider genes in goats, oil producing algae, living computers<br />
- “Artificial life ‘needs regulations’ - public survey says”, video, June 14, 2010 <br />
- “‘Major benefits’ to synthetic biology”, video, May 6 2009 <br />
- “Concerns over synthetic biology”, audio of Prof. Paul Martin (then of University of Nottingham) about the potential misuse of synbio <br />
- “Synthetic life ‘no terror threat’”, Cristina Jimenez, Oct. 24, 2007. Craig Venter defends synbio and it’s potential for good <br />
- “Patent system ‘stifling science’”, James Morgan, Sept. 24, 2008. Synbio and other such emerging fields need to share intellectual property and be given opportunities for funding and growth. <br />
- “Science View: Creating artificial life”, Clare Spencer, May 21, 2010. A summary of various scientists perspective on Venter’s 1st synthetic organism <br />
- “Assessing the impact of Venter’s ‘synthetic life’”, Susan Watts, May 20, 2010, video with script <br />
- “Leading Edge: Recreating Woolly Mammoths”, Nov. 6, 2008. audio where host Geoff Watts gotes to the 2008 iGEM jamboree to talk to Cambridge <br />
- David Shukman: BBC’s first science editor <br />
- BBC’s Research and Development Blog <br />
<br />
<br />
New York Times<br />
- “US bioethics commission gives green light to synthetic biology”, Andrew Pollack, Dec. 16, 2010. The Presidential Commission for the Study of Bioethical Issues says that synbio is in its infancy and poses few risks. <br />
- “Do-It-Yourself Genetic Engineering,” Jon Mooallem, Feb. 10, 2010. Follows the City College of San Francisco 2010 iGEM team. Also explains synbio and discusses the nature of the iGEM community as being in it’s infancy and it’s open sharing on the parts registry. <br />
- “Genetic Engineers Who Don’t Just Tinker”, Nicholas Wade, July 8, 2007. What is synbio? Introducing the work of Craig Venter <br />
- “Genetic Code of E. Coli is HIjacked by Biologists”, Nicholas Wade, July 14, 2011. Details a synbio project and the changes made to e.coli for what purposes. <br />
- “Baby Steps to New LIfe-forms”, Olivia Judson, May 27, 2010. The Opinionator on the advent of synbio. <br />
- “Researchers Take Step Toward Synthetic Life”, Andrew Pollack, Jan. 25, 2008. On Venter’s syn organism. <br />
- “Researchers Say they created a ‘synthetic cell’”, Nicholas Wade, May 20, 2010. <br />
- Nicholas Wade - Science writer and editorialist <br />
- Andrew Pollack - biotech writer <br />
- Jon Mooallem - contributing writer and free lance journalist (science focus) <br />
- Olivia Judson - former writer for the Opinionator. Find her! She wants to know “seven amusing things to do with bacteria” <br />
<br />
<br />
USA Today<br />
- “Global research to grow in 2012 amid innovation debate”, Dan Vergano, Dec. 29, 2011. Will synbio and biotech become a growing field full of innovation? <br />
- “Strides in biodefense follow 2011 anthrax scare”, Dan Vergano, Sept. 30, 2011. Synbio is a security concern. A rogue scientist might make a super evil microbe of some sort. <br />
- “Synthetic biology bioethics panel reaction round-up”, Dan Vergano, Dec. 16, 2010. Key statements from Obama’s bioethics panel on synbio, with response from Craig Venter. <br />
- “‘Synthetic biology’ holds promis, but vigilance need”, Dan Vergano, Dec. 16, 2010. Overview of the Obama report. Has a positive tone, reporting that synbio is young, no serious threat yet, and has “more promise than peril”. <br />
- “America cautious, but okay, with synthetic biology”, Elizabeth Weise, Sept. 10, 2010. Talks about the new field getting exposure to the American public. The synbio project did a survey revealing that people like synbio for some purposes, but not others. <br />
- “The human genome: Big advances, many questions”, Steve Sternberg, Aug. 10, 2010. How the human genome project very naturally led to the new field of synbio. Concerns about when the technology leaves the hands of top researchers and trickles down to grads, undergrads, and the public. <br />
- “Scientists create 1st bacteria strain from man-made DNA”, Dan Vergano, May 20, 2010. <br />
- “‘Synthetic biology’ holds promise, but doubts simmer”, Dan Vergano, Aug. 30, 2009. Lists the promise vs. the perils. <br />
- Dan Vergano - medical and science reporter, former aerospace engineer, interested the relation of science and politics <br />
<br />
MSNBC<br />
- “Singularity University Announce Inaugural Synthetic biology accelerator program”, May 17, 2012. Program serves as an incubator for startup synbio companies serving research and commercial purposes. <br />
- “What to do about synthetic life”, Alan Boyle, Mar. 13, 2012. From the Cosmic Log column. Addresses the opinions of those who called for a moratorium, along with opinions from those in the biotech industry and outsiders from the synbio project and the like. <br />
- “Bright bacteria wins synthetic biology contest”, Eric Bland, Nov. 6, 2009. What is synbio? Details some of the star projects from the 2009 competition. <br />
- “Mmm, beer. This brew could extend your life”, Nov. 10, 2008. 2008 Rice University iGEM team used yeast that produced resveratrol to make beer. They used the tyrosine pathway. <br />
- “Scientists engineer E. Coli to trace faces, images”, Eric Bland, Sept. 29, 2009. The 2009 UCSF iGEm project with Jeff Tabor. <br />
- “Living computers solve complex math puzzle”, Bryn Nelson, June 2, 2008. Davidson College’s iGEM team uses a flipping enzyme to solve the ‘burnt pancake problem’ and also looks at tetracycline resistance. <br />
- “Yeast adds vitamins to bread”, John Roach, 2011, Written for the Future of Tech blog. Johns Hopkins iGEM team uses yeast that’s got tons of beta-carotene to make healthier bread. Mentions other prominent iGEM projects and the potential for innovation. <br />
<br />
FOX<br />
- “Synthetic biology raises ethical concerns”, Elizabeth Prann, Nov. 17, 2010. Covers the synbio discussion in the light of Obama’s bioethics committee. <br />
- “Government OKs Controversial research into artificial life forms”, Dec. 16, 2010. Expresses disappointment that the Obama bioethics panel decided to let the synbio industry self regulate. <br />
- “Google unveils “Solve for X,” a secret project to solve the world’s biggest problems”, Reb. 6, 2012. Google announced a new project for everyday people to be innovative, mentions synbio as a new technology driving innovation. <br />
- “Energy in America: New Liquid Fuel faster, more efficient - and greener, too”, Molly LIne, Aug. 2, 2011. Synbio being used to make better biofuels. <br />
- “In search of the next big attack, long after 9/11”, Sept. 9, 2011. Synbio offers bioterrorists new opportunities. <br />
- “Americans Ignorant of Plans to Create Artifical Life”, Robert Roy Britt, Oct. 1, 2008. Says big things are coming, here are the pros and cons. <br />
<br />
Slate<br />
- “Don’t be afraid of the dragon”, Andrew Hessel, Feb. 3, 2011. Slide show on synbio from the future tense conference on government and scientific advances. <br />
- “Faking organisms”, William Saletan, Feb. 1, 2011. From the future tense conference, makes recommendations and a plan for dealing with syn bio. <br />
- “The Sins of Syn Bio: How synthetic biology will bring us cheaper plastics by ruining the poorest nations on Earth”, Jim Thomas, Feb. 2, 2011. From the Future tense conference. Examines the economic cost of synbio, including using biomass, denying jobs from those 3rd world countries that depend on traditional ‘dirty’ commerce. <br />
- “The Military’s Push to Green our Explosives.”, Rob Carlson and Daniel Grushkin, Jan. 19, 2012. The military’s dual interest in synbio for making, preventing, and being worried about bioterrorism. <br />
- “Innoncence and Syn”, Jesse Lichtenstein, Nov. 30, 2007. About the rise of iGEM and synbio. <br />
Washington Post<br />
- “Scientists create cell based on man-made genetic instructions”, David Brown, May 21, 2010. About Venter’s artificial organism and how it sparked the interest of all, including Obama’s bioethics committee. <br />
Daily News</textarea><br />
<br/><br />
<br/><br />
<br />
Read more at the following websites: <br />
<ul><br />
<li><a href="http://www.synbioproject.org/">SynBioProject</a></li><br />
<li><a href="http://syntheticbiology.org/Press.html">SyntheticBiology.org</a></li> <br />
<li><a href="http://www.thehastingscenter.org/Publications/BriefingBook/Detail.aspx?id=2250">Bioethics Article by collaborating figures in the SynBio field</a></li><br />
<li><a href="http://www.nature.com/news/2010/100520/full/news.2010.255.html">Discussion of the advancements of the J. Craig Venter Institute</a></li><br />
</ul><br />
<br/><br />
</div><br />
<br />
<div id="outreach7" style="display:none"><br />
<br />
<h2>SynBio Presentations</h2><br />
<br />
<p>We love sharing our passion for science and synthetic biology! Throughout the year,<br />
we have given interactive presentations to a wide range of audiences, all dedicated to inspiring<br />
future synthetic biology innovations and establishing a trusting relationship between snybio<br />
scientists and the general public. <br />
<br />
<br/><br/><br />
<br />
If you would like to learn more about synthetic biology or<br />
schedule a presentation from the 2012 UIUC iGEM team, please contact Asha Kirchhoff at<br />
<a href="mailto:kirchho2@illinois.edu ">kirchho2@illinois.edu </a></p><br />
</div><br />
<br />
</div><br />
<br />
</div><br />
<br />
</div><br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/File:SynBioClassSyllabus.pdf
File:SynBioClassSyllabus.pdf
2012-10-27T00:57:30Z
<p>Bchen26: </p>
<hr />
<div></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-27T00:54:55Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<div style="float: right;"><br />
<object width="600" height="300"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="600" height="300" allowscriptaccess="always" allowfullscreen="true"></embed></object></div><br />
<br />
<p align="left"> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<br/><br/><br />
<p align="left"> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
<br/><br/><br />
<p align="left"> <a href="http://www.youtube.com/channel/UC-PcmkS1Jn9by0h_4uwbDMA">Subscribe</a> to our Youtube channel for upcoming updates with our modeling endeavors!<br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
<br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-27T00:54:39Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<div style="float: right;"><br />
<object width="600" height="300"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="600" height="300" allowscriptaccess="always" allowfullscreen="true"></embed></object></div><br />
<br />
<p align="left"> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<br/><br/><br />
<p align="left"> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
<br/><br/><br />
<p align="left"> <a href="http://www.youtube.com/channel/UC-PcmkS1Jn9by0h_4uwbDMA">Subscribe</a> to our Youtube channel for upcoming updates with our modeling endeavors!<br />
<br />
<br/><br/><br />
<br/><br/><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
<br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-27T00:54:24Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<div style="float: right;"><br />
<object width="600" height="300"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="600" height="300" allowscriptaccess="always" allowfullscreen="true"></embed></object></div><br />
<br />
<p align="left"> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<br/><br/><br />
<p align="left"> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
<br/><br/><br />
<p align="left"> <a href="http://www.youtube.com/channel/UC-PcmkS1Jn9by0h_4uwbDMA">Subscribe</a> to our Youtube channel for upcoming updates with our modeling endeavors!<br />
<br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
<br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T22:20:30Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<div style="float: right;"><br />
<object width="600" height="300"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="600" height="300" allowscriptaccess="always" allowfullscreen="true"></embed></object></div><br />
<br />
<p align="left"> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<br/><br/><br />
<p align="left"> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
<br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
<br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T22:19:54Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<div style="float: right;"><br />
<object width="650" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="620" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></div><br />
<br />
<p align="left"> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p align="left"> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
<br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
<br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T22:19:33Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<div style="float: right;"><br />
<object width="650" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="620" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></div><br />
<br />
<p align="left"> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p align="left"> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
<br />
<br/><br/><br />
<br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
<br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T22:19:09Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<p align="left"> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p align="left"> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
<br />
<br/><br/><br />
<div style="float: right;"><br />
<object width="650" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="620" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></div><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
<br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T22:16:41Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<p align="left"> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p align="left"> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
<br />
<br/><br/><br />
<p align="right"><br />
<object width="650" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="620" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
<br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T22:15:59Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<p> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
<br />
<br/><br/><br />
<p align="right"><br />
<object width="650" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="620" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></p><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
<br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T22:15:17Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<p> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
<br />
<br/><br/><br />
<p align="right"><br />
<h2>3D Model of PUF interacting with Nucleic Acid Residues</h2></center><br/><br/><br />
<center><object width="650" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="620" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></center></p><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
<br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T22:12:35Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<center><p> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
</center><br />
<br/><br/><br />
<center><br />
<h2>3D Model of PUF interacting with Nucleic Acid Residues</h2></center><br/><br/><br />
<center><object width="650" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="620" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
<br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
<br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T22:12:14Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<center><p> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
</center><br />
<br/><br/><br />
<center><br />
<h2>3D Model of PUF interacting with Nucleic Acid Residues</h2></center><br/><br/><br />
<center><object width="650" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="620" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/><br />
<b>Fig. 1.</b><br />
Each subunit recognizes one nucleotide. PUF's engineerability is ideal since we already know which three amino acid side chains are required to recognize each of the four nucleotides, A, U, C, or G. In purple is the RNA, and the three amino acid side chains are shown above it. PUF’s potential to bind any conceivable 8 nucleotide sequence is extremely novel. The NYxxQ subunit recognizes U, SYxxR recognizes C, CRxxQ/SRxxQ both recognize A, and SYxxE recognizes G.<br />
<br />
<br />
</center><br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/><br />
<b>Fig. 2</b><br />
The above figure represents a few of the unlimited possibilities entailed by engineering PUF for applicable functions. Applications involving protein localization to specific RNA sequences is key in engineering the versatility of PUF since varied proteins with varied functions can now be given binding specificity from PUF.<br />
</center><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T22:03:53Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<center><p> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
</center><br />
<br/><br/><br />
<center><br />
<h2>3D Model of PUF interacting with Nucleic Acid Residues</h2></center><br/><br/><br />
<center><object width="620" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="620" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png" height=70% width=70%><br />
<br/><br/><br />
</center><br />
<center><h2>Theoretical Applications</h2><br />
<br/><br/><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png" height=70% width=70%><br />
<br/><br/></center><br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T22:02:51Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<center><p> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
</center><br />
<br/><br/><br />
<center><br />
<h2>3D Model of PUF interacting with Nucleic Acid Residues</h2></center><br/><br/><br />
<center><object width="620" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="620" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br />
<br/><br/><br />
<center><h2>Subunit Hydrogen Bond Interactions</h2></center><br />
<img src="https://static.igem.org/mediawiki/2012/3/32/Hbond.png"><br />
<br/><br/><br />
<br />
<center><h2>Theoretical Applications</h2></center><br />
<img src="https://static.igem.org/mediawiki/2012/e/ee/Diagram.png"><br />
<br/><br/><br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/File:Diagram.png
File:Diagram.png
2012-10-26T21:59:54Z
<p>Bchen26: </p>
<hr />
<div></div>
Bchen26
http://2012.igem.org/File:Hbond.png
File:Hbond.png
2012-10-26T21:57:42Z
<p>Bchen26: </p>
<hr />
<div></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T21:56:00Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<center><p> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
</center><br />
<br/><br/><br />
<center><br />
<h2>3D Model of PUF interacting with Nucleic Acid Residues</h2></center><br/><br/><br />
<center><object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T21:55:39Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<center><p> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
</center><br />
<br/><br/><br />
<h2>3D Model of PUF interacting with Nucleic Acid Residues</h2><br />
<center><object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project
Team:UIUC-Illinois/Project
2012-10-26T21:53:58Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Main</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script><br />
</head><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
<br />
<body><br />
<br />
<div id="projectcontainer"><br />
<div id="projectoverview"><br />
<br />
<center><h1>Abstract</h1></center><br />
<br/><br />
<h2>PUF, the magic RNA binding protein: Programmable RNA binding protein with custom functions</h2><br />
<br/><br />
<p><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RNA has characteristics that are important in human gene expression (i.e. alternative splicing of mRNA, noncoding RNA). Therefore, a modular RNA binding protein is an invaluable tool for gene regulation. The PUF domain of human PUM1 gene contains eight tandem repeats, each recognizing one of the four nucleotide bases. In theory, a PUF protein can be programmed to recognize any 8-nt ssRNA sequence. Here we demonstrate that PUF can be tethered with other functional domains for applications in E. Coli. Specifically, we show that a PUF/endonuclease fusion protein acts as RNA scissors, silencing gene expression through site specific mRNA cleavage. PUF was also tethered to split GFP to test its ability to co-localize proteins using a RNA scaffold. PUF biobricks offer a wide range of possible functions including gene expression modulation and scaffolding of metabolic pathways. <br />
</p><br />
<br/><br />
<br />
<center><p> Click below to read more about our main project:</p><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Design">PUF Experimental Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results">PUF Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Scaffold">RNA Scaffold Design</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Scaffold">RNA Scaffold Data</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Results/Biobricks">Biobricks</a></li><br />
<p> To read more about our side projects:<br />
<br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future">Overview</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/Petrobrick">Petrobrick Characterization</a></li><br />
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project/Future/AssemblyLine">Assembly Line</a></li><br />
</center><br />
<br />
<center><object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TfvAo6tvyLU?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></center><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project/Design
Team:UIUC-Illinois/Project/Design
2012-10-26T21:45:41Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Project Design</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
</head><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
</head><br />
<br />
<body><br />
<div id="designContainer"><br />
<div id="designSelection"><br />
<center><h2>PUF Project Design</h2></center><br />
<li><a name="des0" >Overview</a></li><br />
<li><a name="des1" >PUF+PIN Fusion</a></li><br />
<li><a name="des2" >YFP Reporter</a></li><br />
<li><a name="des3" >Non-Specific Control</a></li><br />
<li><a name="des4" >Experiments</a></li><br />
<li><a name="des5" >Theoretical Results</a></li><br />
<center><img src="https://static.igem.org/mediawiki/2012/4/47/Legend2.png" width=100%></center><br />
</div><br />
<br />
<br />
<div id="designOverview"><br />
<br />
<center><h2>PUF Experimental Design</h2></center><br />
<br/><br />
<p>In designing our project we based our quantitative tests on fluorescence measured by a plate fluorescence reader. Our constructs were created in ways that best suit providing evidence for our hypothesis of the PUF-PIN fusion protein showing endonuclease activity. Generally, our results were collected from quantifying two main PUF-PIN fusion protein types, a wild type and a mutant type, in different conditions. These two fusion proteins had recognition sites that differed by two base pairs. <br/><br/> Click on the list to the left to read about each of our constructs and why we decided to do them. All expressions were done in vivo with the DH5a strain of E.Coli on pBAD30 or pPROTet.E plasmids.</p><br />
<br />
<div id="des0" style="display:none"><br />
<br />
<center><h2>PUF Experimental Design</h2></center><br />
<br/><br />
<p>In designing our project we based our quantitative tests on fluorescence measured by a plate fluorescence reader. Our constructs were created in ways that best suit providing evidence for our hypothesis of the PUF-PIN fusion protein showing endonuclease activity. Generally, our results were collected from quantifying two main PUF-PIN fusion protein types, a wild type and a mutant type, in different conditions. These two fusion proteins had recognition sites that differed by one base pair. <br/><br/>Click on the list to the left to read about each of our constructs and why we decided to do them. All expressions were done in vivo with the DH5a strain of E.Coli on pBAD30 or Protet plasmids.</p><br />
<br />
</div><br />
<br />
<div id="des1" style="display:none"><br />
<br />
<center><h2>PUF-PIN Fusion Proteins</h2></center><br />
<br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/4/4f/PUFPINwild2.png" alt="PUFPINwild" border=1></center><br/><br />
<br />
<p>The blue symbol labeled PUF-PIN represents the gene that is expressed to produce a wild-type PUF fused to a PIN endonuclease. The comparison of this construct's results to the mutant PUF-PIN (labeled mPUF-PIN) our main source of experimental data.</p><br/><br />
<br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/f/fc/PUFPINmutantNEW2.png" alt="PUFPINmutant" border=1></center><br/><br />
<br />
<br />
<p>The light blue symbol labeled mPUF-PIN represents the gene that is expressed to produce a mutant-type PUF fused to a PIN endonuclease. The variation between our two constructs is a two base pair difference between the 8-base pair PUF-PIN and mPUF-PIN RNA recognition sites. Otherwise, their endonuclease function is theoretically unaffected by the different recognition subunits. </p><br/><br />
<br />
</div><br />
<br />
<div id="des2" style="display:none"><br />
<br />
<center><h2>YFP Reporter</h2></center><br />
<br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/6/61/Fixedwt.png" border=1><br />
<br/>Fig. 1</center><br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/1/10/Fixedmutant.png" border=1><br />
<br/>Fig. 2</center><br/><br />
<br />
<p>Fig. 1 and 2 include the resulting PUF-PIN and mPUF-PIN proteins interacting with their respective binding sites. The wild type binding site is represented by the orange oval. The mutant type binding site is represented by the light orange square. The yellow rounded rectangle represents the YFP reporter gene. As the PUF-PIN fusion proteins, wild and mutant, interact with their respective sites, cleavage activity occurs due to the fused endonuclease.</p><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/a/ae/PUFPINreporterCUT.png" border=1><br />
<br/>Fig. 3</center><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/8/85/PUFPINmutantreporterCUTNEW.png" border=1><br />
<br/>Fig. 4</center><br/><br />
<br />
<p>Fig. 3 and 4 depict the aformentioned endonuclease activity due to the endonuclease, PIN, fused to both PUF and mPUF. After the PUF-PIN complexes recognize and bind to their encoded sites, the endonuclease begins to cut the third base within the 8 bases counted from 5'-3' ; the fourth base downstream the 8 bases counted from 5'-3'. <br />
<br/><br/><br />
Since our YFP reporter gene is located downstream of the recognized PUF-PIN cut site, we would be able to quantify changes in expression and fluorescence with and without the introduction of our specific RNA binding endonuclease activity. We hypothesized that in measuring the fluorescence levels, we would have evidence supporting PUF-PIN and mPUF-PIN as RNA scissors with the ability to silence genes. <br />
<br />
</div><br />
<br />
<div id="des3" style="display:none"><br />
<br />
<center><h2>Non-Specific Binding Control Experiments</h2></center><br />
<br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/5/51/NewControlConstruct.png" border=1></center><br />
<br/><br />
<p>In order to test whether the endonuclease activity is specific to the PUF binding site, we propose to match both the PUF-PIN and mPUF-PIN proteins with a controlled wild/mutant binding site with a YFP reporter. The control YFP reporter construct encodes a binding site that doesnt recognize both wtPUF/mPUF protein.</p><br />
<br />
</div><br />
<div id="des4" style="display:none"><br />
<br />
<center><h2>Experiments</h2></center><br/><br />
<br />
<p>In order to eliminate the possibility of confounding factors affecting our apparent results, PUF-PIN experimental results were further reinforced with tests designed to consider other factors of our constructs possibly affecting our quantitative and qualitative measurements. Along with basic experiments testing our proposed constructs we also tested several controls relative to each of the different pieces of our constructs including the following:<br/><br/><br />
<br />
<table border=1 cellpadding="2"><br />
<tbody><br />
<tr><br />
<td>Experiment</td><br />
<td>Purpose</td><br />
</tr><br />
<tr><br />
<td>DH5a E. Coli alone</td><br />
<td>Measure the base fluorescence of DH5a and ensure our strain does not have contaminating fluorescence.</td><br />
</tr><br />
<tr><br />
<td>Protet plasmid</td><br />
<td>Measure the base fluorescence of a plasmid we used.</td><br />
</tr><br />
<tr><br />
<td>YFP + Control Binding Site in protet plasmid</td><br />
<td>This is a positive control for the YFP experiments.</td><br />
</tr><br />
<tr><br />
<td>YFP + Specific Binding Site in protet plasmid</td><br />
<td>This is a positive control for the YFP experiments.</td><br />
</tr><br />
<tr><br />
<td>YFP + Control Binding Site in protet plasmid + pBAD30 Plasmid</td><br />
<td>This can help understand whether cotransformation of two plasmids in the cell will interfere with YFP expression.</td><br />
</tr><br />
<tr><br />
<td>YFP + Specific Binding Site in protet plasmid + pBAD30 Plasmid</td><br />
<td>This can help understand whether cotransformation of two plasmids in the cell will interfere with YFP expression.</td><br />
</tr><br />
<tr><br />
<td>YFP + Specific Binding Site in protet plasmid + wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This is a theoretically negative fluorescence control due to the endonuclease activity of a specifically bound PUF-PIN protein silencing the YFP gene.</td><br />
</tr><br />
<tr><br />
<td>YFP + Control Binding Site in protet plasmid + wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This is a theoretically positive fluorescence control due to the endonuclease activity of a Control Binding Site bound PUF-PIN protein silencing the YFP gene.</td><br />
</tr><br />
<tr><td>mCherry + Control Binding Site in protet plasmid </td><br />
<td>This is a positive control for the mCherry experiment</td></tr><br />
<br />
<tr><br />
<td>mCherry + Wild type Binding Site in protet plasmid</td><br />
<td>This is a positive control for the mCherry experiment.</td><br />
</tr><br />
<tr><br />
<td>mCherry + Mutant Binding Site in protet plasmid</td><br />
<td>This is a positive control for the mCherry experiment.</td><br />
</tr><br />
<br />
<br />
<tr><td>mCherry + Control Binding Site in Protet plasmid + wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This test was to test the effects of the PUF-PIN endonuclease activity on a reporter other than YFP to pinpoint possible problems stemming from a YFP reporter. Theoretically, we will see fluorescence.</td><br />
</tr><br />
<br />
<tr><br />
<td>mCherry + Control Binding Site in Protet plasmid+ mutant PUF-PIN in pBAD30 plasmid</td><br />
<td>This test is to show the specificity of mutant PUF-PIN. Theoretically, we will see fluorescence. </td><br />
</tr><br />
<br />
<tr><br />
<td>mCherry + Specific Binding Site in Protet plasmid+ wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This test was to test the effects of the PUF-PIN endonuclease activity on a reporter other than YFP to pinpoint possible problems stemming from a YFP reporter</td><br />
</tr><br />
<br />
<br />
<tr><br />
<td>mCherry + Specific Binding Site in Protet plasmid+ mutant PUF-PIN in pBAD30 plasmid</td><br />
<td>This test is to show mutant PUF-PIN's functionality. Theoretically, no fluorescence will be observed. </td><br />
</tr><br />
<br />
</tbody><br />
</table><br />
<br/><br />
</p><br />
<br />
</div><br />
<br />
<div id="des5" style="display:none"><br />
<br />
<center><h2>Theoretical Results</h2></center><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/7/75/TheoryResults.png"></center><br/><br />
<br />
<p>The above chart shows our predicted results. The control binding sites are predicted to bind both wild and mutant PUF-PIN fusion proteins. The only non-expression combinations are when we match a PUF-PIN or mPUF-PIN to it's respective binding site which should result in endonuclease activity and subsequent silencing of the YFP reporter gene.</p><br />
<br />
</div><br />
<br />
</div><br />
<br />
</div></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project/Design
Team:UIUC-Illinois/Project/Design
2012-10-26T21:44:02Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Project Design</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
</head><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
</head><br />
<br />
<body><br />
<div id="designContainer"><br />
<div id="designSelection"><br />
<center><h2>PUF Project Design</h2></center><br />
<li><a name="des0" >Overview</a></li><br />
<li><a name="des1" >PUF+PIN Fusion</a></li><br />
<li><a name="des2" >YFP Reporter</a></li><br />
<li><a name="des3" >Non-Specific Control</a></li><br />
<li><a name="des4" >Experiments</a></li><br />
<li><a name="des5" >Theoretical Results</a></li><br />
<center><img src="https://static.igem.org/mediawiki/2012/4/47/Legend2.png" width=100%></center><br />
</div><br />
<br />
<br />
<div id="designOverview"><br />
<br />
<center><h2>PUF Experimental Design</h2></center><br />
<br/><br />
<p>In designing our project we based our quantitative tests on fluorescence measured by a plate fluorescence reader. Our constructs were created in ways that best suit providing evidence for our hypothesis of the PUF-PIN fusion protein showing endonuclease activity. Generally, our results were collected from quantifying two main PUF-PIN fusion protein types, a wild type and a mutant type, in different conditions. These two fusion proteins had recognition sites that differed by two base pairs. <br/><br/> Click on the list to the left to read about each of our constructs and why we decided to do them. All expressions were done in vivo with the DH5a strain of E.Coli on pBAD30 or pPROTet.E plasmids.</p><br />
<br />
<div id="des0" style="display:none"><br />
<br />
<center><h2>PUF Experimental Design</h2></center><br />
<br/><br />
<p>In designing our project we based our quantitative tests on fluorescence measured by a plate fluorescence reader. Our constructs were created in ways that best suit providing evidence for our hypothesis of the PUF-PIN fusion protein showing endonuclease activity. Generally, our results were collected from quantifying two main PUF-PIN fusion protein types, a wild type and a mutant type, in different conditions. These two fusion proteins had recognition sites that differed by one base pair. <br/><br/>Click on the list to the left to read about each of our constructs and why we decided to do them. All expressions were done in vivo with the DH5a strain of E.Coli on pBAD30 or Protet plasmids.</p><br />
<br />
</div><br />
<br />
<div id="des1" style="display:none"><br />
<br />
<center><h2>PUF-PIN Fusion Proteins</h2></center><br />
<br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/4/4f/PUFPINwild2.png" alt="PUFPINwild" border=1></center><br/><br />
<br />
<p>The blue symbol labeled PUF-PIN represents the gene that is expressed to produce a wild-type PUF fused to a PIN endonuclease. The comparison of this construct's results to the mutant PUF-PIN (labeled mPUF-PIN) our main source of experimental data.</p><br/><br />
<br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/f/fc/PUFPINmutantNEW2.png" alt="PUFPINmutant" border=1></center><br/><br />
<br />
<br />
<p>The light blue symbol labeled mPUF-PIN represents the gene that is expressed to produce a mutant-type PUF fused to a PIN endonuclease. The variation between our two constructs is a two base pair difference between the 8-base pair PUF-PIN and mPUF-PIN RNA recognition sites. Otherwise, their endonuclease function is theoretically unaffected by the different recognition subunits. </p><br/><br />
<br />
</div><br />
<br />
<div id="des2" style="display:none"><br />
<br />
<center><h2>YFP Reporter</h2></center><br />
<br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/6/61/Fixedwt.png" border=1><br />
<br/>Fig. 1</center><br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/1/10/Fixedmutant.png" border=1><br />
<br/>Fig. 2</center><br/><br />
<br />
<p>Fig. 1 and 2 include the resulting PUF-PIN and mPUF-PIN proteins interacting with their respective binding sites. The wild type binding site is represented by the orange oval. The mutant type binding site is represented by the light orange square. The yellow rounded rectangle represents the YFP reporter gene. As the PUF-PIN fusion proteins, wild and mutant, interact with their respective sites, cleavage activity occurs due to the fused endonuclease.</p><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/a/ae/PUFPINreporterCUT.png" border=1><br />
<br/>Fig. 3</center><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/8/85/PUFPINmutantreporterCUTNEW.png" border=1><br />
<br/>Fig. 4</center><br/><br />
<br />
<p>Fig. 3 and 4 depict the aformentioned endonuclease activity due to the endonuclease, PIN, fused to both PUF and mPUF. After the PUF-PIN complexes recognize and bind to their encoded sites, the endonuclease begins to cut the third base within the 8 bases counted from 5'-3' ; the fourth base downstream the 8 bases counted from 5'-3'. <br />
<br/><br/><br />
Since our YFP reporter gene is located downstream of the recognized PUF-PIN cut site, we would be able to quantify changes in expression and fluorescence with and without the introduction of our specific RNA binding endonuclease activity. We hypothesized that in measuring the fluorescence levels, we would have evidence supporting PUF-PIN and mPUF-PIN as RNA scissors with the ability to silence genes. <br />
<br />
</div><br />
<br />
<div id="des3" style="display:none"><br />
<br />
<center><h2>Non-Specific Binding Control Experiments</h2></center><br />
<br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/5/51/NewControlConstruct.png" border=1></center><br />
<br/><br />
<p>In order to test whether the endonuclease activity is specific to the PUF binding site, we propose to match both the PUF-PIN and mPUF-PIN proteins with a controlled wild/mutant binding site with a YFP reporter. The control YFP reporter construct encodes a binding site that doesnt recognize both wtPUF/mPUF protein.</p><br />
<br />
</div><br />
<div id="des4" style="display:none"><br />
<br />
<center><h2>Experiments</h2></center><br/><br />
<br />
<p>In order to eliminate the possibility of confounding factors affecting our apparent results, PUF-PIN experimental results were further reinforced with tests designed to consider other factors of our constructs possibly affecting our quantitative and qualitative measurements. Along with basic experiments testing our proposed constructs we also tested several controls relative to each of the different pieces of our constructs including the following:<br/><br/><br />
<br />
<table border=1 cellpadding="2"><br />
<tbody><br />
<tr><br />
<td>Experiment</td><br />
<td>Purpose</td><br />
</tr><br />
<tr><br />
<td>DH5a E. Coli alone</td><br />
<td>Measure the base fluorescence of DH5a and ensure our strain does not have contaminating fluorescence.</td><br />
</tr><br />
<tr><br />
<td>Protet plasmid</td><br />
<td>Measure the base fluorescence of a plasmid we used.</td><br />
</tr><br />
<tr><br />
<td>YFP + Control Binding Site in protet plasmid</td><br />
<td>This is a positive control for the YFP experiments.</td><br />
</tr><br />
<tr><br />
<td>YFP + Specific Binding Site in protet plasmid</td><br />
<td>This is a positive control for the YFP experiments.</td><br />
</tr><br />
<tr><br />
<td>YFP + Control Binding Site in protet plasmid + pBAD30 Plasmid</td><br />
<td>This can help understand whether cotransformation of two plasmids in the cell will interfere with YFP expression.</td><br />
</tr><br />
<tr><br />
<td>YFP + Specific Binding Site in protet plasmid + pBAD30 Plasmid</td><br />
<td>This can help understand whether cotransformation of two plasmids in the cell will interfere with YFP expression.</td><br />
</tr><br />
<tr><br />
<td>YFP + Specific Binding Site in protet plasmid + wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This is a theoretically negative fluorescence control due to the endonuclease activity of a specifically bound PUF-PIN protein silencing the YFP gene.</td><br />
</tr><br />
<tr><br />
<td>YFP + Control Binding Site in protet plasmid + wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This is a theoretically positive fluorescence control due to the endonuclease activity of a Control Binding Site bound PUF-PIN protein silencing the YFP gene.</td><br />
</tr><br />
<tr><td>mCherry + Control Binding Site in protet plasmid </td><br />
<td>This is a positive control for the mCherry experiment</td></tr><br />
<br />
<tr><br />
<td>mCherry + Wild type Binding Site in protet plasmid</td><br />
<td>This is a positive control for the mCherry experiment.</td><br />
</tr><br />
<tr><br />
<td>mCherry + Mutant Binding Site in protet plasmid</td><br />
<td>This is a positive control for the mCherry experiment.</td><br />
</tr><br />
<br />
<br />
<tr><td>mCherry + Control Binding Site in Protet plasmid + wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This test was to test the effects of the PUF-PIN endonuclease activity on a reporter other than YFP to pinpoint possible problems stemming from a YFP reporter.</td><br />
</tr><br />
<br />
<tr><br />
<td>mCherry + Control Binding Site in Protet plasmid+ mutant PUF-PIN in pBAD30 plasmid</td><br />
<td>This test is to show the specificity of mutant PUF-PIN. Theoretically, we will see fluoresce. </td><br />
</tr><br />
<br />
<tr><br />
<td>mCherry + Specific Binding Site in Protet plasmid+ wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This test was to test the effects of the PUF-PIN endonuclease activity on a reporter other than YFP to pinpoint possible problems stemming from a YFP reporter</td><br />
</tr><br />
<br />
<br />
<tr><br />
<td>mCherry + Specific Binding Site in Protet plasmid+ mutant PUF-PIN in pBAD30 plasmid</td><br />
<td>This test is to show mutant PUF-PIN's functionality. Theoretically, no fluorescence will be observed. </td><br />
</tr><br />
<br />
</tbody><br />
</table><br />
<br/><br />
</p><br />
<br />
</div><br />
<br />
<div id="des5" style="display:none"><br />
<br />
<center><h2>Theoretical Results</h2></center><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/7/75/TheoryResults.png"></center><br/><br />
<br />
<p>The above chart shows our predicted results. The control binding sites are predicted to bind both wild and mutant PUF-PIN fusion proteins. The only non-expression combinations are when we match a PUF-PIN or mPUF-PIN to it's respective binding site which should result in endonuclease activity and subsequent silencing of the YFP reporter gene.</p><br />
<br />
</div><br />
<br />
</div><br />
<br />
</div></div>
Bchen26
http://2012.igem.org/Team:UIUC-Illinois/Project/Design
Team:UIUC-Illinois/Project/Design
2012-10-26T21:43:25Z
<p>Bchen26: </p>
<hr />
<div>{{Template:UIUC Illinois Header}}<br />
{{Template:UIUC Illinois CSS}}<br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<link rel="stylesheet" href="css/css.css" type="text/css" /><br />
<title>Project Design</title><br />
<link href="CSS/css.css" rel="stylesheet" type="text/css" /><br />
</head><br />
<br />
<br />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><br />
<br />
<script><br />
<br />
$(document).ready(function(){<br />
$('a').click(function () {<br />
var divname= this.name;<br />
$("#"+divname)<br />
.fadeIn(300)<br />
.siblings()<br />
.hide(0);<br />
});<br />
});<br />
<br />
</script><br />
</head><br />
<br />
<body><br />
<div id="designContainer"><br />
<div id="designSelection"><br />
<center><h2>PUF Project Design</h2></center><br />
<li><a name="des0" >Overview</a></li><br />
<li><a name="des1" >PUF+PIN Fusion</a></li><br />
<li><a name="des2" >YFP Reporter</a></li><br />
<li><a name="des3" >Non-Specific Control</a></li><br />
<li><a name="des4" >Experiments</a></li><br />
<li><a name="des5" >Theoretical Results</a></li><br />
<center><img src="https://static.igem.org/mediawiki/2012/4/47/Legend2.png" width=100%></center><br />
</div><br />
<br />
<br />
<div id="designOverview"><br />
<br />
<center><h2>PUF Experimental Design</h2></center><br />
<br/><br />
<p>In designing our project we based our quantitative tests on fluorescence measured by a plate fluorescence reader. Our constructs were created in ways that best suit providing evidence for our hypothesis of the PUF-PIN fusion protein showing endonuclease activity. Generally, our results were collected from quantifying two main PUF-PIN fusion protein types, a wild type and a mutant type, in different conditions. These two fusion proteins had recognition sites that differed by two base pairs. <br/><br/> Click on the list to the left to read about each of our constructs and why we decided to do them. All expressions were done in vivo with the DH5a strain of E.Coli on pBAD30 or pPROTet.E plasmids.</p><br />
<br />
<div id="des0" style="display:none"><br />
<br />
<center><h2>PUF Experimental Design</h2></center><br />
<br/><br />
<p>In designing our project we based our quantitative tests on fluorescence measured by a plate fluorescence reader. Our constructs were created in ways that best suit providing evidence for our hypothesis of the PUF-PIN fusion protein showing endonuclease activity. Generally, our results were collected from quantifying two main PUF-PIN fusion protein types, a wild type and a mutant type, in different conditions. These two fusion proteins had recognition sites that differed by one base pair. <br/><br/>Click on the list to the left to read about each of our constructs and why we decided to do them. All expressions were done in vivo with the DH5a strain of E.Coli on pBAD30 or Protet plasmids.</p><br />
<br />
</div><br />
<br />
<div id="des1" style="display:none"><br />
<br />
<center><h2>PUF-PIN Fusion Proteins</h2></center><br />
<br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/4/4f/PUFPINwild2.png" alt="PUFPINwild" border=1></center><br/><br />
<br />
<p>The blue symbol labeled PUF-PIN represents the gene that is expressed to produce a wild-type PUF fused to a PIN endonuclease. The comparison of this construct's results to the mutant PUF-PIN (labeled mPUF-PIN) our main source of experimental data.</p><br/><br />
<br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/f/fc/PUFPINmutantNEW2.png" alt="PUFPINmutant" border=1></center><br/><br />
<br />
<br />
<p>The light blue symbol labeled mPUF-PIN represents the gene that is expressed to produce a mutant-type PUF fused to a PIN endonuclease. The variation between our two constructs is a two base pair difference between the 8-base pair PUF-PIN and mPUF-PIN RNA recognition sites. Otherwise, their endonuclease function is theoretically unaffected by the different recognition subunits. </p><br/><br />
<br />
</div><br />
<br />
<div id="des2" style="display:none"><br />
<br />
<center><h2>YFP Reporter</h2></center><br />
<br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/6/61/Fixedwt.png" border=1><br />
<br/>Fig. 1</center><br/><br />
<center><img src="https://static.igem.org/mediawiki/2012/1/10/Fixedmutant.png" border=1><br />
<br/>Fig. 2</center><br/><br />
<br />
<p>Fig. 1 and 2 include the resulting PUF-PIN and mPUF-PIN proteins interacting with their respective binding sites. The wild type binding site is represented by the orange oval. The mutant type binding site is represented by the light orange square. The yellow rounded rectangle represents the YFP reporter gene. As the PUF-PIN fusion proteins, wild and mutant, interact with their respective sites, cleavage activity occurs due to the fused endonuclease.</p><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/a/ae/PUFPINreporterCUT.png" border=1><br />
<br/>Fig. 3</center><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/8/85/PUFPINmutantreporterCUTNEW.png" border=1><br />
<br/>Fig. 4</center><br/><br />
<br />
<p>Fig. 3 and 4 depict the aformentioned endonuclease activity due to the endonuclease, PIN, fused to both PUF and mPUF. After the PUF-PIN complexes recognize and bind to their encoded sites, the endonuclease begins to cut the third base within the 8 bases counted from 5'-3' ; the fourth base downstream the 8 bases counted from 5'-3'. <br />
<br/><br/><br />
Since our YFP reporter gene is located downstream of the recognized PUF-PIN cut site, we would be able to quantify changes in expression and fluorescence with and without the introduction of our specific RNA binding endonuclease activity. We hypothesized that in measuring the fluorescence levels, we would have evidence supporting PUF-PIN and mPUF-PIN as RNA scissors with the ability to silence genes. <br />
<br />
</div><br />
<br />
<div id="des3" style="display:none"><br />
<br />
<center><h2>Non-Specific Binding Control Experiments</h2></center><br />
<br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/5/51/NewControlConstruct.png" border=1></center><br />
<br/><br />
<p>In order to test whether the endonuclease activity is specific to the PUF binding site, we propose to match both the PUF-PIN and mPUF-PIN proteins with a controlled wild/mutant binding site with a YFP reporter. The control YFP reporter construct encodes a binding site that doesnt recognize both wtPUF/mPUF protein.</p><br />
<br />
</div><br />
<div id="des4" style="display:none"><br />
<br />
<center><h2>Experiments</h2></center><br/><br />
<br />
<p>In order to eliminate the possibility of confounding factors affecting our apparent results, PUF-PIN experimental results were further reinforced with tests designed to consider other factors of our constructs possibly affecting our quantitative and qualitative measurements. Along with basic experiments testing our proposed constructs we also tested several controls relative to each of the different pieces of our constructs including the following:<br/><br/><br />
<br />
<table border=1 cellpadding="2"><br />
<tbody><br />
<tr><br />
<td>Experiment</td><br />
<td>Purpose</td><br />
</tr><br />
<tr><br />
<td>DH5a E. Coli alone</td><br />
<td>Measure the base fluorescence of DH5a and ensure our strain does not have contaminating fluorescence.</td><br />
</tr><br />
<tr><br />
<td>Protet plasmid</td><br />
<td>Measure the base fluorescence of a plasmid we used.</td><br />
</tr><br />
<tr><br />
<td>YFP + Control Binding Site in protet plasmid</td><br />
<td>This is a positive control for the YFP experiments.</td><br />
</tr><br />
<tr><br />
<td>YFP + Specific Binding Site in protet plasmid</td><br />
<td>This is a positive control for the YFP experiments.</td><br />
</tr><br />
<tr><br />
<td>YFP + Control Binding Site in protet plasmid + pBAD30 Plasmid</td><br />
<td>This can help understand whether cotransformation of two plasmids in the cell will interfere with YFP expression.</td><br />
</tr><br />
<tr><br />
<td>YFP + Specific Binding Site in protet plasmid + pBAD30 Plasmid</td><br />
<td>This can help understand whether cotransformation of two plasmids in the cell will interfere with YFP expression.</td><br />
</tr><br />
<tr><br />
<td>YFP + Specific Binding Site in protet plasmid + wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This is a theoretically negative fluorescence control due to the endonuclease activity of a specifically bound PUF-PIN protein silencing the YFP gene.</td><br />
</tr><br />
<tr><br />
<td>YFP + Control Binding Site in protet plasmid + wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This is a theoretically positive fluorescence control due to the endonuclease activity of a Control Binding Site bound PUF-PIN protein silencing the YFP gene.</td><br />
</tr><br />
<tr><td>mCherry + Control Binding Site in protet plasmid </td><br />
<td>This is a positive control for the mCherry experiment</td></tr><br />
<br />
<tr><br />
<td>mCherry + Wild type Binding Site in protet plasmid</td><br />
<td>This is a positive control for the mCherry experiment.</td><br />
</tr><br />
<tr><br />
<td>mCherry + Mutant Binding Site in protet plasmid</td><br />
<td>This is a positive control for the mCherry experiment.</td><br />
</tr><br />
<br />
<br />
<tr><td>mCherry + Control Binding Site in Protet plasmid + wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This test was to test the effects of the PUF-PIN endonuclease activity on a reporter other than YFP to pinpoint possible problems stemming from a YFP reporter.</td><br />
</tr><br />
<br />
<tr><br />
<td>mCherry + Control Binding Site in Protet plasmid+ mutant PUF-PIN in pBAD30 plasmid</td><br />
<td>This test is to show the specificity of wild type PUF-PIN and mutant PUF-PIN. Theoretically, we will see fluoresce. </td><br />
</tr><br />
<br />
<tr><br />
<td>mCherry + Specific Binding Site in Protet plasmid+ wild type PUF-PIN in pBAD30 plasmid</td><br />
<td>This test was to test the effects of the PUF-PIN endonuclease activity on a reporter other than YFP to pinpoint possible problems stemming from a YFP reporter</td><br />
</tr><br />
<br />
<br />
<tr><br />
<td>mCherry + Specific Binding Site in Protet plasmid+ mutant PUF-PIN in pBAD30 plasmid</td><br />
<td>This test is to show mutant PUF-PIN's functionality. Theoretically, no fluorescence will be observed. </td><br />
</tr><br />
<br />
</tbody><br />
</table><br />
<br/><br />
</p><br />
<br />
</div><br />
<br />
<div id="des5" style="display:none"><br />
<br />
<center><h2>Theoretical Results</h2></center><br/><br />
<br />
<center><img src="https://static.igem.org/mediawiki/2012/7/75/TheoryResults.png"></center><br/><br />
<br />
<p>The above chart shows our predicted results. The control binding sites are predicted to bind both wild and mutant PUF-PIN fusion proteins. The only non-expression combinations are when we match a PUF-PIN or mPUF-PIN to it's respective binding site which should result in endonuclease activity and subsequent silencing of the YFP reporter gene.</p><br />
<br />
</div><br />
<br />
</div><br />
<br />
</div></div>
Bchen26