Team:Carnegie Mellon

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<title>Carnegie Mellon iGEM 2012</title>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<script type="text/javascript">
+
<link rel="stylesheet" href="https://2012.igem.org/Template:UIUC_Illinois_CSS?action=raw&amp;ctype=text/css" type="text/css"/>
-
//Drop Down Tabs Menu- Author: Dynamic Drive (http://www.dynamicdrive.com)
+
<title>Header</title>
-
//Created: May 16th, 07'
+
-
var tabdropdown={
+
-
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout
+
-
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?
+
-
enableiframeshim: 1, //1 or 0, for true or false
+
-
//No need to edit beyond here////////////////////////
+
</head>
-
dropmenuobj: null, ie: document.all, firefox: document.getElementById&amp;&amp;!document.all, previousmenuitem:null,
+
-
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)
+
-
getposOffset:function(what, offsettype){
 
-
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
 
-
var parentEl=what.offsetParent;
 
-
while (parentEl!=null){
 
-
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
 
-
parentEl=parentEl.offsetParent;
 
-
}
 
-
return totaloffset;
 
-
},
 
-
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over
+
<body>
-
if (this.ie || this.firefox)
+
<div id="headernavigation">
-
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
+
-
if (e.type=="click" &amp;&amp; obj.visibility==hidden || e.type=="mouseover"){
+
-
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one
+
-
obj2.parentNode.className="selected"
+
-
obj.visibility="visible"
+
-
}
+
-
else if (e.type=="click")
+
-
obj.visibility="hidden"
+
-
},
+
-
iecompattest:function(){
+
<ul id="headernavbar">
-
return (document.compatMode &amp;&amp; document.compatMode!="BackCompat")? document.documentElement : document.body
+
<li>
-
},
+
<a href="https://2012.igem.org/Team:UIUC-Illinois">Home</a>
 +
</li>
-
clearbrowseredge:function(obj, whichedge){
+
<li>
-
var edgeoffset=0
+
<a href="https://2012.igem.org/Team:UIUC-Illinois/Team/AboutUs">Team</a>
-
if (whichedge=="rightedge"){
+
<ul>
-
var windowedge=this.ie &amp;&amp; !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15
+
                        <li><a href="https://2012.igem.org/Team:UIUC-Illinois/Team/AboutUs">About Us</a></li>
-
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
+
             
-
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure)  //move menu to the left?
+
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Team/Undergrads">Undergrads</a></li>
-
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
+
-
}
+
-
else{
+
-
var topedge=this.ie &amp;&amp; !window.opera? this.standardbody.scrollTop : window.pageYOffset
+
-
var windowedge=this.ie &amp;&amp; !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18
+
-
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
+
-
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
+
-
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
+
-
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
+
-
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
+
-
}
+
-
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up
+
-
}
+
-
return edgeoffset
+
-
},
+
-
dropit:function(obj, e, dropmenuID){
+
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Team/Advisors">Advisors</a></li>
-
if (this.dropmenuobj!=null){ //hide previous menu
+
</ul>
-
this.dropmenuobj.style.visibility="hidden" //hide menu
+
</li>
-
if (this.previousmenuitem!=null &amp;&amp; this.previousmenuitem!=obj){
+
       
-
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one
+
        <li>
-
this.previousmenuitem.parentNode.className=""
+
                <a href="https://igem.org/Team.cgi?year=2012&amp;team_name=UIUC-Illinois">Profile</a>
-
}
+
        </li>
-
}
+
-
this.clearhidemenu()
+
-
if (this.ie||this.firefox){
+
-
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}
+
-
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?
+
-
this.dropmenuobj=document.getElementById(dropmenuID)
+
-
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}
+
-
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}
+
-
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}
+
-
this.showhide(this.dropmenuobj.style, e, obj)
+
-
this.dropmenuobj.x=this.getposOffset(obj, "left")
+
-
this.dropmenuobj.y=this.getposOffset(obj, "top")
+
-
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
+
-
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
+
-
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)
+
-
this.positionshim() //call iframe shim function
+
-
}
+
-
},
+
-
contains_firefox:function(a, b) {
+
<li>
-
while (b.parentNode)
+
<a href="https://2012.igem.org/Team:UIUC-Illinois/Project">Project</a>
-
if ((b = b.parentNode) == a)
+
-
return true;
+
-
return false;
+
-
},
+
-
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over
+
<ul>
-
var evtobj=window.event? window.event : e
+
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Project">Overview</a></li>
-
if (this.ie&amp;&amp;!this.dropmenuobj.contains(evtobj.toElement))
+
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/ProjectPUF">PUF</a></li>
-
this.delayhidemenu(obj2)
+
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/ProjectPHAT">PHAT</a></li>
-
else if (this.firefox&amp;&amp;e.currentTarget!= evtobj.relatedTarget&amp;&amp; !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
+
</ul>
-
this.delayhidemenu(obj2)
+
-
},
+
-
delayhidemenu:function(obj2){
+
</li>
-
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu
+
-
},
+
-
clearhidemenu:function(){
+
<li>
-
if (this.delayhide!="undefined")
+
<a href="https://2012.igem.org/Team:UIUC-Illinois/Modeling">Modeling</a>
-
clearTimeout(this.delayhide)
+
-
},
+
-
positionshim:function(){ //display iframe shim function
+
<ul>
-
if (this.enableiframeshim &amp;&amp; typeof this.shimobject!="undefined"){
+
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Modeling/PUF">PUF<br/>Modeling</a></li>
-
if (this.dropmenuobj.style.visibility=="visible"){
+
-
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
+
-
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
+
-
this.shimobject.style.left=this.dropmenuobj.style.left
+
-
this.shimobject.style.top=this.dropmenuobj.style.top
+
-
}
+
-
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
+
-
}
+
-
},
+
-
hideshim:function(){
+
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Modeling/PHAT">PHAT<br/>Modeling</a></li>
-
if (this.enableiframeshim &amp;&amp; typeof this.shimobject!="undefined")
+
-
this.shimobject.style.display='none'
+
-
},
+
-
isSelected:function(menuurl){
+
</ul>
-
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")
+
</li>
-
return (tabdropdown.currentpageurl==menuurl)
+
-
},
+
-
init:function(menuid, dselected){
+
<li>
-
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
+
<a href="https://2012.igem.org/Team:UIUC-Illinois/Safety">Safety</a>
-
var menuitems=document.getElementById(menuid).getElementsByTagName("a")
+
-
for (var i=0; i<menuitems.length; i++){
+
-
if (menuitems[i].getAttribute("rel")){
+
-
var relvalue=menuitems[i].getAttribute("rel")
+
-
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]
+
-
menuitems[i].onmouseover=function(e){
+
-
var event=typeof e!="undefined"? e : window.event
+
-
tabdropdown.dropit(this, event, this.getAttribute("rel"))
+
-
}
+
-
}
+
-
if (dselected=="auto" &amp;&amp; typeof setalready=="undefined" &amp;&amp; this.isSelected(menuitems[i].href)){
+
-
menuitems[i].parentNode.className+=" selected default"
+
-
var setalready=true
+
-
}
+
-
else if (parseInt(dselected)==i)
+
-
menuitems[i].parentNode.className+=" selected default"
+
-
}
+
-
}
+
 +
<ul>
 +
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Safety/Section1">Section 1</a></li>
 +
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Safety/Section2">Section 2</a></li>
 +
 +
</ul>
 +
</li>
 +
 +
        <li>
 +
                <a href="https://2012.igem.org/Team:UIUC-Illinois/Notebook">Notebook</a>
 +
 +
                <ul>
 +
<li><a href="https://2012.igem.org/Team:UIUC-Illinois/Notebook/Protocols">Protocols</a></li>
 +
                        <li><a href="https://2012.igem.org/Team:UIUC-Illinois/Notebook/MeetingNotes">Meeting<br/>Notes</a></li>
 +
                       
 +
                        <li><a href="https://2012.igem.org/Team:UIUC-Illinois/Notebook/LabNotebook">Lab<br/>Notebook</a></li>
 +
                </ul>
 +
        </li>
 +
 +
        <li>
 +
                <a href="https://2012.igem.org/Team:UIUC-Illinois/Attributions">Attributions</a>
 +
        </li>
 +
 +
        <li>
 +
                <a href="Outreach">Outreach</a>
 +
        </li>
 +
 +
        <li>
 +
                <a href="https://2012e.igem.org/wiki/index.php/Team:UIUC_Illinois">IGEMe</a>
 +
        </li>
 +
 +
</ul>
 +
</div>
 +
 +
</body>
 +
   
 +
<!--Header End-->
 +
 +
<style type="text/css">
 +
 +
/* Illinois IGEM Wiki Stylesheet*/
 +
 +
/* Default Reformatting and Header */
 +
 +
#globalwrapper {
 +
    width:1000px;
 +
    padding:0px 0px;
 +
    margin: 0 auto;
 +
    background-image:url('https://static.igem.org/mediawiki/2012/8/8b/Uiucbackground.png');
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-size:100% 100%;
}
}
-
</script>
+
body {
-
<style>
+
    background: #CECECE;
-
.ddcolortabs{
+
    background-image: url('https://static.igem.org/mediawiki/2012/8/8b/Uiucbackground.png');
-
padding: 0;
+
    background-attachment: fixed;
-
width: 100%;
+
    background-position: center;
-
background: transparent;
+
    height:100%;
-
voice-family: "\"}\"";
+
    background-size:100% 100%;
-
voice-family: inherit;
+
}
 +
.firstHeading {
 +
    height:0px;
 +
    visibility:hidden;
}
}
-
.ddcolortabs ul{
+
#p-logo {
-
font: bold 11px Arial;
+
    height:0px;
 +
    overflow:hidden;
 +
    display: none;
 +
}
 +
 
 +
#search-controls {
 +
display:none;
 +
margin-top:0px;
 +
}
 +
 
 +
#content{
 +
    visibility: hidden;
 +
}
 +
 
 +
#top-section {
 +
    background-image:url('https://static.igem.org/mediawiki/2012/1/1f/Bannerfinal.png');
 +
    background-color:#151F4E;
 +
    background-position: top;
 +
    width:1000px;
 +
    height:260px;
 +
    background-repeat: no-repeat;
 +
    border-width:0px;
 +
    border-top-width:0px;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    margin-top: -10px;
 +
    margin-bottom: -19px;
 +
}
 +
 
 +
 
 +
#menubar {
 +
    color: white;
 +
    background-color: transparent;
 +
}
 +
#menubar ul li a {  
 +
    color: white;
 +
    background-color: transparent;
 +
}
 +
 
 +
.right-menu li a {
 +
    color: white;
 +
    background-color: transparent;
 +
}
 +
 
 +
/* Header */
 +
 
 +
#wrapper {
 +
width: 1000px;
 +
height: 100%;
 +
float: center;
 +
padding-left: 0%;
 +
padding-right: 0%;
 +
        padding-top: 1%;
 +
        background-image:url('https://static.igem.org/mediawiki/2012/8/8b/Uiucbackground.png');
 +
background-attachment: fixed;
 +
        background-position: center;
 +
 
 +
}
 +
 
 +
#header {
 +
        width: 750px;
 +
        float: center;
 +
background-color:#FFE4C4;
 +
height: 150px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
margin-left: auto;
 +
margin-right: auto;     
 +
}
 +
 
 +
img {
 +
border: none;
 +
}
 +
 
 +
#headernavigation{
 +
        width: 1000px;
 +
        float: center;
 +
background-color: transparent;
 +
height: 60px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        margin-top: -102px; 
 +
        margin-bottom: 25px;
 +
        z-index: 2; 
 +
}
 +
 
 +
#headernavbar{
 +
list-style:none;
 +
font-weight:bold;
 +
float:left;
 +
width:100%;
 +
        margin:0;
 +
        padding:0;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li{
 +
        float:left;
 +
position:relative;
 +
        text-align:center;
 +
        z-index: 2; 
 +
}
 +
#headernavbar a{
 +
        margin-left:0px;
 +
display:block;
 +
        padding-bottom:20px;
 +
        padding-top:20px;
 +
        width: 100px;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        font: bold 16px Arial;
 +
        z-index: 2; 
 +
 
 +
}
 +
#headernavbar a:hover{
 +
color:#ffffff;
 +
background:#003C7D;
 +
text-decoration:none;
 +
        z-index: 2; 
 +
}
 +
 
 +
#headernavbar ul{
 +
background: #003C7D;
 +
list-style:none;
 +
position:absolute;
 +
left:-9999px;
 +
        z-index: 2; 
 +
}
 +
#headernavbar ul li{
 +
padding-top:0px;
 +
float:none;
 +
        margin-top:-3px;
 +
        z-index: 2; 
 +
}
 +
#headernavbar ul a{
 +
white-space:nowrap;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li:hover ul{
 +
left: -15px;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li:hover ul a{
 +
text-decoration:none;
 +
        z-index: 2; 
 +
}
 +
#headernavbar li:hover ul li a:hover{
 +
background:#F47F24;
 +
        z-index: 2; 
 +
}
 +
 
 +
 
 +
/* Main Page */
 +
 
 +
#content-containertop {
 +
width: 1000px;
 +
height: 350px;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
float: center;
 +
}
 +
 
 +
#content-topleft {
 +
background-color:#EEEEEE;
 +
width: 430px;
 +
height: 300px;
 +
float: left;
 +
padding: 25px;
 +
text-align: left;
 +
margin-left: -10px;
 +
        margin-top: -5px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:150%;
 +
}
 +
 
 +
#content-topright {
 +
background-color: #EEEEEE;
 +
width: 430px;
 +
height: 300px;
 +
float: right;
 +
padding: 25px;
 +
text-align: left;
 +
margin-right: -10px;
 +
        margin-top: -5px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:150%;
 +
}
 +
 
 +
#content1-topcenter {
 +
        width: 1000px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        padding: 0px;
 +
height: 400px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        margin-top: 20px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
#selectioncontainermain{
 +
        width: 1000px;
 +
height: 40px;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
        margin-bottom:20px;
 +
float: center;
 +
}
 +
 
 +
#PUFselectionmain{
 +
list-style:none;
 +
background-color:#EEEEEE;
 +
width: 480px;
 +
height: 40px;
 +
float: left;
 +
padding: 0px;
 +
text-align: left;
 +
margin-left: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:150%;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
}
 +
 
 +
 
 +
#PUFselectionmain a{
 +
        text-align:center;
 +
        margin-left:0px;
 +
display:block;
 +
        padding-bottom:10px;
 +
        padding-top:10px;
 +
        width: 480px;
 +
        height:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        font: bold 16px Arial;
 +
text-decoration:none;
 +
}
 +
 
 +
#PUFselectionmain li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 
 +
#PHATselectionmain{
 +
list-style:none;
 +
background-color: #EEEEEE;
 +
width:  480px;
 +
height: 40px;
 +
float: right;
 +
padding: 0px;
 +
text-align: left;
 +
margin-right: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:150%;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
}
 +
 
 +
#PHATselectionmain a{
 +
        text-align:center;
 +
        margin-left:0px;
 +
display:block;
 +
        padding-bottom:10px;
 +
        padding-top:10px;
 +
        width: 480px;
 +
        height:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        font: bold 16px Arial;
 +
text-decoration:none;
 +
 
 +
}
 +
 
 +
#PHATselectionmain li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 
 +
#sponsorbox {
 +
        width: 950px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        padding: 25px;
 +
height: 50px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        margin-top: 100px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
}
 +
 
 +
#intro {
 +
        width: 950px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        padding: 25px;
 +
height: 160px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        margin-top: 25px;
 +
margin-left: auto;
 +
margin-right: auto; 
 +
        font-size:150%;
 +
}
 +
 
 +
/* Notebook */
 +
 
 +
/* Protocol Section*/
 +
 
 +
#protocol-container{
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
float: center;
 +
}
 +
 
 +
#protocolselection{
 +
        background-color:#EEEEEE;
 +
width: 250px;
 +
height: 100%;
 +
float: left;
 +
padding-top: 0px;
 +
text-align: left;
 +
margin-left: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
        font-size:150%;
 +
}
 +
 
 +
#protocolselection li{
 +
        list-style:none;
 +
        float:left;
 +
        margin:0px;
 +
        padding:0px;
 +
        width:100%;
 +
}
 +
 
 +
#protocolselection a {
 +
cursor: pointer;
 +
display:block;
 +
height:25px;
 +
line-height: 25px;
 +
        text-align:center;   
 +
text-decoration:none;
 +
width:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        padding-top: 10px;
 +
        font: bold 13px Arial;
 +
}
 +
 
 +
#protocolselection li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 
 +
#protocoloverview {
 +
background-color: #EEEEEE;
 +
width: 665px;
 +
height: 100%;
 +
float: right;
 +
padding: 25px;
 +
text-align: left;
 +
margin-right: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
        font-size:150%;
 +
}
 +
 
 +
/*Protocol Section End*/
 +
 
 +
#notebook-container{
 +
width: 1000px;
 +
height: 350px;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
float: center;
 +
 
 +
}
 +
 
 +
#notebook-content{
 +
        width: 1000px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
height: 150px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        padding-top:50px;
 +
        margin-top: 25px;
 +
margin-left: -10px;
 +
margin-right: auto; 
 +
}
 +
 
 +
/* Footer */
 +
 
 +
#footer-box {
 +
        float: center;
 +
        overflow: hidden;
 +
        display: block;
 +
        background-color: #EEEEEE;
 +
        width: 1010px;
 +
        height: 50px;
 +
        font-weight: normal;
 +
        font-style: normal;
 +
        font-size: 10px;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
        }
 +
 
 +
#catlinks {
 +
        visibility: hidden;
 +
}
 +
 
 +
#footer {
 +
        }
 +
 
 +
/* Team */
 +
 
 +
#aboutus{
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 0px;
 +
float: center;
 +
        font: bold 13px Arial;
 +
}
 +
 
 +
#aboutusmenu{
 +
    background-color: #F47F24;
 +
    width:  1000px;
 +
    height: 40px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: -75px;
 +
    margin-left: -10px;
 +
    padding:0px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
 +
}
 +
 
 +
#aboutusmenu li{
 +
list-style-type:none;
margin:0;
margin:0;
padding:0;
padding:0;
-
list-style:none;
+
float:center;
 +
margin-left: 50px;
 +
margin-right: auto;
}
}
-
.ddcolortabs li{
+
#aboutusmenu a {
-
display:inline;
+
    cursor: pointer;
-
margin:0 2px 0 0;
+
    float:left;
-
padding:0;
+
    height:30px;
-
text-transform:uppercase;
+
    text-align:center;   
 +
    text-decoration:none;
 +
    width:300px;
 +
    background:#F47F24;
 +
    font: bold 13px Arial;
 +
    padding-top:10px;
 +
    margin-top: 0px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    color:#ffffff;
}
}
 +
#aboutusmenu a:hover {
 +
    background:#003C7D;
 +
    text-decoration:none;
 +
}
 +
#aboutusmenu a:active {
 +
    color:white;
 +
}
-
.ddcolortabs a{
+
#aboutusdescription{
-
float:left;
+
    background-color: #EEEEEE;
-
color: white;
+
    width:  1000px;
-
background: red url(media/color_tabs_left.gif) no-repeat left top;
+
    height: 100%;
-
margin:0 2px 0 0;
+
    float: center;
-
padding:0 0 1px 3px;
+
    text-align: left;
-
text-decoration:none;
+
    margin-top: 100px;
-
letter-spacing: 1px;
+
    margin-right: 0px;
 +
    margin-left: -10px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
}
}
 +
/*Undergrad Section*/
-
.ddcolortabs a span{
+
table{
-
float:left;
+
      background-color:#EEEEEE;
-
display:block;
+
-
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
+
-
padding: 4px 8px 2px 7px;
+
}
}
-
.ddcolortabs a span{
+
#undergradintro{
-
float:none;
+
        width: 950px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        padding-top: 5px;
 +
        padding-left: 25px;
 +
        padding-right: 25px;
 +
        padding-bottom: 20px;
 +
height: 50px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        margin-top: 25px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
        margin-bottom:10px;  
}
}
-
.ddcolortabs a:hover{
+
#undergradsmenu a {
-
background-color: #591f20;
+
    cursor: pointer;
 +
    display:block;
 +
    float:left;
 +
    height:24.6px;
 +
    text-align:center;   
 +
    text-decoration:none;
 +
    width:100%;
 +
    color:#ffffff;
 +
    background:#F47F24;
 +
    padding-top: 10px;
 +
    font: bold 13px Arial;
}
}
-
.ddcolortabs a:hover span{
+
#undergradsmenu a:hover {
-
background-color: #591f20;
+
    background:#003C7D;
 +
    text-decoration:none;
 +
}
 +
#undergradsmenu a:active {
 +
    color:white;
}
}
-
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
+
#undergradmembers {
-
background-color: #591f20;
+
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: -20px;
 +
float: center;
 +
        font: bold 13px Arial;
}
}
-
.ddcolortabsline{
+
#undergradsmenu {
-
clear: both;
+
    background-color: #EEEEEE;
-
padding: 0;
+
    width: 150px;
-
width: 96.1%;
+
    height: 310px;
-
height: 4px;
+
    float: left;
-
line-height: 100%;
+
    text-align: left;
-
background: black;
+
    margin-top: 25px;
-
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
+
    margin-left: -10px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
}
}
 +
#description {
 +
    background-color: #EEEEEE;
 +
    width:  815px;
 +
    height: 300px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: 25px;
 +
    margin-right: -10px;
 +
    margin-left: 10px;
 +
    padding-top: 0px;
 +
    padding-bottom: 10px;
 +
    padding-left:0px;
 +
    padding-right: 5px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
 +
}
 +
/* Advisors Section */
 +
#advisorsintro{
 +
        width: 950px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        padding-top: 5px;
 +
        padding-left: 25px;
 +
        padding-right: 25px;
 +
        padding-bottom: 20px;
 +
height: 50px;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        margin-top: 25px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
        margin-bottom:10px;
 +
}
-
/* ######### Style for Drop Down Menu ######### */
+
#advisorsmenu a {
 +
    cursor: pointer;
 +
    display:block;
 +
    float:left;
 +
    height:24.6px;
 +
    text-align:center;   
 +
    text-decoration:none;
 +
    width:100%;
 +
    color:#ffffff;
 +
    background:#F47F24;
 +
    padding-top: 10px;
 +
    font: bold 13px Arial;
 +
}
-
.dropmenudiv_a{
+
#advisorsmenu a:hover {
-
position:absolute;
+
    background:#003C7D;
-
top: 0;
+
    text-decoration:none;
-
border: 1px solid black; /*THEME CHANGE HERE*/
+
}
-
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
+
#advisorsmenu a:active {
-
border-bottom-width: 0;
+
    color:white;
-
font:normal 12px Arial;
+
-
line-height:18px;
+
-
z-index:100;
+
-
background-color: white;
+
-
width: 200px;
+
-
visibility: hidden;
+
}
}
 +
#advisors {
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: -20px;
 +
float: center;
 +
        font: bold 13px Arial;
 +
}
-
.dropmenudiv_a a{
+
#advisorsmenu {
-
width: auto;
+
    background-color: #EEEEEE;
-
display: block;
+
    width: 150px;
-
text-indent: 5px;
+
    height: 450px;
-
border-top: 0 solid #678b3f;
+
    float: left;
-
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
+
    text-align: left;
-
padding: 2px 0;
+
    margin-top: 25px;
-
text-decoration: none;
+
    margin-left: -10px;
-
color: black;
+
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
}
}
-
* html .dropmenudiv_a a{ /*IE only hack*/
+
#advisorsdescription {
-
width: 100%;
+
    background-color: #EEEEEE;
 +
    width: 815px;
 +
    height: 300px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: -460px;
 +
    margin-right: -10px;
 +
    margin-left: 170px;
 +
    padding-top: 0px;
 +
    padding-bottom: 10px;
 +
    padding-left:0px;
 +
    padding-right: 5px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
 +
    list-style: none;
}
}
-
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
+
 
-
background-color: #8a3c3d;
+
/* Projects */
-
color: white;
+
 
 +
#overviewcontainer{
 +
width: 1000px;
 +
height: 350px;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
float: center;
}
}
-
/* ######### Style for Drop Down Menu ######### */
+
#selectioncontainer{
 +
        width: 1000px;
 +
height: 40px;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
        margin-bottom:20px;
 +
float: center;
 +
}
-
.dropmenudiv_a{
+
#PUFselection{
-
position:absolute;
+
list-style:none;
-
top: 0;
+
background-color:#EEEEEE;
-
border: 1px solid black; /*THEME CHANGE HERE*/
+
width: 480px;
-
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
+
height: 40px;
-
border-bottom-width: 0;
+
float: left;
-
font:normal 12px Arial;
+
padding: 0px;
-
line-height:18px;
+
text-align: left;
-
z-index:100;
+
margin-left: -10px;
-
background-color: white;
+
border: 10px solid rgba(255, 255, 255,0.4);
-
width: 200px;
+
background-clip: padding-box;
-
visibility: hidden;
+
        font-size:150%;
}
}
-
.dropmenudiv_a a{
+
#PUFselection a{
-
width: auto;
+
        text-align:center;
-
display: block;
+
        margin-left:0px;
-
text-indent: 5px;
+
display:block;
-
border-top: 0 solid #678b3f;
+
        padding-bottom:10px;
-
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
+
        padding-top:10px;
-
padding: 2px 0;
+
        width: 480px;
-
text-decoration: none;
+
        height:100%;
-
color: black;
+
color:#ffffff;
 +
background:#F47F24;
 +
        font: bold 16px Arial;
 +
text-decoration:none;
}
}
-
* html .dropmenudiv_a a{ /*IE only hack*/
+
#PUFselection li:hover a{  
-
width: 100%;
+
background:#003C7D;
 +
text-decoration:none;
}
}
-
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
+
#PHATselection{
-
background-color: #8a3c3d;
+
list-style:none;
-
color: white;
+
background-color: #EEEEEE;
 +
width:  480px;
 +
height: 40px;
 +
float: right;
 +
padding: 0px;
 +
text-align: left;
 +
margin-right: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        font-size:150%;
}
}
 +
 +
#PHATselection a{
 +
        text-align:center;
 +
        margin-left:0px;
 +
display:block;
 +
        padding-bottom:10px;
 +
        padding-top:10px;
 +
        width: 480px;
 +
        height:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        font: bold 16px Arial;
 +
text-decoration:none;
 +
 
 +
}
 +
 +
#PHATselection li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#project-left {
 +
background-color:#EEEEEE;
 +
width: 430px;
 +
height: 250px;
 +
float: left;
 +
padding: 25px;
 +
text-align: left;
 +
        margin-top: -5px;
 +
margin-left: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
        font-size:150%;
 +
}
 +
 +
#project-right {
 +
background-color: #EEEEEE;
 +
width: 430px;
 +
height: 250px;
 +
float: right;
 +
padding: 25px;
 +
text-align: left;
 +
        margin-top: -5px;
 +
margin-right: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
        font-size:150%;
 +
}
 +
 +
/*PUF*/
 +
 +
#PUFcontainer {
 +
width: 75%;
 +
height: 100%;
 +
text-align: center;
 +
padding-top:  1%;
 +
padding-left: 0%;
 +
padding-right:0%;
 +
margin-left: auto;
 +
margin-right:auto;
 +
float: center;
 +
 +
}
 +
 +
#PUFoverview {
 +
        text-align: center;
 +
background-color: #EEEEEE;
 +
        width: 75%;
 +
height: 100%;
 +
float: center;
 +
margin-top: 1%;
 +
margin-left: auto;
 +
margin-right: auto;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
padding-left: auto;
 +
padding-right: auto;
 +
        -webkit-box-shadow: 0 8px 6px -6px black;
 +
-moz-box-shadow: 0 8px 6px -6px black;
 +
box-shadow: 0 8px 6px -6px black;
 +
}
 +
 +
/*Galleria*/
 +
 +
/*
 +
* Galleria Classic Theme
 +
* Copyright (c) 2010, Aino
 +
* Licensed under the MIT license.
 +
*/
 +
 +
#galleria{ width: 1000px; height: 400px; background: #000 }
 +
 +
.galleria-container {
 +
    position: relative;
 +
    overflow: hidden;
 +
    background: #fff;
 +
}
 +
.galleria-container img {
 +
    -moz-user-select: none;
 +
    -webkit-user-select: none;
 +
    -o-user-select: none;
 +
}
 +
.galleria-stage {
 +
    position: absolute;
 +
    top: 10px;
 +
    bottom: 60px;
 +
    left: 10px;
 +
    right: 10px;
 +
    overflow:hidden;
 +
}
 +
.galleria-thumbnails-container {
 +
    height: 50px;
 +
    bottom: 0;
 +
    position: absolute;
 +
    left: 10px;
 +
    right: 10px;
 +
    z-index: 2;
 +
}
 +
.galleria-carousel .galleria-thumbnails-list {
 +
    margin-left: 30px;
 +
    margin-right: 30px;
 +
}
 +
.galleria-thumbnails .galleria-image {
 +
    height: 40px;
 +
    width: 60px;
 +
    background: #000;
 +
    margin: 0 5px 0 0;
 +
    border: 1px solid #fff;
 +
    float: left;
 +
    cursor: pointer;
 +
}
 +
.galleria-counter {
 +
    position: absolute;
 +
    bottom: 10px;
 +
    left: 10px;
 +
    text-align: right;
 +
    color: #fff;
 +
    font: normal 11px/1 arial,sans-serif;
 +
    z-index: 1;
 +
}
 +
.galleria-loader {
 +
    background: #000;
 +
    width: 20px;
 +
    height: 20px;
 +
    position: absolute;
 +
    top: 10px;
 +
    right: 10px;
 +
    z-index: 2;
 +
    display: none;
 +
    background: url(classic-loader.gif) no-repeat 2px 2px;
 +
}
 +
.galleria-info {
 +
    width: 50%;
 +
    top: 15px;
 +
    left: 15px;
 +
    z-index: 2;
 +
    position: absolute;
 +
}
 +
.galleria-info-text {
 +
    background-color: #000;
 +
    padding: 12px;
 +
    display: none;
 +
    /* IE7 */ zoom:1;
 +
}
 +
.galleria-info-title {
 +
    font: bold 12px/1.1 arial,sans-serif;
 +
    margin: 0;
 +
    color: #fff;
 +
    margin-bottom: 7px;
 +
}
 +
.galleria-info-description {
 +
    font: italic 12px/1.4 georgia,serif;
 +
    margin: 0;
 +
    color: #bbb;
 +
}
 +
.galleria-info-close {
 +
    width: 9px;
 +
    height: 9px;
 +
    position: absolute;
 +
    top: 5px;
 +
    right: 5px;
 +
    background-position: -753px -11px;
 +
    opacity: .5;
 +
    filter: alpha(opacity=50);
 +
    cursor: pointer;
 +
    display: none;
 +
}
 +
.notouch .galleria-info-close:hover{
 +
    opacity:1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.touch .galleria-info-close:active{
 +
    opacity:1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.galleria-info-link {
 +
    background-position: -669px -5px;
 +
    opacity: .7;
 +
    filter: alpha(opacity=70);
 +
    position: absolute;
 +
    width: 20px;
 +
    height: 20px;
 +
    cursor: pointer;
 +
    background-color: #000;
 +
}
 +
.notouch .galleria-info-link:hover {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.touch .galleria-info-link:active {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.galleria-image-nav {
 +
    position: absolute;
 +
    top: 50%;
 +
    margin-top: -62px;
 +
    width: 100%;
 +
    height: 62px;
 +
    left: 0;
 +
}
 +
.galleria-image-nav-left,
 +
.galleria-image-nav-right {
 +
    opacity: .3;
 +
    filter: alpha(opacity=30);
 +
    cursor: pointer;
 +
    width: 62px;
 +
    height: 124px;
 +
    position: absolute;
 +
    left: 10px;
 +
    z-index: 2;
 +
    background-position: 0 46px;
 +
}
 +
.galleria-image-nav-right {
 +
    left: auto;
 +
    right: 10px;
 +
    background-position: -254px 46px;
 +
    z-index: 2;
 +
}
 +
.notouch .galleria-image-nav-left:hover,
 +
.notouch .galleria-image-nav-right:hover {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.touch .galleria-image-nav-left:active,
 +
.touch .galleria-image-nav-right:active {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
}
 +
.galleria-thumb-nav-left,
 +
.galleria-thumb-nav-right {
 +
    cursor: pointer;
 +
    display: none;
 +
    background-position: -495px 5px;
 +
    position: absolute;
 +
    left: 0;
 +
    top: 0;
 +
    height: 40px;
 +
    width: 23px;
 +
    z-index: 3;
 +
    opacity: .8;
 +
    filter: alpha(opacity=80);
 +
}
 +
.galleria-thumb-nav-right {
 +
    background-position: -578px 5px;
 +
    border-right: none;
 +
    right: 0;
 +
    left: auto;
 +
}
 +
.galleria-thumbnails-container .disabled {
 +
    opacity: .2;
 +
    filter: alpha(opacity=20);
 +
    cursor: default;
 +
}
 +
.notouch .galleria-thumb-nav-left:hover,
 +
.notouch .galleria-thumb-nav-right:hover {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
    background-color: #111;
 +
}
 +
.touch .galleria-thumb-nav-left:active,
 +
.touch .galleria-thumb-nav-right:active {
 +
    opacity: 1;
 +
    filter: alpha(opacity=100);
 +
    background-color: #111;
 +
}
 +
.notouch .galleria-thumbnails-container .disabled:hover {
 +
    opacity: .2;
 +
    filter: alpha(opacity=20);
 +
    background-color: transparent;
 +
}
 +
 +
.galleria-carousel .galleria-thumb-nav-left,
 +
.galleria-carousel .galleria-thumb-nav-right {
 +
    display: block;
 +
}
 +
.galleria-thumb-nav-left,
 +
.galleria-thumb-nav-right,
 +
.galleria-info-link,
 +
.galleria-info-close,
 +
.galleria-image-nav-left,
 +
.galleria-image-nav-right {
 +
    background-image: url('http://i.imgur.com/tLDSr.png');
 +
    background-repeat: no-repeat;
 +
}
 +
 +
</style>
</style>
 +
 +
</p><p>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<link rel="stylesheet" href="css/css.css" type="text/css" />
 +
<title>Main</title>
 +
<link href="CSS/css.css" rel="stylesheet" type="text/css" />
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 +
<script src="http://illinoisigem.googlecode.com/files/galleria-1.2.7.min.js"></script>
</head>
</head>
 +
<body>
-
<p><br />
+
<!--Content Start-->
-
<i><b>Welcome to Carnegie Mellon University 2012 iGEM Team Wiki!</b></i>
+
-
<br /><br />
+
-
</p><p><a href="/Image:Cmu2.jpeg" class="image" title="Image:Cmu2.jpeg"><img alt="Image:Cmu2.jpeg" src="/wiki/images/a/a6/Cmu2.jpeg" width="930" height="269" border="0" align="center"/></a>
+
-
</p>
+
 +
<div id=intro>
 +
<center><h1>Mission Statement</h1></center>
 +
<p>The ultimate goal of the University of Illinois 2012 iGEM team is to construct an RNA based protein scaffold to use in the optimization of multi-step enzymatic pathways like that involved in the production of Piceatannol from less complex molecules. We aim to improve the versatility and cost efficiency of biological production systems by use of our PUF project RNA scaffold and to prove its viability through the implementation of such a system in our PHAT project's Piceatannol production in E.Coli.</p>
 +
</div>
 +
    <div id="content1-topcenter">
-
<!-- CSS for Drop Down Tabs Menu #1 -->
 
-
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" />
 
-
<div id="colortab" class="ddcolortabs">
+
 
-
<ul>
+
        <div id="galleria">
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon" title="Home"><span>Home</span></a></li>
+
            <img src="https://static.igem.org/mediawiki/2012/5/50/Gallery0.jpg">
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Overview" title="Overview of the biology" rel="dropmenu1_a"><span>Overview</span></a></li>
+
            <img src="https://static.igem.org/mediawiki/2012/4/40/Uiucgallery1.jpg">
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Team" title="Meet the team" ><span>The Team</span></a></li>
+
            <img src="https://static.igem.org/mediawiki/2012/9/9a/Uiucgallery2.jpg">
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/BioBricks" title="Our submitted BioBrick<sup>TM</sup> BioBricks" rel="dropmenu1_a"><span>BioBricks</span></a></li>
+
            <img src="https://static.igem.org/mediawiki/2012/4/41/Uiucgallery3.jpg">
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Notebook" title="Details of labwork, in realtime"><span>Notebook</span></a></li>
+
            <img src="https://static.igem.org/mediawiki/2012/7/71/Uiucgallery4.jpg">
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Modelling" title="Modelling" rel="dropmenu2_a"><span>Modelling</span></a></li>
+
            <img src="https://static.igem.org/mediawiki/2012/f/f2/Uiucgallery5.jpg">
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Results" title="Results" rel="dropmenu1_a"><span>Results</span></a></li>
+
            <img src="https://static.igem.org/mediawiki/2012/8/8d/Uiucgallery6.jpg">
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Human_Practice" title="Human Practice" rel="dropmenu2_a"><span>Human Practice</span></a></li>
+
        </div>
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/Acknowledgements" title="Acknowledgements" ><span>Acknowledgements</span></a></li>
+
 
-
<li><a href="https://2012.igem.org/Team:Carnegie_Mellon/FAQ" title="Frequently asked questions" ><span>FAQ</span></a></li>
+
<script>
-
</ul>
+
    Galleria.loadTheme('http://illinoisigem.googlecode.com/files/galleria.classic.min.js');
-
</div>
+
    Galleria.run('#galleria', {
-
<div class="ddcolortabsline">&nbsp;</div>
+
imageCrop:'landscape',
-
<div id="dropmenu1_a" class="dropmenudiv_a">
+
transition: 'fade',
-
<a href="https://2012.igem.org/Team:Carnegie_Mellon/Team">Overview</a>
+
lightbox: true,
-
<a href="https://2012.igem.org/Team:Carnegie_Mellon/Team">Step1</a>
+
autoplay: 5000
-
<a href="https://2012.igem.org/Team:Carnegie_Mellon/Team">Step2</a>
+
});
-
</div>
+
 
-
<script type="text/javascript">
+
-
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
+
-
tabdropdown.init("colortab", 3)
+
</script>
</script>
-
</div>
 
 +
        </div> 
 +
<div id="content-containertop">
 +
    <div id="content-topleft">
 +
<h1>PROJECT PUF</h1>
 +
        <p>This project is focused on creating and optimizing a construct for the production and customization of the PUM protein. In doing so, our team is looking to standardize the method in which the RNA binding protein can be used as a toolkit in Biobrick format. With a toolkit we hope to produce utility with biological parts while following the philosophies of engineering. This toolkit will then be used in various ways to further control distinct aspects of anything involving RNA. In doing so, we also seek to utilize such properties, zinc fingers, and RNA stem loops to create a protein scaffolding system based on RNA.</p>
 +
        </div>
 +
    <div id="content-topright">
 +
<h1>PROJECT PHAT</h1>
 +
        <p>The project dubbed "PHAT" has its focus on a metabolite of the widely studied chemical, Resveratrol. The metabolite of Resveratrol, Piceatannol has recently been discovered to have unique properties which can be heavily utilized in pharmaceutical industries as it has demonstrated an ability to inhibit adipogenesis. Our team seeks to integrate the disciplines of synthetic biology with aspects of chemical engineering to find efficient ways to produce and improve upon Piceatannol production. We hope to utilize the scaffolding system we will have developed to optimize the final results of project PHAT.</p>
 +
    </div>
 +
<div id="selectioncontainermain">
 +
        <div id=PUFselectionmain>
 +
<li>
 +
<a href="https://2012.igem.org/Team:UIUC-Illinois/ProjectPUF">To the PUF Project page</a>
 +
</li>
 +
        </div>
 +
        <div id="PHATselectionmain">
 +
        <li>
 +
                <a href="https://2012.igem.org/Team:UIUC-Illinois/ProjectPHAT">To the PHAT Project page</a>
 +
        </li>
 +
        </div>
-
<hr />
+
</div>
-
<table id="toc" class="toc" summary="Contents"><tr><td><div id="toctitle"><h2>Contents</h2></div>
+
-
<ul>
+
-
<li class="toclevel-1"><a href="#Introduction:_Motivation"><span class="tocnumber">1</span> <span class="toctext">Introduction: Motivation</span></a></li>
+
-
<li class="toclevel-1"><a href="#Primary_Objective:_A_Useful_BioBrick_for_Synthetic_Biologists"><span class="tocnumber">2</span> <span class="toctext">Primary Objective: A Useful BioBrick for Synthetic Biologists</span></a></li>
+
-
<li class="toclevel-1"><a href="#Secondary_Objective:_Humanistic_Practice"><span class="tocnumber">3</span> <span class="toctext">Secondary Objective: Humanistic Practice</span></a></li>
+
-
<li class="toclevel-1"><a href="#Further_Considerations"><span class="tocnumber">4</span> <span class="toctext">Further Considerations</span></a></li>
+
-
</ul>
+
-
</td></tr></table><script type="text/javascript"> if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } </script>
+
-
<a name="Introduction:_Motivation"></a><h2> <span class="mw-headline"> Introduction: Motivation </span></h2>
+
-
<ul><li> We seek to develop a BioBrick that will allow researchers in the field of synthetic biology to accurately measure translational efficiency, and transcriptional strength.
+
-
</li></ul>
+
-
<ul><li> We believe that we can use Spinach as a biosensor to reflect these metrics in vivo, rather than in vitro, which has previously proven to be very costly and impractical.
+
-
</li></ul>
+
-
<ul><li> We will characterize the relationship between genetic expression of Spinach (upstream), translational efficiency, and transcriptional strength.<br />
+
-
</li></ul>
+
-
<p><br />
+
-
Abstract/Introduction <br />
+
-
<br />
+
-
<b>Motivation question</b><br />
+
-
<br />
+
-
Humanistic implications go here<br />
+
-
</p>
+
-
<a name="Primary_Objective:_A_Useful_BioBrick_for_Synthetic_Biologists"></a><h2> <span class="mw-headline"> Primary Objective: A Useful BioBrick for Synthetic Biologists </span></h2>
+
-
<div class="thumb tright"><div class="thumbinner" style="width:152px;"><a href="/Image:Carnegie_Mellon-MicroMaize.jpg" class="image" title="Fluorescence Microscopy"><img alt="Fluorescence Mircroscopy" src="/wiki/images/thumb/0/08/Carnegie_Mellon-MicroMaize.jpg/150px-Carnegie_Mellon-MicroMaize.jpg" width="150" height="301" border="0" class="thumbimage" /></a>  <div class="thumbcaption"><div class="magnify"><a href="/Image:Carnegie_Mellon-MicroMaize.jpg" class="internal" title="Enlarge"><img src="/wiki/skins/common/images/magnify-clip.png" width="15" height="11" alt="" /></a></div>Fluorescence Microscopy</div></div></div>
+
-
<p>We believe the development of this unprecedented BioBrick will help synthetic biologists in a variety of applications,  <b>for a variety of purposes </b> such as the following:
+
-
</p>
+
-
<ol><li> example application
+
-
</li><li> example application
+
-
</li><li> example application
+
-
</li></ol>
+
-
<p>Our proposed BioBrick is novel, and potentially very useful in practice.
+
-
</p>
+
-
<a name="Secondary_Objective:_Humanistic_Practice"></a><h2> <span class="mw-headline"> Secondary Objective: Humanistic Practice</span></h2>
+
-
<p> <a href="https://2012.igem.org/Team:Carnegie_Mellon" class="external text" title="https://2012.igem.org/Team:Carnegie_Mellon" rel="nofollow">FAQ/Terminology</a> in engineering <i>Escherichia coli</i> to <b>monitor these variables via fluorescence</b>. Find out more about Carnegie Mellon: (<a href="http://www.cmu.edu" class="external text" title="http://www.cmu.edu" rel="nofollow">CMU Home Page</a>).
+
-
</p>
+
-
<a name="Further_Considerations"></a><h2> <span class="mw-headline"> Further Considerations </span></h2>
+
-
<p>In the pursuit of our project, as well as the biological aspects, we:
+
-
</p>
+
-
<ul><li> Considered aspects of <a href="https://2012.igem.org/Team:Carnegie_Mellon/Modelling" class="external text" title="https://2012.igem.org/Team:Carnegie_Mellon/Modelling" rel="nofollow">scale-up</a>, including the <a href="https://2012.igem.org/Team:Carnegie_Mellon" class="external text" title="https://2012.igem.org/Team:Carnegie_Mellon" rel="nofollow">ethical, legal and social implications</a> of our BioBrick,
+
-
</li><li> Programmed <a href="https://2012.igem.org/Team:Carnegie_Mellon/Software" class="external text" title="https://2012.igem.org/Team:Carnegie_Mellon/Software" rel="nofollow">a new piece of software</a> for modeling our BioBrick to students,
+
-
</li><li> <a href="https://2012.igem.org/Team:Carnegie_Mellon/Protocols" class="external text" title="https://2012.igem.org/Team:Carnegie_Mellon/Protocols" rel="nofollow">Developed and tested techniques for measuring translational efficiency and transcriptional strength,
+
-
</li><li> Participated in human practices demonstration xxx.
+
-
</li></ul>
+
 +
    </div>
 +
 +
<div id="sponsorbox">
 +
<center>Sponsors</center>
 +
</div>
 +
   
 +
   
 +
<!--Content End-->
 +
 +
   
 +
</body>
 +
 +
</p>
<!--  
<!--  
NewPP limit report
NewPP limit report
-
Preprocessor node count: 22/1000000
+
Preprocessor node count: 14/1000000
-
Post-expand include size: 78/2097152 bytes
+
Post-expand include size: 82/2097152 bytes
Template argument size: 0/2097152 bytes
Template argument size: 0/2097152 bytes
 +
Expensive parser function count: 0/100
-->
-->
-
<!-- Saved in parser cache with key 2012_igem_org:pcache:idhash:189-0!1!0!!en!2!edit=0 and timestamp 20120522052819 -->
+
<!-- Saved in parser cache with key 2012_igem_org:pcache:idhash:840-0!1!0!!en!2 and timestamp 20120611231558 -->
<div class="printfooter">
<div class="printfooter">
-
Retrieved from "<a href="https://2012.igem.org/Team:Carnegie_Mellon">https://2012.igem.org/Team:Carnegie_Mellon</a>"</div>
+
Retrieved from "<a href="https://2012.igem.org/Team:UIUC-Illinois">https://2012.igem.org/Team:UIUC-Illinois</a>"</div>
-
<!-- end content -->
+
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
<div class="visualClear"></div>
<div class="visualClear"></div>
</div>
</div>
     </div>
     </div>
 +
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
 +
<div class="visualClear"></div>
 +
    <div id='footer-box' class='noprint'>
 +
        <div id="footer">
 +
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
 +
 +
 +
  <!-- Recentchanges is not handles well DEBUG -->
 +
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
 +
      title='Recent changes'>Recent changes</a></li>
 +
 +
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:UIUC-Illinois"
 +
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
 +
 +
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:UIUC-Illinois"
 +
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
 +
 +
 +
 +
                <li id="t-upload"><a href="/Special:Upload"
 +
                  title="Upload files [u]" accesskey="u">Upload file</a>
 +
                </li>
 +
                <li id="t-specialpages"><a href="/Special:SpecialPages"
 +
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
 +
                </li>
 +
                <li><a href='/Special:Preferences'>My preferences</a></li>
 +
            </ul>
 +
        </div> <!-- close footer -->
 +
        <div id='footer'>
 +
    <ul id="f-list">
 +
 +
            <li id="t-print"><a href="/wiki/index.php?title=Team:UIUC-Illinois&amp;printable=yes"
 +
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
 +
            </li>
 +
 +
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:UIUC-Illinois&amp;oldid=11666"
 +
              title="Permanent link to this revision of the page">Permanent link</a>
 +
            </li>
 +
 +
 +
        <li id="privacy"><a href="/2012.igem.org:Privacy_policy" title="2012.igem.org:Privacy policy">Privacy policy</a></li>
 +
        <li id="disclaimer"><a href="/2012.igem.org:General_disclaimer" title="2012.igem.org:General disclaimer">Disclaimers</a></li>
 +
    </ul>
 +
</div> <!-- close footer -->
 +
    </div> <!-- close footer-box -->
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
<!-- Served in 0.208 secs. --></body>
</html>
</html>

Revision as of 15:14, 12 June 2012

Header

Main

Mission Statement

The ultimate goal of the University of Illinois 2012 iGEM team is to construct an RNA based protein scaffold to use in the optimization of multi-step enzymatic pathways like that involved in the production of Piceatannol from less complex molecules. We aim to improve the versatility and cost efficiency of biological production systems by use of our PUF project RNA scaffold and to prove its viability through the implementation of such a system in our PHAT project's Piceatannol production in E.Coli.

PROJECT PUF

This project is focused on creating and optimizing a construct for the production and customization of the PUM protein. In doing so, our team is looking to standardize the method in which the RNA binding protein can be used as a toolkit in Biobrick format. With a toolkit we hope to produce utility with biological parts while following the philosophies of engineering. This toolkit will then be used in various ways to further control distinct aspects of anything involving RNA. In doing so, we also seek to utilize such properties, zinc fingers, and RNA stem loops to create a protein scaffolding system based on RNA.

PROJECT PHAT

The project dubbed "PHAT" has its focus on a metabolite of the widely studied chemical, Resveratrol. The metabolite of Resveratrol, Piceatannol has recently been discovered to have unique properties which can be heavily utilized in pharmaceutical industries as it has demonstrated an ability to inhibit adipogenesis. Our team seeks to integrate the disciplines of synthetic biology with aspects of chemical engineering to find efficient ways to produce and improve upon Piceatannol production. We hope to utilize the scaffolding system we will have developed to optimize the final results of project PHAT.

Sponsors

Retrieved from "https://2012.igem.org/Team:UIUC-Illinois"

Retrieved from "http://2012.igem.org/Team:Carnegie_Mellon"