Team:Wisconsin-Madison/umad

<html>

<style>

html 
{	background-color: #FFFFFF;
}

P 
{	margin: 0px;
}

hr 
{	border: none;
	border-top: 1px #000000 solid;
}

#globalWrapper 
{	background: url('https://static.igem.org/mediawiki/2011/a/a5/Bg2.jpg') top center no-repeat;
	//width: 100%;
	//position: fixed;
	//margin-left: auto;
	//margin-right: auto;
}

#top-section 
{	display: none;
}

//#menubar 

//{	display: none;
//}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 30px;
	width: 99px;
	background: #ababab;
	color: #FFF;
	text-align: center;
	text-decoration: none
}

#sddm li a:hover
{	background: #434343
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2
}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #eeeeee;
	color: #535353;
	font: 11px arial
}

#sddm div a:hover
{	background: #4e4e4e;
	color: #FFF
}

</style>

<head>

<script type="text/javascript">
	var timeout = 500;
	var closetimer = 0;
	var ddmenuitem = 0;

	// open hidden layer
	function mopen(id)
	{	
		// cancel close timer
		mcancelclosetime();

		// close old layer
		if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

		// get new layer and show it
		ddmenuitem = document.getElementById(id);
		ddmenuitem.style.visibility = 'visible';

	}
	// close showed layer
	function mclose()
	{
		if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
	}

	// go close timer
	function mclosetime()
	{
		closetimer = window.setTimeout(mclose, timeout);
	}

	// cancel close timer
	function mcancelclosetime()
	{
		if(closetimer)
		{
			window.clearTimeout(closetimer);
			closetimer = null;
		}
	}

	// close layer when click-out
	document.onclick = mclose; 
</script>

</head>

<center>
<img src="https://static.igem.org/mediawiki/2011/1/19/Madison_logo2.jpg"; style="position:absolute; left:0px; top:0px"/>
</center>

.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p>.<p><br>

<body>

<center>
<ul id="sddm">
	<li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
		<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
		<a href="#">Main</a>
		<a href="#">What is iGEM?</a>
		</div>
	</li>
	<li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Project</a>

		<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
		<a href="#">Overview</a>
		<a href="#">Tiger Blood Sensor</a>
		<a href="#">Bacardi 151 Sensor</a>
		<a href="#">Hidden Sleeve Compartment</a>
		</div>
	</li>
	<li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Team</a>
		<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
		<a href="https://2011.igem.org/Team:Wisconsin-Madison/teamoverview">Overview</a>
		<a href="#">Members</a>
		<a href="#">Faculty</a>
		<a href="#">Sponsors</a>
		</div>
	</li>
	<li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Notebook</a>

		<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
		<a href="#">Protocols</a>
		<a href="#">Calender</a>
		<a href="#">Experiment</a>
		<a href="#">References</a>
		</div>
	</li>
	<li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Outreach</a>
		<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
		<a href="#">Science Olympiad</a>
		<a href="#">REU Poster Session</a>
		<a href="#">Social Media</a>
		<a href="#">Lectures</a>
		</div>
	</li>
	<li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Safety</a>
		<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
		<a href="#">Science Olympiad</a>
		<a href="#">Lectures</a>
		</div>
	</li>
</ul>
</center>

<table border="0" cellspacing="4" cellpadding="0">
<tr><td>

<p><br>
Project Abstract?
<p><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus venenatis congue nulla nec tincidunt. Praesent porta vehicula magna eget accumsan. Morbi vel dolor urna. Nunc ullamcorper nisi sit amet enim faucibus eu laoreet arcu lacinia. Vivamus elit felis, tristique vitae eleifend nec, pretium ac tortor. Suspendisse potenti. Curabitur at eros purus, ac rhoncus velit. Morbi luctus sagittis accumsan. Praesent id odio est. Nulla a consequat mi. Aenean tincidunt neque consectetur est commodo at consequat metus condimentum. In porttitor diam id tortor facilisis facilisis. In condimentum turpis nec nisi dictum interdum. Suspendisse est lorem, semper sed tempus ac, faucibus a orci. Pellentesque eleifend dui quis mauris luctus pretium.
<p><br>
What is iGem?
<p><br>
iGEM is a <a href="#">synthetic biology</a> competition and stands for Internationally Genetically Engineered Machines. It began as a friendly competition between 10 MIT teams in 2004, and has since grown to over <a href="#">130 teams</a> in 2010 from all different countries around the globe. This year even more teams are anticipated, and there will be regional competitions held before the annual international jamboree held at MIT in the fall.
<p><br>
iGEM revolves around two main ideas: the use of <a href="#">biobricks</a> and the <a href="#">registry</a>. Biobricks are pieces of DNA that have been given a similar structure and that code for something useful. They can be big or small and may contain one or many individual pieces of useful information all packaged into one coherent piece. These biobricks all contain the <a href="#">same interface</a> and thus can be copied and pasted into new DNA with ease.
<p><br>
Each new part, once confirmed, is sent to MIT and physically stored there in the registry. Any other iGEM team can order any Biobrick from the Registry for use in their project, and get physical copies that are easily cultured and can be quickly used, without having to be manufactured by the teams. This open source structure speeds up the resarch progress significantly and makes great strides in the future of synthetic biology.



</td><td align = "right" valign="center" width="200">

<img src="https://static.igem.org/mediawiki/2011/2/24/Like_on_facebook.jpg">

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=109006535857863&amp;xfbml=1"></script><fb:like href="http://www.facebook.com/pages/UW-Madison-iGEM-team/219164941441094" send="false" layout="box_count" width="0" show_faces="false" font=""></fb:like>
<p><br>

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 250,
  height: 400,
  theme: {
    shell: {
      background: '#878787',
      color: '#ffffff'
    },
    tweets: {
      background: '#fafafa',
      color: '#404040',
      links: '#5c64ff'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('LabBadger').start();
</script>

</td></table>



</body>