Team:HKUST-Hong Kong/Project Abstraction

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

  <script type="text/javascript">
   $(document).ready(function(){
    $('#Home').mouseover(function(){
     $('#Home').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
    });
    $('#Home').mouseleave(function(){
     $('#Home').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
    });
    $('#Project').mouseover(function(){
     $('#Project').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
    });
    $('#Project').mouseleave(function(){
     $('#Project').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
    });
    $('#Team').mouseover(function(){
     $('#Team').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
    });
    $('#Team').mouseleave(function(){
     $('#Team').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
    });
    $('#Parts').mouseover(function(){
     $('#Parts').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
    });
    $('#Parts').mouseleave(function(){
     $('#Parts').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
    });
    $('#Extras').mouseover(function(){
     $('#Extras').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
    });
    $('#Extras').mouseleave(function(){
     $('#Extras').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
    });
    $('#Home').click(function(){
     $('#Home_Content').slideToggle("slow");
    });
    $('#Project').click(function(){
     $('#Project_Content').slideToggle("slow");
    });
    $('#menubar').mouseover(function(){
     $('#menubar').stop().animate({top:"0px"},500);
    });
    $('#menubar').mouseleave(function(){
     $('#menubar').stop().animate({top:"-40px"},500);
    });
    $('#menubar.right-menu').mouseover(function(){
     $('#menubar.right-menu').stop().animate({top:"0px"},500);
    });
    $('#menubar.right-menu').mouseleave(function(){
     $('#menubar.right-menu').stop().animate({top:"-40px"},500);
    });
    $('#News_Click').click(function(){
     $('#News_Content').slideToggle("slow");
    });
   });

 </script>

<title>Team:HKUST-Hong Kong - 2012.igem.org</title>

<style type="text/css">

.firstHeading {
    height:0px;
    visibility:hidden;
}
#content {
    border-left-width:1px;
    border-right-width:1px;
    width:965px;
}
#top-section {       
        background-position: center center; 
        background-repeat: no-repeat; 
        background-color: #92d2ff;
        border-width:0px;
        height:0;
}
#siteSub {
    display:none;
}
#contentSub {
    display:none;
}
#search-controls {
    margin-top:14px;
}
#menubar { 
    background-color:  #000000;
    top: -4px;
    width: 488px;
    height:40px;
    position:absolute;
    top:-40px;
    border-bottom:3px solid #FF8A00;
}

#menubar ul li a { 
    color: #007da6;
}

#menubar.right-menu{
positon:relative;
}

.right-menu li a { 
    color: #007da6;  
    background-color: #000000;
}

#search-controls{
display:none;
}
#Notebook_Content{
       width:200px;
       margin-left:10px;
       margin-right:10px;
       background-color:#FFDDFF;
       display:none;
       height:auto;
}

#Modeling_Content{
       width:200px;
       margin-left:10px;
       margin-right:10px;
       background-color:#DDFFFF;
       display:none;
       height:auto;
}

#topHeader{
       width:965px;
       height:320px;
}

.firstHeading{
        width:950px;
        alignment-adjust:right;
        visibility:hidden;
        display:none;
}

#contentSub{
        display:none;
}

#globalWrapper{
        background-color:#999;
}

#content {
background-color: #FFF;
border-left-color:#FFF;
border-right-color:#FFF;
}


#Navigation_top{
padding-top:20px;
width:971px;
height:auto;
background-color: #FFBB55;
float:left;
border-left:3px solid #FF8A00;
border-right:3px solid #FF8A00;
border-bottom:3px solid #FF8A00;
position:relative;
background-image:url('http://www.anders.bennehag.com/wp-content/uploads/2009/02/hkust2.jpg');
top:-20px;
left:-6px;
border-radius:10px;
-moz-border-radius:10px;
}

.Navigation_Buttons{
width:168px;
height:50px;
margin:10px;
position:relative;
float:left;
background-color:#333333;
opacity:0.6;
border:3px solid #000000;
border-radius:10px;
-moz-border-radius:10px;
}

.Navigation_Buttons#Home{
clear:both;
}

.Navigation_Buttons h3 p{
color:#FFFFFF;
}

div.Navigation_Content{
width:950px;
height:auto;
margin:7px;
display:none;
float:left;
opacity:0.6;
background-color:#555555;
border:3px solid #000000;
border-radius:10px;
-moz-border-radius:10px;
}

.Navigation_Content#Home_Content{
position:inherit;
}

.Content_Buttons{
width:164px;
height:50px;
margin:10px;
background-color:#000000;
padding-top:20px;
opacity:1.0;
position:relative;
text-align:center;
vertical-align:middle;
float:left;
border:3px solid #FFFFFF;
border-radius:7px;
-moz-border-radius:7px;
}

.Content_Buttons p a{
color:#33DDFF;
text-decoration:none;
size:10px;
}

.Upper_Logos#iGEM_Logo{
width:100px;
height:80px;
background-image:url('https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png');
background-size:100px 80px;
background-repeat:no-repeat;
float:left;
}

.Upper_Logos#HKUST_Logo{
width:80px;
height:80px;
background-image:url('https://static.igem.org/mediawiki/2012/b/b0/UCL-Igem.png');
background-size:70px 80px;
background-repeat:no-repeat;
float:left;
}

#Side_Bar{
clear:both;
width:265px;
height:750px;
background-color:#CCFFCC;
float:right;
border:3px solid #99FF99;
border-radius:10px;
-moz-border-radius:10px;
}

#News_Bar{
background-color:#FFDDDD;
border:3px solid #FF9999;
border-radius:10px;
-moz-border-radius:10px;
width:265px;
height:auto;
padding-bottom:10px;
margin-bottom:10px;
}

#News_Content{
border:1px solid #FF9999;
width:250px;
height:200px;
overflow:auto;
border-radius:6px;
-moz-border-radius:6px;
display:none;
}
</style>

</head>
<body>
        <div id="Navigation_top">
           <div id="iGEM_Logo" class="Upper_Logos"></div>
           <div id="HKUST_Logo" class="Upper_Logos"></div>
           <div class="Navigation_Buttons" id="Home" align="center"><h3><p>HOME</p></h3></div>
           <div class="Navigation_Buttons" id="Project" align="center"><h3><p>PROJECT</p></h3></div>
           <div class="Navigation_Buttons" id="Team" align="center"><h3><p>TEAM</p></h3></div>
           <div class="Navigation_Buttons" id="Parts" align="center"><h3><p>PARTS</p></h3></div>
           <div class="Navigation_Buttons" id="Extras" align="center"><h3><p>EXTRAS</p></h3></div>

           <div class="Navigation_Content" id="Home_Content">
               <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong">Home Page</a></p></div>
               <div class="Content_Buttons"><p>content1</p></div>
               <div class="Content_Buttons"><p>content2</p></div>
               <div class="Content_Buttons"><p>content3</p></div>
               <div class="Content_Buttons"><p>content4</p></div>
               <div class="Content_Buttons""><p>content5</p></div>
               <div class="Content_Buttons"><p>content6</p></div>
           </div>
           <div class="Navigation_Content" id="Project_Content">
               <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project_Abstraction">Project Abstraction</a></p></div>
               <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project">Project Description</a></p></div>
               <div class="Content_Buttons"><p>content1</p></div>
               <div class="Content_Buttons"><p>content2</p></div>
               <div class="Content_Buttons"><p>content3</p></div>
               <div class="Content_Buttons"><p>content4</p></div>
           </div>
           <div class="Navigation_Content" id="Team_Content" align="center">
           </div>
           <div class="Navigation_Content" id="Parts_Content" align="center">
           </div>
           <div class="Navigation_Content" id="Extras_Content" align="center">
           </div>
        </div>
           <div id="paragraph1" class="bodyParagraphs">
           <div align="left">
              <h1><p>Project Abtraction</p></h1>
           </div>
           <p><b style="color:#3344FF;size:10px">Project name: B. hercules</b> <br> <b style="color:#3344FF;size:10px"><i>The Terminator of Colon Cancer</b></i></p>
           <p>The dispersal of toxic anti-tumor chemicals in the circulatory system during conventional cancer treatment prompts us to consider the need of alternative cancer therapies. In an effort to combat with colorectal carcinoma, we aim to use genetically modified <i>Bacillus subtilis</i> to execute targeted drug delivery to cancer cells in the digestive tract, offering an advantage of generating minimal adverse effect on normal colon epithelial cells. Targeting is achieved by expressing <i>RPMrel</i>, a colon tumor specific binding peptide, on the cell wall using a LytC cell wall binding system. The anti-tumor cytokine, bone morphogenetic protein 2 <i>(BMP-2)</i>, is synthesized and secreted out from the bacteria with the help of a signaling peptide fused to the protein. To control the timing and amount of <i>BMP2</i> release, two regulatory systems, xylose-inducible system and ydcE/ydcD toxin-antitoxin system are introduced to minimize the harmful effect from <i>BMP2</i> overdose. </p>
           </div>
<style type="text/css">

#paragraph1{
background-color:#EDFFFF;
width:680px;
height:auto;
float:left;
padding-bottom:5px;
padding-left:5px;
margin-top:5px;
margin-bottom:5px;
border:3px solid #A1FFFF;
border-radius: 10px;
-moz-border-radius:10px;
}
</style>
</body>
</html>