Template:Http://2012.igem.org/User:Tabima

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<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://linacabal.com/juan/ddaccordion.js">

/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script> 

<script type="text/javascript">

//Initialize Arrow Side Menu:
ddaccordion.init({
	headerclass: "menuheaders", //Shared CSS class name of headers group
	contentclass: "menucontents", //Shared CSS class name of contents group
	revealtype: "mouseover", //Reveal content when user clicks or onmouseover the header? Valid value: "click", or "mouseover"
	mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
	collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
	defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
	onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
	animatedefault: false, //Should contents open by default be animated into view?
	persiststate: true, //persist state of opened contents within browser session?
	toggleclass: ["unselected", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
	animatespeed: 500, //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
	oninit:function(expandedindices){ //custom code to run when headers have initalized
		//do nothing
	},
	onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
		//do nothing
	}
})

</script>

<style type="text/css">

#content {
	
}

#toc, .toc {
	display:none;

}

h1, h2, h3, h4, h5, h6 {
	border: 0px;
color: #427000;
}

.arrowsidemenu{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
	
	
	

}

.arrowsidemenu ul{
list-style-type: none;
list-style-image: none;
}
	
.arrowsidemenu div a{ /*header bar links*/
	font: bold 12px Helvetica, Arial, sans-serif;
	display: block;
	background: transparent url(https://static.igem.org/mediawiki/2012/e/e6/Arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #26370A;
}

.arrowsidemenu div a:hover{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #283b00;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: #616161;
	background-position: 100% -64px !important;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #a1c67b;
	list-style-type: none;


}


.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	background: #ffffff;
	font: normal 12px Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: black;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 10px double #a1c67b;
	list-style-type: none;
}

.arrowsidemenu ul li a:hover{
	background: #d5e5c1;
}

</style>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/* These styles just pretty up the page a bit. */
html
{
overflow: -moz-scrollbars-vertical !important;
resize: none;
background: url(https://static.igem.org/mediawiki/2012/d/da/Fondo1.png) repeat;
background-color: #fff;
}

#top-section {
height: 0px;
border-top: 1
border-left: none;
border-right: none;
}

#siteSub {
display:none;
}

#search-controls {
display:none;
}

.firstHeading {
display:none;
}

#search-controls {
margin-top:0px;
}

#footer-box {
display:none;
}

body
{
background: url(https://static.igem.org/mediawiki/2012/d/da/Fondo1.png) repeat;
background-color: #fff;
}

body {
   font: 65%/1.2 Arial, Helvetica, sans-serif;
   background-color: #eee; }
#wrap {
   font-size: 1.1em;
   width: 180px;
   padding: 0px;
   margin-left: 15px;
   background-color: #fff;
   position: relative; 
   height: 100%;

margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
	float: left;


}

.right_box{
	width: 730px;
margin-left: 210px;
margin-top: 20px;
	

}

/* These styles create the dropdown menus. */
#navbar {
   margin: 1600;
   padding: 0;
   height: 1em; }
#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
   padding-left: 6px;
   padding-bottom: 4px;
   padding-right: 6px;
   padding-top: 4px;
   display: block;
   background-color: #5d9548;
   color: #fff;
   text-decoration: none; }
#navbar li ul {
   display: none;
   width: 10em; /* Width to help Opera out */
   background-color: #80ff00;}
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   background-color: #5d9549;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a {
   background-color: #66b83d;
   border-bottom: 1px solid #fff;
   color: white; }
#navbar li li a:hover {
   background-color: #8db3ff; }
</style>

<script>
// Javascript originally by Patrick Griffiths and Dan Webb.
// http://htmldog.com/articles/suckerfish/dropdowns/
sfHover = function() {
   var sfEls = document.getElementById("navbar").getElementsByTagName("li");
   for (var i=0; i<sfEls.length; i++) {
      sfEls[i].onmouseover=function() {
         this.className+=" hover";
      }
      sfEls[i].onmouseout=function() {
         this.className=this.className.replace(new RegExp(" hover\\b"), "");
      }
   }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>


<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="http://linacabal.com/juan/s3Slider.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#slider').s3Slider({
            timeOut: 8000
        });
    });
</script>

<style type="text/css" media="screen">
#slider {
    width: 970px; /* important to be same as image width */
    height: 244px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
margin-left: -2px;
}
#sliderContent {
    width: 970px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    width: 384px;

display: none;
    
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}
</style>

</head>
<body>

<div id="slider">
        <ul id="sliderContent">
            <li class="sliderImage">
                <img src="https://static.igem.org/mediawiki/2012/a/a0/SL1.png" alt="1" />
                <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="1" /></span>
            </li>
            <li class="sliderImage">
                <img src="https://static.igem.org/mediawiki/2012/e/ef/SL2.png" alt="2" />
                <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="2" /></span>
            </li>
            <li class="sliderImage">
                <img src="https://static.igem.org/mediawiki/2012/7/72/SL3.png" alt="3" />
                <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="3" /></span>
            </li>
            <li class="sliderImage">
                <img src="https://static.igem.org/mediawiki/2012/6/6f/SL4.png" alt="4" />
                <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="4" /></span>
            </li>
            <li class="sliderImage">
                <img src="https://static.igem.org/mediawiki/2012/5/5d/SL5.png" alt="5" />
                <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="5" /></span>
            </li>
            <li class="sliderImage">
                <img src="https://static.igem.org/mediawiki/2012/3/33/SL6.png" alt="6" />
                <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="6" /></span>
            </li>
            <li class="sliderImage">
                <img src="https://static.igem.org/mediawiki/2012/c/c6/SL7.png" alt="7" />
                <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="7" /></span>
            </li>
            <li class="sliderImage">
                <img src="https://static.igem.org/mediawiki/2012/1/1d/SL8.png" alt="8" />
                <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="8" /></span>
            </li>
            <li class="sliderImage">
                <img src="https://static.igem.org/mediawiki/2012/9/9e/SL9.png" alt="9" />
                <span class="top"><img src="https://static.igem.org/mediawiki/2012/9/97/Logo_COL_1.png" alt="9" /></span>
            </li>
            <div class="clear sliderImage"></div>
        </ul>
    </div>
   


<div id="wrap">

<div class="arrowsidemenu">
      <div><a href="https://2012.igem.org/Team:Colombia">Home</a></div>
         
         <div class="menuheaders"><a href="https://2012.igem.org/Team:Colombia/Team">The Team</a></div>
            <ul class="menucontents">
               <li><a href="https://2012.igem.org/Team:Colombia/Team#The_Team">The Team</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Team#Undergrads">Undergrads</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Team#Grad_students_.28Also_known_as_the_Aging_ones.21.29">Grad Students</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Team#Instructors:">Instructors</a></li>
            </ul>
        
         <div class="menuheaders"><a>Pest Busters</a></div>
            <ul class="menucontents">
               <li><a href="https://2012.igem.org/Team:Colombia/Project/Problem">The Problem</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Project/Basics">The Basics</a></li> 
               <li><a href="https://2012.igem.org/Team:Colombia/Project/Experiments/Our_Design">Our Design</a></li>              
               <li><a href="https://2012.igem.org/Team:Colombia/Project/Experiments/Pseudomonas">Experiments and Results: Toxin Antitoxin module</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Project/Experiments/Ralstonia">Experiments and Results: Ralstonia</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Project/Experiments/Aliivibrio and Streptomyces">Experiments and Results: Aliivibrio and Streptomyces</a></li>
 
            </ul>        
        <div><a href="https://2012.igem.org/Team:Colombia/Parts">Parts</a></div>
            <!--ul>
               <li><a href="#">Via Email</a></li>
               <li><a href="#">Stalk Us Elsewhere</a></li>
            </ul-->        
         <div class="menuheaders"><a>Modeling</a></div>
            <ul class="menucontents">
               <li><a href="https://2012.igem.org/Team:Colombia/Modeling/Diff">Diferential Equations</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Modeling/Paramterers">Parameters</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Modeling/Stochastic">Stochastic Model</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Modeling/Scripting">Scripting</a></li>
	       <li><a href="https://2012.igem.org/Team:Colombia/Modeling/Results">Results</a></li>
            </ul>        
         <!-- <div><a href="https://2012.igem.org/Team:Colombia/Notebook">Results</a></div> -->
         <div class="menuheaders"><a href="https://2012.igem.org/Team:Colombia/Human">Human Practices</a></div>
           <ul class="menucontents">
               <li><a href="https://2012.igem.org/Team:Colombia/Human/Social: Schools">Social: Schools and Coffee Growers</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Human/Research">Research in Colombia</a></li>
            </ul>        
         <div class="menuheaders"><a>Notebook</a></div>
            <ul class="menucontents">
               <li><a href="https://2012.igem.org/Team:Colombia/Notebook/Journal">Journal</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Notebook/Meetings">Meetings</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Notebook/Classes">Classes</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Notebook/Protocols">Protocols</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Notebook/Howto">How To: Parts</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Notebook/Human">Human Practices</a></li>
            </ul>        
         <div class="menuheaders"><a href="https://2012.igem.org/Team:Colombia/Safety">Safety</a></div>
            <ul class="menucontents">
               <li><a href="https://2012.igem.org/Team:Colombia/Safety#Biosafety_Provisions">Biosafety Provisions</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Safety#Safety_Considerations:_Hazardous_reagents_and_Biohazards">Hazard</a></li>
               <li><a href="https://2012.igem.org/Team:Colombia/Safety#Biological_Parts_and_Devices">Biological Parts and Devices</a></li>
            </ul>        
         <div><a href="https://2012.igem.org/Team:Colombia/Attributions">Attributions</a></div>
            <!--ul>
               <li><a href="#">Bench Press</a></li>
               <li><a href="#">Military Press</a></li>
               <li><a href="#">Press n Seal</a></li>
            </ul-->       
         <div><a href="https://2012.igem.org/Team:Colombia/Gallery">Gallery</a></div> 
         <div class="menuheaders"><a>University & Jamboree</a></div>
            <ul class="menucontents">
               <li><a href="http://www.uniandes.edu.co">UniAndes</a></li>
               <li><a href="https://2012.igem.org/Regions/Latin_America/Jamboree">Latin American Jamboree 2012</a></li>
            </ul>  
         <div><a href="https://2012.igem.org/Team:Colombia/Sponsors">Our Sponsors</a></div>
            <!--ul>
               <li><a href="#">Bench Press</a></li>
               <li><a href="#">Military Press</a></li>
               <li><a href="#">Press n Seal</a></li>
            </ul-->        
       
  <div><a href="https://2012.igem.org/">iGEM</a></div>
      
    </div>

   

      
   </div>

</body>
</html>