Team:UT Dallas/NotebookWeek2

<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>biz solution</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/arial.js"></script>
<script type="text/javascript" src="js/cuf_run.js"></script>

</head>
<body>
<style media="screen" type="text/css">
@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	color:#959595;
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;
	background:#404040;
}
html, .main {
	padding:0;
	margin:0 auto;
	width:970px;
}
.logo {
	float:left;
	width:300px;
	height:51px;
	padding:15px;
	margin:0 auto;
}
h1 {
	margin:0;
	padding:0;
	color:#afaeae;
	font:bold 38px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:-2px;
}
h1 a, h1 a:hover {
	color:#afaeae;
	text-decoration:none;
}
h1 span {
	color:#9dd9ff;
}
h1 small {
	display:block;
	padding:0;
	font:normal 12px/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:normal;
}
h2 {
	font:normal 24px Arial, Helvetica, sans-serif;
	padding:8px 0;
	margin:0;
	color:#595959;
}
h3 {
	font:normal 46px Arial, Helvetica, sans-serif;
	padding:80px 0 0;
	margin:0;
	color:#FFF;
}
p {
	margin:8px 0;
	padding:0 0 8px 0;
	font:normal 12px/1.8em Arial, Helvetica, sans-serif;
}
p.spec {
}
a {
	color:#97c950;
	text-decoration:underline;
}
a.rm, a.com {
	padding:0;
	text-decoration:none;
	padding:5px 15px;
	background:#78bbe6;
	color:#FFF;
}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}
.header {
	padding:0;
	margin:0 auto;
}
.hbg {
	padding:0;
	margin:0;
	background:#78bbe6;
	height:271px;
}
.hbg img {
	float:left;
}
.hbg .text {
	float:left;
	width:317px;
	text-align:center;
}
.menu_nav {
	margin:0;
	padding:0;
	height:81px;
}
.menu_nav ul {
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}
.menu_nav ul li {
	margin:0;
	padding:25px 5px 0 0;
	float:left;
}
.menu_nav ul li a {
	display:block;
	margin:0 5px 0 0;
	padding:10px 15px;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	line-height:16px;
	background:#cccccc;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	text-decoration:none;
	background:#78bbe6;
}
.content {
	padding:13px;
	margin:0;
}
.mainbar {
	margin:0;
	padding:0;
	float:right;
	width:643px;
}
.mainbar img {
	padding:4px;
	border:1px solid #f2f2f1;
	background:#FFF;
}
.mainbar img.fl {
	margin:4px 16px 4px 0;
	float:left;
}
.mainbar .article {
	margin:0;
	padding:10px 0 5px 20px;
}
.mainbar .article a {
	color:#78bbe6;
}
.mainbar .post-data a {
	color:#595959;
}
.mainbar .spec a.rm, .mainbar a.com {
	color:#FFF;
}
.sidebar {
	padding:0;
	float:left;
	width:301px;
}
.sidebar .gadget {
	margin:0;
	padding:10px 20px 5px 0;
}
.sidebar .gadget .title {
	text-align:right;
}
.sidebar .gadget span.q {
	text-align:right;
	font:normal 60px/12px Arial, Helvetica, sans-serif;
	color:#d9d9d9;
}
ul.sb_menu, ul.ex_menu, .testi {
	margin:0;
	padding:0;
	color:#939393;
	list-style:none;
}
ul.sb_menu li, ul.ex_menu li {
	margin:0;
}
ul.sb_menu li {
	padding:2px 0;
}
ul.ex_menu li {
	padding:2px 0;
}
ul.sb_menu li a, ul.ex_menu li a {
	display:block;
	color:#959595;
	text-decoration:none;
	padding:5px 5px 5px 15px;
	background:url(
https://static.igem.org/mediawiki/2011/archive/e/e1/20110714195925%21Menu_link.gif) no-repeat left center;
}
ul.ex_menu li span {
	padding:0 0 0 15px;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu li.active a, ul.ex_menu li.active a {
	background:url(https://static.igem.org/mediawiki/2011/1/1b/Menu_hover.gif) no-repeat left center;
}
ul.sb_menu li a:hover {
	text-decoration:underline;
}
ul.ex_menu li a:hover {
	text-decoration:underline;
}
.content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.fbg {
	margin:0;
	padding:20px;
	background:#78bbe6;
}
.fbg img {
	padding:4px;
	border:1px solid #cfd2d4;
	background-color:#fff;
}
.fbg p, .fbg h2 {
	color:#fbfbfb;
}
.fbg a {
	color:#fbfbfb;
}
.fbg .col {
	margin:0;
	float:left;
	background:url(
https://static.igem.org/mediawiki/2011/0/04/Fbg_line.gif) repeat-y right;
}
.fbg .c1 {
	padding:0 20px 0 0;
	width:260px;
}
.fbg .c2 {
	padding:0 20px;
	width:320px;
}
.fbg .c3 {
	padding:0 0 0 20px;
	width:270px;
	background:none;
}
.fbg .c1 img {
	margin:8px 16px 8px 0;
}
.fbg .c3 img {
	margin:8px 16px 4px 0;
	float:left;
}
.footer {
}
.footer_resize {
	margin:0 auto;
	padding:20px;
	width:930px;
}
.footer p {
	margin:0;
	padding:4px 0;
}
.footer a {
	color:#9a9a9a;
	padding:inherit;
	text-decoration:underline;
}
.footer a:hover {
	text-decoration:none;
}
.footer .lf {
	float:left;
}
.footer .rf {
	float:right;
}
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li input.text {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:5px 2px;
	height:16px;
	background:#fff;
}
ol li textarea {
	width:480px;
	border:1px solid #c0c0c0;
	margin:2px 0;
	padding:2px;
	background:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}
.search {
	padding:0;
	margin:0;
}
.search span {
	width:280px;
	display:block;
	background:#FFF;
	height:29px;
	margin:0;
	padding:0;
	border:1px solid #e1dddd;
}
.search input#s {
	float:left;
	width:230px;
	padding:7px 0 7px 10px;
	margin:0;
	border:0;
	background:none;
	color:#afaeae;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
}
.search .btn {
	float:left;
	padding:0;
	margin:0;
	border:0;
	width:auto;
}
.pagenavi {
	clear:both;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:0 auto;
	text-align:right;
	padding:20px 0 20px 20px;
}
.pagenavi a, .pagenavi .current {
	margin-left:3px;
	padding:3px 8px;
	text-decoration:none;
	color:#939393;
	background:#f9fbfc;
	border:1px solid #d9e3cb;
}
.pagenavi a:hover, .pagenavi .current {
	background:#78bbe6;
	color:#FFF;
}
.pagenavi .pages {
	float:left;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
</style>
<div class="main">
  <div class="header">
    <div class="logo">
      <h1><span>UTDallas</span> iGem<small></small></h1>
    </div>
 
    <div class="menu_nav">

      <ul>
        <li><a href="https://2011.igem.org/Team:UT_Dallas"><font size="3" face="verdana">Home</a></font></li>
        <li><a href="https://2011.igem.org/Team:UT_Dallas/Team"><font size="3" face="verdana">Team</a></font></li>
        <li><a href="https://2011.igem.org/Team:UT_Dallas/Project"><font size="3" face="verdana">Project</a></font></li>
        <li><a href="https://2011.igem.org/Team:UT_Dallas/Protocols"><font size="3" face="verdana">Protocols</a></font></li>
        <li><a href="https://2011.igem.org/Team:UT_Dallas/Parts"><font size="3" face="verdana">Parts</a></font></li>
        <li><a href="https://2011.igem.org/Team:UT_Dallas/Modeling"><font size="3" face="verdana">Modeling</a></font></li>
        <li class = "active"><a href="https://2011.igem.org/Team:UT_Dallas/Notebook"><font size="3" face="verdana">Notebook</a></font></li>
        <li><a href="https://2011.igem.org/Team:UT_Dallas/HumanPractices"><font size="3" face="verdana">Human Practices</a></font></li>
        <li><a href="https://2011.igem.org/Team:UT_Dallas/Safety"><font size="3" face="verdana">Safety</a></font></li>
        
      </ul>
      <div class="clr"></div>
    </div>
    <div class="clr"></div>
    <div class="hbg"><img src="https://static.igem.org/mediawiki/2011/b/b2/Original_Banner_for_UTD_website.png" width="970" height="300" alt="" />
     

    </div>
  </div>
  <div class="content">
    <div class="content_bg">
      <div class="mainbar">
        <div class="article">
          <h2><span> Week 2</span></h2>
          <p><font size = "5" face= "arial" color = "#184D79"><b>July 18-</b></font>
              <blockquote><li type = "circle">Colony grew, negative control didn’t<li type = "circle">Transfomation- 50 µL DH5α, 2 µL DNA at 37 degrees Celsius overnight (all carb)<li type = "circle">Glycerol stock- 350 µL of cells and 150 µL of 50% glycerol<li type = "circle">Miniprep<li type = "circle">Dissolving and diluting primers (10 pmol/µL)<li type = "circle">PCR and gel electrophoresis and purification<li type = "circle">Digestion for 1 hour and 30 minutes at 37 degrees Celsius<li type = "circle">Gel Electrophoresis and Purification <li type = "circle">Digestion and ligation</blockquote>
         <p><font size = "5" face= "arial" color = "#184D79"><b>July 19-</b></font>
              <blockquote><li type = "circle">Transformation- 50 µL DH5α, 2 µL DNA at 37 degrees Celsius overnight</blockquote>

         <p><font size = "5" face= "arial" color = "#184D79"><b>July 20-</b></font>
              <blockquote><li type = "circle">Incubate in 3 mL of LB and appropriate antibiotic overnight at 37 degrees Celsius and 220 rpm<li type = "circle">Ligation of Photo and YFP (i2.5.4 and i2.5.1) for 10 minutes at room temperature<li type = "circle">Transformation of Photo and YFP 50 µL DH5α, 2 µL DNA at 37 degrees Celsius overnight (all chlora)<li type = "circle">Making competent cells- 20 tubes (250 µL each) RP437, 20 tubes (250 µL each) BW2513</blockquote>

         <p><font size = "5" face= "arial" color = "#184D79"><b>July 21-</b></font>
              <blockquote><li type = "circle">Glycerol stock- 150 µL of 50% glycerol and 350 µL of cells<li type = "circle">Miniprep<li type = "circle">Incubate in 3 mL LB and appropriate antibiotic overnight at 37 degrees Celsius and 220 rpm<li type = "circle">Test digestion for 1 hour and 20 minutes a 37 degrees Celsius<li type = "circle">-	Test digestion for 1 hour and 20 minutes a 37 degrees Celsius</blockquote>

         <p><font size = "5" face= "arial" color = "#184D79"><b>July 22-</b></font>
              <blockquote><li type = "circle">Glycerol Stock- 150 µL of 50% glycerol and 350 µL of cells<li type = "circle">Miniprep<li type = "circle">Glycerol stock- 350 µL of cells abd 150 µL of 50% glycerol<li type = "circle">Dissolving and Diluting primers<li type = "circle">Test digestion and gel electrophoresis </blockquote>
          <div class="clr"></div>


          

                  <div class="clr"></div>
        </div>
        <div class="article">

              </div>

        <!--<div class="pagenavi"><span class="pages">Page 1 of 2</span><span class="current">1</span><a href="#">2</a><a href="#" >&raquo;</a></div>-->
      </div>
      <div class="sidebar">
        <div class="gadget">
          <div class="search">
           
              

              
            </form>
     
          </div>
       
        </div>
        <div class="gadget">

          <h2><span></span><font size="5" face="Arial">Weeks 1-12</font></h2>
          <div class="clr"></div>
          <ul class="sb_menu">
             <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek1"><img src="https://static.igem.org/mediawiki/2011/9/95/W1.png" width="210" height="43"><br></br>
            <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek2"><img src="https://static.igem.org/mediawiki/2011/5/58/W2Bold.png" width="210" height="43"><br></br>
            <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek3"><img src="https://static.igem.org/mediawiki/2011/7/7f/W3.png" width="210" height="43"><br></br>
            <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek4"><img src="https://static.igem.org/mediawiki/2011/d/dd/W4.png" width="210" height="43"><br></br>
            <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek5"><img src="https://static.igem.org/mediawiki/2011/c/c1/W5.png" width="210" height="43"><br></br>
            <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek6"><img src="https://static.igem.org/mediawiki/2011/8/8d/W6.png" width="210" height="43"><br></br>
            <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek7"><img src="https://static.igem.org/mediawiki/2011/2/25/W7.png" width="210" height="43"><br></br>
            <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek8"><img src="https://static.igem.org/mediawiki/2011/c/c6/W8.png" width="210" height="43"><br></br>
            <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek9"><img src="https://static.igem.org/mediawiki/2011/c/ce/W9.png" width="210" height="43"><br></br>
            <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek10"><img src="https://static.igem.org/mediawiki/2011/6/6a/W10.png" width="210" height="43"><br></br>
            <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek11"><img src="https://static.igem.org/mediawiki/2011/7/79/W11.png" width="210" height="43"><br></br>
            <a href="https://2011.igem.org/Team:UT_Dallas/NotebookWeek12"><img src="https://static.igem.org/mediawiki/2011/8/8a/W12.png" width="210" height="43"><br></br>
          
          </ul>
        </div></a>
                      <div class="gadget">
          
          <div class="clr"></div>
          <div class="testi">
            


                 </div>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="fbg">

    <div class="col c1">
      <h2><span>Image Gallery</span></h2>
      <a href="#"><img src="https://static.igem.org/mediawiki/2011/e/eb/Pic_1.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/8/87/Pic_2.jpg
" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/e/e8/Pic_3.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/2/2a/Pic_4.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/1/17/Pic_5.jpg" width="58" height="58" alt="" /></a> <a href="#"><img src="https://static.igem.org/mediawiki/2011/7/76/Pic_6.jpg" width="58" height="58" alt="" /></a> </div>
    <div class="col c2">
      <h2><span><font size="5" face="arial">UT Dallas</span></font></h2>
     <img src="https://static.igem.org/mediawiki/2011/a/ad/Nserl_Pic.png" width="112" height="138" alt="" ALIGN = RIGHT />     
 <p>
      </font></p><p><a href="https://2011.igem.org/Team:UT_Dallas/UTDallas"><font size="3" face="verdana">Click here to learn more&nbsp; about UTD</a></font></p>
    </div>
    <div class="col c3">
      <h2><span><font size="5" face="arial">Notebook</span></font></h2>
      <p></p><p> <a href="https://2011.igem.org/Team:UT_Dallas/Notebook"><font size="3" face="verdana">Learn more...</a></font></p>

    </div>
    <div class="clr"></div>
  </div>
  <div class="footer">
    <div class="footer_resize">

      <!--<p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
      <p class="rf">Layout by Cool <a href="http://www.coolwebtemplates.net/">Website Templates</a></p>-->

      <div class="clr"></div>
    </div>
  </div>
</div>
</body>
</html>