View source for Team:UChile Biotec/css

<html>
<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
<script>
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	$(document).ready(function() {

		$("#HQ_page").attr('id','');
		

		//highlight current page on the menu
		highlight_current_page_menu();
			
		//accessing submenus
		$(".menu_item").click(function(){
			$(".submenu_control_icon", this).toggleClass("open");
			$(this).next(".submenu").fadeToggle(400);
		});
		
		//mobile menu access 
		$(".igem_2018_team_mobile_bar").click(function(){
			$(this).next().toggleClass("displaying_menu");
		});
		
	});


		function highlight_current_page_menu() {
			
			var page_url="https://2018.igem.org/";
			page_url = page_url + wgPageName;
			$("a[href$='"+ page_url +"']").children().addClass("current_page");
			
			//if the page is in a submenu, open the submenu and make the appropiate changes
			if( $( ".current_page" ).hasClass( "submenu_item" )){
				
				$(".current_page").parent().parent().fadeToggle(400);
				$(".current_page").parent().parent().prev().addClass("current_page");
				$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
				
			}
		}


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
</script>


<style>
/**************************************************************************************************************************************************************************************************/



/**************************************************************************************************************************************************************************************************/
/* DEFAULT WIKI SETTINGS */
/**************************************************************************************************************************************************************************************************/


	#home_logo, #sideMenu { display:none; }
	#sideMenu, #top_title, .patrollink  {display:none;}
	#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
	body {background-color:white; }
	#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }

	.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}

    
/********************************* Navigation bar  *********************************/
	
 #nav{
     border:1px solid #ccc;
     border-width:0px 0;
     list-style:none;
     margin:0;
     padding:0;
     text-align:center;
     background-color: #F5F4D8;
     font-family: Quicksand;
     background-image: url('https://static.igem.org/mediawiki/2018/b/b7/T--UChile_Biotec--Topfondo.jpg');
     background-repeat: no-repeat;
     background-size: 100%;
     background-attachment: scroll;
     background-position: center top; 
     height:350px;
     z-index: 9998;
 }
    
 #nav li{
     position:relative;
     display:inline;
     z-index: 9999;
 }
    
 #nav a{
     display:inline-block;
     position: top;
     width: 80px;
     padding: 30px 30px;
     font-size: 20px;
     color: white;
     text-align: center;
     text-decoration: none;
     z-index: 9999;
 }
    
 #nav ul{
     position:absolute;
     left:-9999px;
     margin:0;
     padding:0;
     text-align:center;
     z-index: 9999;
 }
    
 #nav ul li{
     display:block;
     text-align:center;
     z-index: 9999;
 }
    
 #nav li:hover ul{
     left:0;
     text-align:center;
 }
    
 #nav li:hover a{
     background: transparent;
     text-align: center;
     color: #cc6666;
 }
    
 #nav li:hover ul a{
     text-decoration:none;
     background:#cccccc;
     color: white;
     text-align:center;
 }
    
 #nav li:hover ul a:hover{
     background:#cc9999;
     color: white;
     text-align:center;
 }
    
 #nav ul a{
     white-space:pre;
     text-align:center;
     display:block;
     border-bottom:1px solid #ccc;
     box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
     z-index: 1;
 }
    
 a{
     color:#c00;
     text-decoration:none;
     font-weight:bold;
     text-align:center;
 }
    
 a:hover{
     background:#ddd;
 }

/**************************************************************************************************************************************************************************************************/
/* MOBILE MENU */
/**************************************************************************************************************************************************************************************************/

	/*this wraps the whole of the menu*/
	.igem_2018_team_menu { 
		font-family: Quicksand;
		display:none;
		float:right; 
		height:100vh; 
		max-width: 270px;
		overflow-y: auto;
		overflow-x: hidden;
		padding:5%;
		position:fixed; 
		right:0%;
		text-align:left;
		width: 15%;
		z-index: 9999;
	}


	.igem_2018_team_menu.displaying_menu{
		display:none; 	
	}

	.igem_2018_team_menu  a {
		color: #cc6666;
	}

	.igem_2018_team_menu img {
		width:100%;
	}


	.igem_2018_team_menu .menu_item {
		background-color: #7695A5;
		clear: both;
		color: white;
		cursor: pointer;
		float: center;
		font-size: 100%;
		text-align:left;
		font-weight: bold;
		padding: 15px 0px 15px 5%;
   	 	width: 100%;
	}

	.igem_2018_team_menu .menu_item.direct_link {
		color: white;
		padding-left: 15%;
	}
	.igem_2018_team_menu .menu_item:hover {
		background-color: #996666;
	}


	.igem_2018_team_menu .menu_item .submenu_control_icon {
		color: white;
		float: left;
		width: 10%;
		padding-right: 0%;
		text-align:center;
	}

	/* submenu icon "+"  "-"*/
	.igem_2018_team_menu .menu_item .submenu_control_icon::before {
		content: "+"; 
	}

	/* submenu icon "+"  "-"*/
	.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
		content: "-"; 
	}

	/*submenu wrapper*/
	.igem_2018_team_menu .submenu{
		padding: 0 0 0 5%;
		background-color: #cccccc;
		clear:both;
		display:none;
		float: left;  		
		width:100%;
		z-index: 9999;
	}

	/*styling for a submenu item*/
	.igem_2018_team_menu .submenu .submenu_item {
		border-bottom: 1px solid #c4baba;
  		color: white;
  		height: 30px;
   	 	float: left;
  		font-size: 100%;
		font-weight: bold;
  		padding: 12px 0px 0px 10%;
  		width: 100%;
		text-align:left; 
	}

	.igem_2018_team_menu .submenu .submenu_item:hover {
		background-color: #996666;
	}


	.igem_2018_team_menu .submenu .submenu_item.current_page,
	.igem_2018_team_menu .menu_item.current_page, 
	.igem_2018_team_menu .menu_item.direct_link.current_page {	
		background-color:#7acbd8;
	}


/*mobile menu bar styling*/
/**************************************************************************************************************************************************************************************************/


	.igem_2018_team_mobile_bar {
		background-image: url('https://static.igem.org/mediawiki/2018/4/42/T--UChile_Biotec--barramobile.png');
		background-repeat: no-repeat;
		background-size: 100%;
		background-attachment: scroll;
		background-position: center top;  
		border:1px solid #ccc;
		border-style:hidden;
		cursor:pointer;
		display:none; 
		float:left;
		margin-bottom: 0%;
		padding: 5% 0;
		position:fixed;
		width:100%;
		height:10%;
		z-index: 9999;
	}

	.igem_logo_mobile img {
		width:70px;
	}

	.igem_logo_mobile {
		float:left; 
		padding-left: 5%;
		width: 30%; 
	}

	.igem_menu_control_mobile img {
		width:25px;
	}

	.igem_menu_control_mobile {
		float:right; 
		padding-right:5%; 
		padding-top:15%;
		text-align:right; 
		width: 30%; 
	}

/**************************************************************************************************************************************************************************************************/
/* CONTENT OF THE PAGE */
/**************************************************************************************************************************************************************************************************/

	/* general wrapper for the content */
	.igem_2018_team_content {
		background-color: #F5F4D8; 
		display:block;
		width: 100%;
	}

	/* subwrapper to center content */
	.igem_2018_team_content .igem_2018_team_column_wrapper {
		margin:auto;
		max-width: 1920px;
		width:100%;
	}


 #sp{
     display:none;
     height:120px;
     position:static;
 }

 #sp ul{
     position:absolute;
     left:-9999px;
     margin:0;
     padding:0;
     text-align:center;
     z-index: -9999;
 }

/********************************* HTML STYLING  *********************************/	    

    
	.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 230%;}
	.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
	.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
	.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
	.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
	.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}


	/* styling for the titles h1, h2*/
	.igem_2018_team_content .igem_2018_team_column_wrapper h1, .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
		border-bottom:0px; 
		color: #136274;
		font-family: Quicksand;
		padding: 10px 0px;
	}

	/* styling for the titles h3, h3, h5, h6 */
	.igem_2018_team_content .igem_2018_team_column_wrapper h3, 
	.igem_2018_team_content .igem_2018_team_column_wrapper h4, 
	.igem_2018_team_content .igem_2018_team_column_wrapper h5, 
	.igem_2018_team_content .igem_2018_team_column_wrapper h6 { 
		border-bottom:0px; 
		color: #B45A62;  
		font-family: Quicksand;
		padding: 5px 0px;
	}

	/* text */
	.igem_2018_team_content .igem_2018_team_column_wrapper p { 
		font-size: 130%;
		font-family: Quicksand;
		padding: 5px 0px;
		text-align: justify;
		color: #4C4C4C;
	}

	/* Links */
	.igem_2018_team_content .igem_2018_team_column_wrapper a {
		color: #5bc7d8;
		font-weight: bold; 
		text-decoration: underline;
		text-decoration-color:#5bc7d8;
		transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease; 
		-ms-transition: all 0.4s ease; 
		-o-transition: all 0.4s ease; 
	}

	/* hover for the links */
	.igem_2018_team_content .igem_2018_team_column_wrapper a:hover { 
		color: #f8b732;
		text-decoration:none;
	}


	/* Table */
	.igem_2018_team_content .igem_2018_team_column_wrapper table { 
		border: 1px solid #928b8b; 
		border-collapse: collapse; 
		font-size: 130%;
		width: 100%; 
	}

	/* table cells */
	.igem_2018_team_content .igem_2018_team_column_wrapper td { 
		border: 1px solid #c4baba; 
		border-collapse: collapse; 
		font-size: 105%;
		padding: 10px;
		vertical-align: text-top; 
	}

	/* table headers */
	.igem_2018_team_content .igem_2018_team_column_wrapper th { 
		background-color:#c4baba; 
		border: 1px solid #928b8b; 
		border-collapse: collapse; 
		font-size: 110%;
		padding: 10px; 
		vertical-align: text-top; 
	}



	/* non numbered lists */
	.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
		font-size: 130%;
		font-family: Quicksand;
		padding:0px 20px;
        color: #4C4C4C;
	}


	.igem_2018_team_content .igem_2018_team_column_wrapper ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li, 
	.igem_2018_team_content .igem_2018_team_column_wrapper ul ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li, 
	.igem_2018_team_content .igem_2018_team_column_wrapper ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li, 
	.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li, 
	.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li, 
 	.igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }




/********************************* LAYOUT CLASES  *********************************/	    

	/*main layout class */
	.igem_2018_team_content .igem_2018_team_column_wrapper .column  { 
		float:left;
		margin: 0% 2%;
		padding: 0px;
	}

	/* 100% */
	.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }

	/* 66% */
	.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }

	/* 33% */
	.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {
		width: 29.3%; 
		text-align: center;
	}




	/*styling for all images*/
	.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img, 
	.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
	.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
		margin-bottom: 15px;
		margin-top: 15px;
		width: 100%;
		max-width: 100%;
		object-fit: contain; 
	}


	/* page break */
	.igem_2018_team_content .igem_2018_team_column_wrapper .clear {
		clear:both;
	}
	/*add extra space to page break with clear class*/
	.igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
		height: 30px;
	}

	/* horizontal line to divide the page*/
	.igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
    	border-top: 1px solid #c4baba;
	  	margin: auto;
   	 	width: 98%;
	}


/********************************* SUPPORT CLASES  *********************************/	


	/*Button  */
	/************************************************/
	.igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
		font-size: 130%;
		margin: 30px auto;
		text-align: center;
	}

	.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a  {
		background-color: #5bc7d8;
		color: #635d5d !important;
		font-weight: bold;
		margin: auto;
		text-decoration: none !important;
		padding: 10px 15px;
	}

	.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
		background-color: #f8b732 !important;   
	}



	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight { 
		padding: 15px 20px;
	}

	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight p, 
	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1, 
	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
		padding: 5px 15px;
	}

	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
		background-color: #e4dede; 
	}

	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
    	border-top: 4px solid #5bc7d8;
	}


	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
    	border: 4px solid #5bc7d8;
	}

	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
    	border-top: 4px solid #f8b732
	}


	.igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
    	border: 4px solid #f8b732;
	}

/*mobile*/
/**************************************************************************************************************************************************************************************************/

	/* 1920px  */
	/************************************************/
	@media only screen and (max-width: 2500px) {	
		.igem_2018_team_menu {display:none;}
		#nav {height:350px;}	
}


	/* 1800px  */
	/************************************************/
	@media only screen and (max-width: 1800px) {	
		.igem_2018_team_menu {display:none;}
		#nav {height:220px;}	
}

	/* 1400px  */
	/************************************************/
	@media only screen and (max-width: 1400px) {	
		.igem_2018_team_menu .menu_item { font-size:100%;}
		.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
				.igem_2018_team_menu {display:none;}
	}

	@media only screen and (max-width: 1101px) {	
		.igem_2018_team_menu {display:none;}
	}

	/* 1000px  */
	/************************************************/
	@media only screen and (max-width: 1100px) {
		#nav{display:none;}
		.igem_2018_team_menu.displaying_menu{display:block;}
		.igem_2018_team_menu {padding: 0 0 0 10%; display:none; margin-top: 0%; min-width:50%; width:50%;}	
		.igem_2018_team_mobile_bar {display:inline-block;}
		#sp{display:inline;}

	}


	@media only screen and (max-width: 500px) {
		.igem_2018_team_menu.displaying_menu{display:block;}
		.igem_2018_team_menu {min-width:100%; width:100%; }
		#sp{display:inline;}
	}


/**************************************************************************************************************************************************************************************************/





</style>

<body>
    
<ul id="nav">
        
    <li>
        <a href="https://2018.igem.org/Team:UChile_Biotec/Project">Project</a>
        <ul>
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/Problem">Problem</a></li>
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/Solution">Solution</a></li>
        </ul>
    </li>

    <li>
        <a href="https://2018.igem.org/Team:UChile_Biotec/Lab">Lab</a>
        <ul>
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/Abstract">Abstract</a></li>
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/Notebook">Notebook</a></li>
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">InterLab</a></li>
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/Contributions">Contributions</a></li>
        </ul>
    </li>
    
    <li>
        <a href="https://2018.igem.org/Team:UChile_Biotec/Device">Device</a>
            <ul>
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Design">Design</a></li>
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Product">Product</a></li>
            </ul>
    </li>

    <li><a href="https://2018.igem.org/Team:UChile_Biotec"> <br> </a></li>    
    
    <li>
        <a href="https://2018.igem.org/Team:UChile_Biotec/Team">Team</a>
            <ul>
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Us">Us</a></li>
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Sponsors">Sponsors</a></li>
            </ul>
    </li>
    
    <li>
        <a href="https://2018.igem.org/Team:UChile_Biotec/Practices">Practices</a>
            <ul>
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Education">Education</a></li>
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Fieldwork">Fieldwork</a></li>
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Meetings">Meetings</a></li>
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Relationships">Relationships</a></li>

            </ul>
    </li>

    <li><a href="https://2018.igem.org/Team:UChile_Biotec/LATAM">LATAM</a></li>
</ul>

<div class="igem_2018_team_mobile_bar">
		
	<div class="igem_logo_mobile">
	</div>


	<div class="igem_menu_control_mobile">
	</div>

</div>



<div class="igem_2018_team_menu">


	<a href="https://2018.igem.org/Team:UChile_Biotec">
	</a>



		<a href="https://2018.igem.org/Team:UChile_Biotec">
			<div class="menu_item direct_link">
				HOME
			</div> 
		</a>

		<!-- Team -->
		<div class="menu_item">
			<div class="submenu_control_icon"> </div>
			PROJECT
		</div> 
		<div class="submenu">
		
			<a href="https://2018.igem.org/Team:UChile_Biotec/Project">
				<div class="submenu_item">
					Our Project
				</div>
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/Problem">
				<div class="submenu_item">
					The Problem
				</div>
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/Solution">
				<div class="submenu_item">
					Our Solution
				</div>
			</a>
		</div>


		<!-- Project -->
		<div class="menu_item">
			<div class="submenu_control_icon"> </div>
			LAB
		</div> 
		<div class="submenu">
		
			<a href="https://2018.igem.org/Team:UChile_Biotec/Lab">
				<div class="submenu_item">
					Laboratory
				</div>
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/Abstract">
				<div class="submenu_item">
					Abstract
				</div>
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/Notebook">
				<div class="submenu_item">
					Notebook
				</div>
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">
				<div class="submenu_item">
					InterLab
				</div>
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/Contributions">
				<div class="submenu_item">
					Contributions
				</div>
			</a>

		</div>


		<div class="menu_item">
			<div class="submenu_control_icon"> </div>
			DEVICE
		</div>
		<div class="submenu">
			
			<a href="https://2018.igem.org/Team:UChile_Biotec/Device">
				<div class="submenu_item">
					Our Device
				</div>		
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/Design">
				<div class="submenu_item">
					The Design
				</div>
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/Product">
				<div class="submenu_item">
					Final Product
				</div>
			</a>

		</div> 

		<!-- Team -->
		<div class="menu_item">
			<div class="submenu_control_icon"> </div>
			TEAM
		</div> 
		<div class="submenu">
		
			<a href="https://2018.igem.org/Team:UChile_Biotec/Team">
				<div class="submenu_item">
					Team Members
				</div>
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/Us">
				<div class="submenu_item">
					Us
				</div>
			</a>
			<a href="https://2018.igem.org/Team:UChile_Biotec/Sponsors">
				<div class="submenu_item">
					Sponsors
				</div>
			</a>

		</div>

		<div class="menu_item">
			<div class="submenu_control_icon"> </div> 
			PRACTICES 
		</div> 

		<div class="submenu">

			<a href="https://2018.igem.org/Team:UChile_Biotec/Practices">
				<div class="submenu_item">
					Human Practices
				</div>
			</a>


			<a href="https://2018.igem.org/Team:UChile_Biotec/Education">
				<div class="submenu_item">
					Education & Engagement
				</div>
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/Fieldwork">
				<div class="submenu_item">
					Fieldwork
				</div>
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/Meetings">
				<div class="submenu_item">
					Meetings
				</div>
			</a>

			<a href="https://2018.igem.org/Team:UChile_Biotec/Relationships">
				<div class="submenu_item">
					Relationships
				</div>
			</a>

		</div>

		<a href="https://2018.igem.org/Team:UChile_Biotec/LATAM">
			<div class="menu_item direct_link">
				LATAM 
			</div> 
		</a>



</div>


</body>

<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<!--- THIS IS WHERE THE HTML BEGINS --->
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

<head> 

	<!-- This tells the browser that your page is responsive -->
	<meta name="viewport" content="width=device-width, initial-scale=1"> 

</head>

<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<!--- Content of the page  --->
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->

<div class="igem_2018_team_content">
	<div class="igem_2018_team_column_wrapper">
<br>
<ul id="sp"> 
<br></br>
<br></br>
<br></br>
</ul>