Team:Peking/Lab

<html>
<style type="text/css">
/* hiding the top section*/
body{position:absolute; top:0px; width:100%; height:1480px;}
#top-section{
   height:0px;
    border:none;
    width:980px;
    margin:0 auto;
    padding:0 0 0 0;
    background-color:transparent;
    overflow:hide;

}
#p-logo{display:none;}
#search-controls{display:none;}
#top{display:none;}
.firstHeading{display:none;}
/* end of hiding the top section*/

/* global setting*/
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
#content{
    background-color:transparent;
    border:none;
    width:1349px;
    height:700px;
    marign:0 auto;
    padding:0 0 0 0;
    top:-40px;
    }
#bodyContent{
    background-color:transparent;
    border:none;
    
    }
siteSub{
    display:none;
    border:none;
    }
contentSub{
    display:none;
    }
/* end of global setting*/

/*hiding the footer-box*/
#footer-box{display:none;}
#catlinks{display:none;}
/*end of hiding the footer book*/

/* menu (page, edit ...) */
#menubar {
    background-color:transparent;
    position: relative;
    float:left;
    white-space: nowrap;
    top:-6px;
    width: 490px;
    z-index: 5000;
    font-family: sans-serif;
    font-size: 95%;
    line-height: 1em;
    z-index:99;
}


.left-menu, .left-menu a {
    text-align: left;
    color:#999999;
    text-transform: lowercase;
}

.left-menu:hover {
    color: #D00000;
    background-color: transparent;
}

.right-menu{width:400px; float:right}
.right-menu, .right-menu a {
    right: 0px;
    text-align: right;
    color: #999999;
}
#menubar ul {
    color: #999999;
    list-style: none;
}
#menubar li {
    display: inline;
    position: relative;
    cursor: pointer;
    padding-left: 0px;
    padding-right: 0px;
}
.left-menu li a {
    padding: 0px 10px 0px 0px;
}
.left-menu .selected {
#    color: #999999;
}
#.left-menu .selected:hover {
#    color: #999999;
#}

.left-menu:hover a {
    color: #999999;;
}

.left-menu li a:hover {
    color: #D00000;
    text-decoration: underline;
}


.right-menu li {
#    background-color: transparent;
}
.right-menu li a {
    padding: 0px 15px 0px 0px;
    color: #999999;;
    background-color: transparent;
}
.right-menu li a:hover {
    color: #D00000;
    text-decoration: underline;
}
/* end menu (edit, page ...) */

/* navigation bar*/

#navigationblock{background-color:#fafaf8; position:fixed; top:0px; width:1349px; height:130px; overflow:hidden; font-family:Microsoft YaHei,Calieri, Arial; float:left; margin:0px; padding:0px; z-index:1000; border-bottom:1px solid #d3d7d8;}
#navbarlogo{position:relative; top:8px; float:left; height:120px;}
#navigationbar{position:absolute; left:600px; top:28px; font-size:16px; font-weight:100; color:black;}
#navigationbar > li {display:block; list-style-type:none; float:left; width:85px; height:100px; text-align:center; background-color:transparent;}

.Navbar_Item a {color:black; text-decoration:none;}
.Navbar_Item > ul {display:none; width:500px; height:80px; text-align:center; color:black;}
.Navbar_Item > ul > li {float:left; list-style:none; width:100px; text-align:center; background-color:transparent; position:relative; top:10px;}
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000}
.Navbar_Item:hover > ul{ display:block;}
.Navbar_Item:hover >a {color:#D00000}
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000}
.Navbar_Item > ul > li:hover >a {color:#D00000}


#Home_Sublist{position:relative; top:0px; left:-50px;}
#Team_Sublist{position:relative; top:0px; left:-60px;}
#Project_Sublist{position:relative; top:0px; left:-200px;}
#Model_Sublist{position:relative; top:0px; left:-140px;}
#Lab_Sublist{position:relative; top:0px; left:-180px;}
#HumanPractice_Sublist{position:relative; top:0px; left:-220px;}

#iGEM_logo{position:relative; top:8px; float:right; height:120px;}
/*end navigation bar*/

/*Major body*/
#MajorBody{position:absolute; top:0px; left:0px; width:1349px; height:2000px; background-color:#FFFFFF;}
#ProjectTitle{position:absolute; left:0px; background-color:#2e0928; width:1349px; height:210px; top:150px; z-index:600;}
#ProjectName{position:absolute; left:580px; top:30px; border-bottom:0px; color:#FFFFFF; font-size:65px; font-family:Impact,Arial, Helvetica, sans-serif;}
#ProjectSubname{position:absolute; left:550px; top:130px; border-bottom:0px; color:#FFFFFF; font-size:19px;  font-family:Arial, Helvetica, sans-serif;}

#EPTubes{position:absolute; top:360px; left:130px; width:1080px;}

#XueBa{position:absolute; top:1000px; left:410px; width:530px; height:530px; background-color:transparent;}
#XueBaPhoto{position:absolute; top:0px; left:0px; width:530px;}

.QuestionTitle{position:absolute; left:200px; width:950px;}
.QuestionSubtitle{position:absolute; left:200px; width:950px;}
.QuestionAnswer{position:absolute; left:200px; width:950px;}

#Question1Title{top:900px;}
#Question1Subtitle{}
#Question1Answer{}





/*end of Major body*/
#AcknowledgementBox{ position:absolute; left:0px; top:2000px; width:1349px;}


</style>


<!--navigationbar-->

<div id="navigationblock">
	<img id="navbarlogo" src="https://static.igem.org/mediawiki/igem.org/c/c9/Peking_Logo.jpg"/>
	<ul id="navigationbar">
		<li id="PKU_navbar_Home" class="Navbar_Item">
			<a href="https://2013.igem.org/Team:Peking">home</a>
			<ul id="Home_Sublist" >
				<li><a>Item1</a></li>
				<li><a>Item2</a></li>
				<li><a>Item3</a></li>
			</ul>
		</li>
		<li id="PKU_navbar_Team" class="Navbar_Item">
			<a href="https://2013.igem.org/Team:Peking/Team">team</a>
			<ul id="Team_Sublist">
				<li><a>Item1</a></li>
				<li><a>Item2</a></li>
				<li><a>Item3</a></li>
			</ul>
		</li>
		<li id="PKU_navbar_Project" class="Navbar_Item">
			<a href="https://2013.igem.org/Team:Peking/Project">project</a>
			<ul id="Project_Sublist">
				<li><a>Existing Biosensors</a></li>
				<li><a>Plug-ins & Expansion</a></li>
				<li><a>Band-pass Circuit</a></li>
                                <li><a>Application</a></li>
			</ul>
		</li>
		<li id="PKU_navbar_Model" class="Navbar_Item">
			<a href="https://2013.igem.org/Team:Peking/Model">model</a>
			<ul id="Model_Sublist">
				<li><a>Item1</a></li>
				<li><a>Item2</a></li>
				<li><a>Item3</a></li>
			</ul>
		</li>
		<li id="PKU_navbar_Lab" class="Navbar_Item">
			<a href="https://2013.igem.org/Team:Peking/Lab">safty</a>
			<ul id="Lab_Sublist">
				<li><a>Item1</a></li>
				<li><a>Item2</a></li>
				<li><a>Item3</a></li>
			</ul>
		</li>
		<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px">
			<a href="https://2013.igem.org/Team:Peking/HumanPractice">human practice</a>
			<ul id="HumanPractice_Sublist">
				<li><a>Item1</a></li>
				<li><a>Item2</a></li>
				<li><a>Item3</a></li>
			</ul>
		</li>
		
	</ul>
        <a href="https://igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a>
</div>
<!--end navigationbar-->

<!--MajorBody-->
<div id="MajorBody">
       
	<div id="ProjectTitle">
		<h1 id="ProjectName">SAFETY</h1>
                <h1 id="ProjectSubname">ARE WE BIOSAFE ENOUGH?</h1>
	</div>
        <img id="EPTubes" src="https://static.igem.org/mediawiki/2013/0/07/Peking_SafetyEPs.jpg">

        <div id="XueBa">
             <img id="XueBaPhoto" src="https://static.igem.org/mediawiki/2013/f/f6/Peking_SafetyXueba.png">
        </div>

        <h1 id="Question1Title" class="QuestionTitle">Experimental Safety</h1>
        <h2 id="Question1Subtitle" class="QuestionSubTitle">Would any of your project ideas raise safety issues in terms of:researcher safety, public safety, or environmental safety</h2>
        <p id="Question1Answer" class="QuestionAnswer">The only organisms we worked with are Escherichia coli K 12 and Pseudomonas Putida MT 2, both of which are considered lab-safe. The main dangerous elements in this project are the target aromatic chemicals. The risks these aromatic compounds pose are precisely the reason that we are working with them. We took careful steps to protect ourselves while working with them in the lab.                                                                                                                         (picture of Xue Haoran)Members who were working directly with these compounds wore particulate respirators for protection against inhalation. In addition to masks, lab members also wore lab coats and gloves to protect against absorption into the skin. After use, these compounds were disposed of by sending them off to the College of Chemistry for appropriate handling.  
Containment is not a problem. If our E. coli or parts leaked into the environment, we do not foresee bacteria that fluoresce upon exposure to toxic aromatic compounds being an environmental or health hazard. Our parts would be very difficult to maliciously misuse, unless the intent is to maliciously detect compounds.</p>

        <h1 id="Question2Title" class="QuestionTitle"></h1>
        <h2 id="Question2Subtitle" class="QuestionSubTitle"></h2>
        <p id="Question1Answer" class="QuestionAnswer"></p>

        <h1 id="Question3Title" class="QuestionTitle"></h1>
        <h2 id="Question3Subtitle" class="QuestionSubTitle"></h2>
        <p id="Question1Answer" class="QuestionAnswer"></p>

        <h1 id="Question4Title" class="QuestionTitle"></h1>
        <h2 id="Question4Subtitle" class="QuestionSubTitle"></h2>
        <p id="Question1Answer" class="QuestionAnswer"></p>
        
</div><!--end of major body-->
<img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/igem.org/c/c4/Peking_Sponsors.jpg">
<!--end of acknowledgement box-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
$(window).scroll(function(){
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
});

$(window).resize(function(){
  if(0==document.getElementById("content").offsetLeft){ $('#navigationblock').css('left',-$(window).scrollLeft());}
  else{$('#navigationblock').css('left',document.getElementById("content").offsetLeft); }
});
</script>

</html>