Team:Columbia-Cooper-NYC/trial6

From 2012.igem.org

(Difference between revisions)
(Created page with "hello")
Line 1: Line 1:
hello
hello
 +
<div style="text-align: right;">[http://2012.igem.org/wiki/index.php?title=Team:Columbia-Cooper-NYC/trial6&action=edit edit]
 +
<div style="float: left;">Left text</div>
 +
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="generator" content="MediaWiki 1.13.3" />
 +
<meta name="keywords" content="Team:Columbia&Cooper" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2010.igem.org (en)" />
 +
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:Cambridge&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/rss+xml" title="2010.igem.org RSS Feed" href="http://2010.igem.org/wiki/index.php?title=Special:RecentChanges&amp;feed=rss" />
 +
<link rel="alternate" type="application/atom+xml" title="2010.igem.org Atom Feed" href="http://2010.igem.org/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
 +
<title>Team:Columbia&Cooper - 2012.igem.org</title>
 +
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
@import "/wiki/skins/common/shared.css?164";
 +
@import "/wiki/skins/igem/main.css?164";
 +
/*]]>*/</style>
 +
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?164" />
 +
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?164";</style><![endif]-->
 +
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?164";</style><![endif]-->
 +
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?164";</style><![endif]-->
 +
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?164";</style><![endif]-->
 +
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?164"></script>
 +
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 +
 +
<script type= "text/javascript">/*<![CDATA[*/
 +
var skin = "igem";
 +
var stylepath = "/wiki/skins";
 +
var wgArticlePath = "/$1";
 +
var wgScriptPath = "/wiki";
 +
var wgScript = "/wiki/index.php";
 +
var wgVariantArticlePath = false;
 +
var wgActionPaths = [];
 +
var wgServer = "http://2010.igem.org";
 +
var wgCanonicalNamespace = "";
 +
var wgCanonicalSpecialPageName = false;
 +
var wgNamespaceNumber = 0;
 +
var wgPageName = "Team:Columbia-Cooper-NYC";
 +
var wgTitle = "Team:Columbia-Cooper-NYC";
 +
var wgAction = "view";
 +
var wgArticleId = "231";
 +
var wgIsArticle = true;
 +
var wgUserName = null;
 +
var wgUserGroups = null;
 +
var wgUserLanguage = "en";
 +
var wgContentLanguage = "en";
 +
var wgBreakFrames = false;
 +
var wgCurRevisionId = "209414";
 +
var wgVersion = "1.13.3";
 +
var wgEnableAPI = true;
 +
var wgEnableWriteAPI = false;
 +
var wgMWSuggestTemplate = "http://2010.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}";
 +
var wgDBname = "2012_igem_org";
 +
var wgSearchNamespaces = [0];
 +
var wgMWSuggestMessages = ["with suggestions", "no suggestions"];
 +
var wgRestrictionEdit = [];
 +
var wgRestrictionMove = [];
 +
/*]]>*/</script>
 +
               
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?164"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script type="text/javascript" src="/wiki/skins/common/ajax.js?164"></script>
 +
<script type="text/javascript" src="/wiki/skins/common/mwsuggest.js?164"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<style type="text/css">/*<![CDATA[*/
 +
@import "/wiki/index.php?title=MediaWiki:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
 +
@import "/wiki/index.php?title=MediaWiki:Igem.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000";
 +
@import "/wiki/index.php?title=-&action=raw&gen=css&maxage=18000&useskin=igem";
 +
/*]]>*/</style>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
</head>
 +
 +
<body              class="mediawiki ns-0 ltr page-Team_Cambridge">
 +
  <div id="globalWrapper">
 +
 +
    <div id="top-section">
 +
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    <img src='/wiki/skins/common/images/wiki.png'>"
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
 +
 +
 +
 +
<div id="menubar" class='left-menu noprint'>
 +
  <ul>
 +
                  <li
 +
                class='selected'       ><a href="/Team:Cambridge">Page              </a></li>
 +
              <li
 +
                class='new'       ><a href="/wiki/index.php?title=Talk:Team:Cambridge&amp;action=edit">Discussion              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:Cambridge&amp;action=edit">View source              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:Cambridge&amp;action=history">History              </a></li>
 +
              <li style='color:#808080;cursor:default'>teams</li>
 +
  </ul>
 +
</div> <!-- end menubar (left) -->
 +
 +
<div class="right-menu noprint" id="menubar">
 +
    <ul>
 +
                <li id="pt-login"><a href="/wiki/index.php?title=Special:UserLogin&amp;returnto=Team:Columbia-Cooper-NYC" title="You are encouraged to log in." accesskey="o">Log in</a></li>     </ul>
 +
</div><!-- end right menubar -->
 +
 +
<div id="search-controls" class="noprint">
 +
<form action="/Special:Search" id="searchform">
 +
<input id="searchInput" name="search" type="text" title="Search 2012.igem.org [f]" accesskey="f" value="" />
 +
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
 +
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
 +
</form>
 +
</div> <!-- close search controls -->
 +
    </div> <!-- close top-section-->
 +
    <div id="content">
 +
<a name="top" id="top"></a>
 +
<h1 class="firstHeading">Team:Columbia-Cooper-NYC</h1>
 +
<div id="bodyContent">
 +
<h3 id="siteSub" class="noprint">From 2012.igem.org</h3>
 +
<div id="contentSub"></div>
 +
<!--
 +
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
<!-- start content -->
 +
<p>
 +
<head>
 +
 +
<script type="text/javascript">
 +
 +
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-65298-13']);
 +
  _gaq.push(['_trackPageview']);
 +
 +
  (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
  })();
 +
 +
</script>
 +
<style>
 +
h2{color:#96d446; }
 +
h1, h2, h3, h4, h5{font-family:"Vollkorn", serif; font-size:200%; line-height:35px; border-bottom:0; margin-bottom:5px; border-top:1px dotted #e3e3e3; margin-top:10px; padding-top:30px; font-weight:normal;}
 +
h2.noline{ border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;}
 +
h2.topheader{border-top:0; padding-top:0; margin-top:5px;}
 +
 +
</style>
 +
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
 +
<script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.lavalamp-1.3.4b.js'></script>
 +
<script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.easing.1.3.js'></script>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
 +
 +
<script type="text/javascript">
 +
$('.left-menu ul')[0].innerHTML="<li><a href=\"http://2010.igem.org\" style=\"font-weight:bold; text-transform:none\">iGEM HQ</a></li>"+$('.left-menu ul')[0].innerHTML;
 +
$(function() {
 +
$('ul.llmenu').lavaLamp({ speed: 300, autoReturn: true , target:'li'});
 +
});
 +
$(function(){
 +
        $('ul#accmenu').accordion({
 +
              header:'.head',
 +
              fillSpace:false,
 +
              autoHeight:false,
 +
              navigation:true,
 +
              animated: 'easeslide'})
 +
});
 +
</script>
 +
<script type="text/javascript" src="/Team:Cambridge/lightbox/js?action=raw"></script>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Vollkorn:regular,bold&amp;subset=latin' rel='stylesheet' type='text/css'>
 +
<style>
 +
/**
 +
* jQuery lightBox plugin
 +
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 +
* and adapted to me for use like a plugin from jQuery.
 +
* @name jquery-lightbox-0.5.css
 +
* @author Leandro Vieira Pinho - http://leandrovieira.com
 +
* @version 0.5
 +
* @date April 11, 2008
 +
* @category jQuery plugin
 +
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 +
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 +
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 +
*/
 +
#jquery-overlay {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
z-index: 90;
 +
width: 100%;
 +
height: 500px;
 +
}
 +
#jquery-lightbox {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
z-index: 100;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#jquery-lightbox a img { border: none; }
 +
#lightbox-container-image-box {
 +
position: relative;
 +
background-color: #fff;
 +
width: 250px;
 +
height: 250px;
 +
margin: 0 auto;
 +
}
 +
#lightbox-container-image { padding: 10px; }
 +
#lightbox-loading {
 +
position: absolute;
 +
top: 40%;
 +
left: 0%;
 +
height: 25%;
 +
width: 100%;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#lightbox-nav {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
height: 100%;
 +
width: 100%;
 +
z-index: 10;
 +
}
 +
#lightbox-container-image-box > #lightbox-nav { left: 0; }
 +
#lightbox-nav a { outline: none;}
 +
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
 +
width: 49%;
 +
height: 100%;
 +
zoom: 1;
 +
display: block;
 +
}
 +
#lightbox-nav-btnPrev {
 +
left: 0;
 +
float: left;
 +
}
 +
#lightbox-nav-btnNext {
 +
right: 0;
 +
float: right;
 +
}
 +
#lightbox-container-image-data-box {
 +
font: 10px Verdana, Helvetica, sans-serif;
 +
background-color: #fff;
 +
margin: 0 auto;
 +
line-height: 1.4em;
 +
overflow: auto;
 +
width: 100%;
 +
padding: 0 10px 0;
 +
}
 +
#lightbox-container-image-data {
 +
padding: 0 10px;
 +
color: #666;
 +
}
 +
#lightbox-container-image-data #lightbox-image-details {
 +
width: 70%;
 +
float: left;
 +
text-align: left;
 +
}
 +
#lightbox-image-details-caption { font-weight: bold; }
 +
#lightbox-image-details-currentNumber {
 +
display: block;
 +
clear: left;
 +
padding-bottom: 1.0em;
 +
}
 +
#lightbox-secNav-btnClose {
 +
width: 66px;
 +
float: right;
 +
padding-bottom: 0.7em;
 +
}
 +
 +
</style>
 +
<script>
 +
$(document).ready(function() {
 +
$('a.lightbox').lightBox(); // Select all links with lightbox class
 +
$('a.image').each(function(idx, item) { 
 +
        var src = item.firstChild.src;
 +
src=src.replace(/wiki\/images\/thumb\/(.+)\/(.+)\/(.+)\/(.+)\..../,"wiki/images/$1/$2/$3");
 +
item.href=src;
 +
    });
 +
$('a.image').lightBox();
 +
});
 +
</script>
 +
 +
 +
 +
<link rel="stylesheet" type="text/css" href="http://2010.igem.org/Team:Cambridge/thecss?action=raw&amp;ctype=text/css" />
 +
 +
</head>
 +
<head>
 +
<style>
 +
body{background-image:url('http://farm9.staticflickr.com/8039/7990439399_1970f791f6_h.jpg');
 +
background-position:top left;
 +
background-repeat:repeat-y
 +
 +
body{background-image:url('http://farm9.staticflickr.com/8173/7989724336_9e5441e3ff_b.jpg');
 +
background-position:top right;
 +
background-repeat:repeat-y
 +
}
 +
 +
</style>
 +
<div id="wrap">
 +
<div id="header"><img align="center" style="margin-bottom:0px; padding:0;" width="970" src="http://2012.igem.org/wiki/images/2/25/Heading.png" usemap="#headermap" alt="E. glowli"> </div>
 +
<map name="headermap">
 +
              <area shape="rect" coords="10,30,250,240" href="http://2010.igem.org/Team:Cambridge" />
 +
              <area shape="rect" coords="888,177,942,201" href="http://www.flickr.com/people/roberts87/" />
 +
        </map>
 +
 +
<!-- dd menu -->
 +
<script type="text/javascript">
 +
<!--
 +
var timeout        = 500;
 +
var closetimer = 0;
 +
var ddmenuitem      = 0;
 +
 +
// open hidden layer
 +
function mopen(id)
 +
{
 +
// cancel close timer
 +
mcancelclosetime();
 +
 +
// close old layer
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
 +
// get new layer and show it
 +
ddmenuitem = document.getElementById(id);
 +
ddmenuitem.style.visibility = 'visible';
 +
 +
}
 +
// close showed layer
 +
function mclose()
 +
{
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
}
 +
 +
// go close timer
 +
function mclosetime()
 +
{
 +
closetimer = window.setTimeout(mclose, timeout);
 +
}
 +
 +
// cancel close timer
 +
function mcancelclosetime()
 +
{
 +
if(closetimer)
 +
{
 +
window.clearTimeout(closetimer);
 +
closetimer = null;
 +
}
 +
}
 +
 +
// close layer when click-out
 +
document.onclick = mclose;
 +
// -->
 +
</script>
 +
<style>
 +
#sddm
 +
{ margin: 0;
 +
padding: 0;
 +
      z-index: 30}
 +
 +
#sddm li
 +
{ margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
float: left;
 +
font: bold 11px arial}
 +
 +
#sddm li a
 +
{ display: block;
 +
margin: 0 1px 0 0;
 +
padding: 4px 10px;
 +
width: 85px;
 +
background: #238E23;
 +
color: #FFF;
 +
text-align: center;
 +
text-decoration: none}
 +
 +
#sddm li a:hover
 +
{ background: #B87333}
 +
 +
#sddm div
 +
{ position: absolute;
 +
visibility: hidden;
 +
margin: 0;
 +
padding: 0;
 +
background: #4CC552;
 +
border: 1px solid #5C3317}
 +
 +
#sddm div a
 +
{ position: relative;
 +
display: block;
 +
margin: 0;
 +
padding: 5px 10px;
 +
width: auto;
 +
white-space: nowrap;
 +
text-align: left;
 +
text-decoration: none;
 +
background: #B5EAAA;
 +
color: #5C3317;
 +
font: 11px arial}
 +
 +
#sddm div a:hover
 +
{ background: #B87333;
 +
color: #FFF}
 +
</style>
 +
 +
 +
<!-- div class="sample" style="margin-bottom: 15px;height:42px;"><span -->
 +
<ul id="sddm" style="width:1000px;margin:0 auto">
 +
<li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
 +
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Team</a>
 +
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Team">Biographies</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Facilitators">Facilitators</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Universities">The University(s)</a>
 +
<a href="http://igem.org/Team.cgi?year=2012">Official Profile</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Project</a>
 +
<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Overview">Overview</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Data_and_Conclusions">Data and Conclusions</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Future_Directions">Future Directions</a>
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/References">References</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Parts</a>
 +
<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Parts_Submitted">Parts Submitted</a>
 +
</div>
 +
</li>
 +
<li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Lab Notebook</a>
 +
<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_2">Genetics</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Columbia_notebook_1">Copper Etching</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Protocols">Protocols</a>
 +
</div>
 +
</li>
 +
        <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Human Practice</a>
 +
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Outreach">Outreach</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Collaborations">Collaboration</a>
 +
</div>
 +
</li>
 +
        <li><a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Safety" onmouseover="mopen('m7')" onmouseout="mclosetime()">Safety</a>
 +
<div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Safety">Safety</a>
 +
                <a href="http://2012.igem.org/Security">Security</a>
 +
</div>
 +
</li>
 +
        <li><a href="#" onmouseover="mopen('m8')" onmouseout="mclosetime()">Sponsors</a>
 +
<div id="m8" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
                <a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Sponsor_Us">Sponsor Us</a>
 +
<a href="http://2012.igem.org/Team:Columbia-Cooper-NYC/Acknowledgements">Acknowledgements</a>
 +
</div>
 +
</li>
 +
        <li><a href="http://2012.igem.org/Main_Page" onmouseover="mopen('m9')" onmouseout="mclosetime()">iGEM</a>
 +
<div id="m9" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
</div>
 +
</li>
 +
</ul>
 +
<div style="clear:both"></div>
 +
<!-- /span></div -->
 +
<!-- /dd -->
 +
</script>
 +
</body>
 +
</head>
 +
</html>
 +
 +
 +
 +
<!--
 +
<head>
 +
<style>
 +
h2{
 +
font: 1.5em 'Myriad Pro', 'Gill Sans', 'Arial', sans-serif;
 +
font-weight: bold;
 +
color: black;
 +
}
 +
 +
p{
 +
font: 1.2em Georgia, serif;
 +
color: black;
 +
}
 +
 +
#fredbuilding{
 +
width: 500px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
</style>
 +
</head>
 +
-->
 +
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 +
 +
<body              class="mediawiki ns-0 ltr page-Team_Cambridge">
 +
<head>
 +
 +
 +
 +
<div id="right">
 +
 +
<div style="width:730px; background-color:#5C3317;" class="secheader">The Project</div>
 +
<div class="contwrap">
 +
 +
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">
 +
The Columbia-Cooper iGEM team is working with Acidithiobacillus ferrooxidans to create a light-controlled printed circuit board manufacturing process. This bacteria’s metabolism relies on its ability to oxidize iron; the iron can then be used to oxidize, and in turn solubilize, copper. By genetically altering the bacteria, we intend to install a light sensitive mechanism which will enable us to etch copper in a desired pattern, leaving a finished circuit board. Once a blank printed circuit board is placed in a thin layer of solid media, the bacteria will be applied onto the surface of the media and light will be focused on it in a desired pattern. The light sensitive mechanism in ferrooxidans would activate and self-destruct in the pathway of the light. In the end, the circuit board will be "etched" by the bacteria everywhere but the illuminated spots, leaving the desired pattern behind on the circuit board. </p>
 +
</div>
 +
</div>
 +
 +
 +
 +
<div id="leftbox" style="float:left; height:200px;  width:242px;" class="tophome">
 +
<div id="lefttop" style="background:#B87333; background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png');" class="secheader">iGEM</div>
 +
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> The <a style="color:#6bbe00 !important" href="http://igem.org/Main_Page">International Genetically Engineered Machine competition (iGEM)</a> is the premiere undergraduate Synthetic Biology competition. Student teams are given a kit of biological parts at the beginning of the summer from the <a style="color:#6bbe00 !important" href="http://partsregistry.org/Main_Page">Registry of Standard Biological Parts</a>. Working at their own schools over the summer, they use these parts and new parts of their own design to build biological systems and operate them in living cells. This project design and competition format is an exceptionally motivating and effective teaching method. In 2011 iGEM expanded to include a High School Division and an Entrepreneurship Division is 2012.</p>
 +
</div>
 +
</div>
 +
 +
 +
<div id="cbox" style="float:left; height:200px;  width:241px; margin-left:5px;" class="tophome">
 +
<div id="ctop" style="background:#238E23;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Genetics</div>
 +
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">About our genetics work.</a>.
 +
 +
<script>
 +
var dontclose=false;
 +
function displayGibson(youTubeURL){
 +
var newDiv = document.createElement('div');
 +
newDiv.setAttribute('id',"GibsonVidOverlay");
 +
newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100;  text-align:center; background:url(http://2010.igem.org/wiki/images/e/e9/Opacity9.png) ;");
 +
newDiv.setAttribute('onclick',";hideOverlay();");
 +
newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
 +
$('body')[0].appendChild(newDiv);
 +
}
 +
function hideOverlay(){
 +
if(dontclose){
 +
dontclose=false;
 +
}
 +
else{
 +
$('body')[0].removeChild($('#GibsonVidOverlay')[0]);
 +
}
 +
}
 +
</script>
 +
</div>
 +
</div>
 +
 +
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
 +
<div id="rtop" style="background:#B87333;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Copper Etching</div>
 +
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">About our copper work.</a>.
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<div id="leftbox" style="float:left; height:200px;  width:242px;" class="tophome">
 +
<div id="lefttop" style="background:#238E23; background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png');" class="secheader">Biobrick</div>
 +
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> This is how you link things <a style="color:#6bbe00 !important" href="http://2010.igem.org/Team:Cambridge/Bioluminescence">link</a> blahahahahjhmvgmh.</p>
 +
</div>
 +
</div>
 +
 +
 +
<div id="cbox" style="float:left; height:200px;  width:241px; margin-left:5px;" class="tophome">
 +
<div id="ctop" style="background:#B87333;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Outreach</div>
 +
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;">
 +
<p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">About our genetics work.</a>.
 +
 +
<script>
 +
var dontclose=false;
 +
function displayGibson(youTubeURL){
 +
var newDiv = document.createElement('div');
 +
newDiv.setAttribute('id',"GibsonVidOverlay");
 +
newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100;  text-align:center; background:url(http://2010.igem.org/wiki/images/e/e9/Opacity9.png) ;");
 +
newDiv.setAttribute('onclick',";hideOverlay();");
 +
newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>';
 +
$('body')[0].appendChild(newDiv);
 +
}
 +
function hideOverlay(){
 +
if(dontclose){
 +
dontclose=false;
 +
}
 +
else{
 +
$('body')[0].removeChild($('#GibsonVidOverlay')[0]);
 +
}
 +
}
 +
</script>
 +
</div>
 +
</div>
 +
 +
<div id="rightbox" style="float:left;  height:200px; margin-left:5px; width:242px;" class="tophome">
 +
<div id="rtop" style="background:#238E23;background-image:url('http://2010.igem.org/wiki/images/a/ad/Cam-Gradient-Overlay.png')" class="secheader">Sponsors</div>
 +
<div id="rcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8));
 +
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px; margin-top:5px; position:relative;">
 +
<div style="position:relative; top:10px;">
 +
<a href="http://www.columbia.edu/" id="leftbox" style="background:url('http://farm9.staticflickr.com/8314/8012579613_7f735be070_m.jpg'); position:absolute; width:120px; height:100px; left:0;top:0; background-repeat:no-repeat; display:block;text-align:center; padding-top:70px; background-position: center top; color:#e53500 !important;" >
 +
Columbia<br />University
 +
</a>
 +
<a href="http://cooper.edu/" id="rightbox" style="background:url('http://farm9.staticflickr.com/8318/8012585476_338eb1625f_m.jpg'); position:absolute; width:120px; height:100px; left:120px; text-align:center;top:0; background-repeat:no-repeat;display:block; padding-top:70px; background-position: center top; color:#e53500 !important;" />
 +
Cooper<br />Union
 +
</a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<img src="http://2010.igem.org/wiki/images/7/70/Front.jpg" style="margin-left:4px; margin-bottom:5px; width:710px; margin-top:-2px;">
 +
<div style="height:30px; position:relative; font-size:12px; color:#6e6e6e; line-height:15px;">
 +
<div style="position:absolute; width:230px; left:5px; text-align:center;"> Caption </div>
 +
<div style="position:absolute; width:230px; left:240px; text-align:center;">Caption</div>
 +
<div style="position:absolute; width:220px; left:485px; text-align:center;">Caption</div>
 +
</div>
 +
 +
</p>
 +
<p>&nbsp;</p>
 +
<p>
 +
<style>
 +
a {color:#386abc ! important}
 +
a {color:{{{linkcolour}}} ! important}
 +
#left a{
 +
    color:#555 ! important;
 +
}
 +
 +
</style>
 +
 +
 +
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
 +
</div>
 +
<!-- Served in 0.186 secs. --></body>
 +
 +
</html>

Revision as of 14:57, 29 September 2012

hello

edit
Left text

Team:Columbia&Cooper - 2012.igem.org

 

Team:Columbia-Cooper-NYC

From 2012.igem.org



Biobrick

This is how you link things link blahahahahjhmvgmh.

Outreach

About our genetics work..

Caption
Caption
Caption