Team:IITM/main

<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <title>Indian Institute of Technology,Madras</title>


<script type="text/javascript"><!-- 
var delay=7000
var ie4=document.all
var curindex=0
var totalcontent=0
function get_total(){
if (ie4){
while (eval("document.all.content"+totalcontent))
totalcontent++
}
else{
while (document.getElementById("content"+totalcontent))
totalcontent++
}
}
function contract_all(){
for (y=0;y<totalcontent;y++){
if (ie4)
eval("document.all.content"+y).style.display="none"
else
document.getElementById("content"+y).style.display="none"
}
}
function expand_one(which){
contract_all()
if (ie4)
eval("document.all.content"+which).style.display=""
else
document.getElementById("content"+which).style.display=""
}
function rotate_content(){
get_total()
contract_all()
expand_one(curindex)
curindex=(curindex<totalcontent-1)? curindex+1: 0
setTimeout("rotate_content()",delay)
}
window.onload=rotate_content
//--></script>
</head>

<style>
body{
background-color: #222222;
font: 11px Arial;
color: #888888;
padding: 5px 5px 5px 5px;
     }

b{
color: #ffffff;
 
}

.heading{
color: #000;
font: 14px century gothic;
padding: 5px 5px 2px 5px;
font-weight: bold;
}

.titlebg{
position: absolute;
top: 0px;
background-color: #000000;
width: 965px;
height: 50px;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
 z-index:3;
      }

.title{
position: absolute;
top: 0px;
float: left;
font: 35px Trebuchet MS;
color: #FFF;
padding-top: 5px;
padding-left: 10px;
z-index: 4;
       }

.header{
z-index: 1;
position: absolute;
top: 0px;
height: 323px;
     }

.menu{
z-index: 5;
position: absolute;
top: 250px;
font: 18px Trebuchet MS;
text-align: center;
           }

.menubg{
position: absolute;
top: 270px;
background-color: #000000;
width: 965px;
height: 50px;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
z-index:2;
      }
a:link{color:#fff;}
a:visited{color:#fff;}
a:active{color:#fff;}
</style>

<body bgcolor="#414141">
<body align:center>



<div class="header">
<div class="titlebg">
</div>
<div class="title">
IIT Madras
</div>



<div id="content0" style="display:none">
<img src="http://lh5.ggpht.com/_x-FreF2qP_c/StcmDrOboNI/AAAAAAAACBs/txXKvFU_ipE/s800/011-ariel%20view%20IIT%20madras.jpg" width="965px" height="320px" border="0"></div>
<div id="content1" style="display:none">
<img src="http://lh3.ggpht.com/_x-FreF2qP_c/StcmDyToglI/AAAAAAAACB0/cdol0IUAZQk/s800/IIT18.JPG" width="965px" height="320px" border="0"></div>
<div id="content2" style="display:none">
<img src="http://lh4.ggpht.com/_x-FreF2qP_c/StcmEp0CHpI/AAAAAAAACB8/SzvUFTa8sMU/s800/IIT74.jpg" width="965px" height="320px" border="0"></div>
<div id="content3" style="display:none">
<img src="http://lh4.ggpht.com/_x-FreF2qP_c/Stcm5MZgzNI/AAAAAAAACCU/ExxhsUxzXmw/s800/frozen%20cherry%20tree.jpg" width="965px" height="320px" border="0"></div>
<div id="content4" style="display:none">
<img src="http://lh5.ggpht.com/_x-FreF2qP_c/Stcm43_CfBI/AAAAAAAACCM/dtdDS6vX6fw/s800/campus16.jpg" width="965px" height="320px" border="0"></div>
<div id="content5" style="display:none">
<img src="http://upload.wikimedia.org/wikipedia/commons/2/2b/IITM_Library.JPG" width="965px" height="320px" border="0"></div>
<div id="content6" style="display:none">
<img src="http://upload.wikimedia.org/wikipedia/commons/9/9a/ChennaiCentral2.JPG" width="965px" height="320px" border="0"></div>
<div id="content7" style="display:none">
<img src="http://www.amitbhawani.com/career/Images/IIT-Madras/IIT-Madras-1.jpg" width="965px" height="320px" border="0"></div>
<div id="content8" style="display:none">
<img src="http://lh4.ggpht.com/_AfWedODKUgs/SEQippW12ZI/AAAAAAAAAgw/uUmBsQe_f_8/DSC01902.JPG" width="965px" height="320px" border="0"></div>
<div id="content9" style="display:none">
<img src="http://lh6.ggpht.com/_x-FreF2qP_c/StcmDxyXfdI/AAAAAAAACB4/g1F7no9yVeQ/s800/DSCF0008.JPG" width="965px" height="320px" border="0"></div>
<div id="content10" style="display:none">
<img src="http://lh5.ggpht.com/_x-FreF2qP_c/StcmD4tO14I/AAAAAAAACBw/fejfq_eizu0/s800/Saarang1.JPG" width="965px" height="320px" border="0"></div>
<div id="content11" style="display:none">
<img src="http://lh5.ggpht.com/_x-FreF2qP_c/Stcm5NoNigI/AAAAAAAACCQ/0g6budvRkKA/s800/IIT44.jpg" width="965px" height="320px" border="0"></div>
<div id="content12" style="display:none">
<img src="http://lh3.ggpht.com/_x-FreF2qP_c/StcyDKUzzvI/AAAAAAAACCc/-_hzMlrpGrM/s800/IIT69.jpg" width="965px" height="320px" border="0"></div>
<div id="content13" style="display:none">
<img src="http://lh4.ggpht.com/_x-FreF2qP_c/Stc2WOLIQOI/AAAAAAAACCg/h8lihKs3XVU/s800/IMG_0167.JPG" width="965px" height="320px" border="0"></div>
</div>

<div class="menubg">
</div>

<div class="menu">

<!--[if lt IE 7]>
<script type="text/javascript">

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" over";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" over\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

</script>
<![endif]-->
<style type="text/css">
/* general styling */
*{margin:0;padding:0}
body {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding:20px;
	}
.outer{
	padding:0px 0 0 0;
	width:965px;
	margin:auto;
	position:relative;
	text-align:center;
}

/* drop up */
ul#nav,ul#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#nav {
	width:965px;
	height:27px;
	
}

ul#nav li {
	position: relative;
	float: left;
	width:193px;
	height:25px;
	color:#fff;
	text-align:left;
}
ul#nav li a {
	text-decoration: none;
	color:#fff;
       
}
#nav li ul {
	position: absolute;
	left: 0; 
	top:-200px;
	margin-left:-999em;
	border:none;
	height:223px;
	width:193px;
	background:#000;
 /*opacity for IE5+*/
  filter: alpha(opacity=60);
  /*opacity for older Mozilla browsers*/
  -moz-opacity: 0.6;
  /*opacity for mozilla/safari*/
  opacity: 0.6;
}
ul#nav li li{height:auto;border:none;}
ul#nav li li a{
	color:#fff;
	padding:2px 5px 2px 5px;
	display:block;
}
ul#nav li:hover ul, 
ul#nav li.over ul {
	margin-left:0;
}
ul#nav li:hover,
ul#nav li.over,
ul#nav li:hover a,
ul#nav li.over a {color:#000}

ul#nav li:hover li a,ul#nav li.over li a{color:#fff;}
ul#nav li li a:hover{color:#000; background-color: #fff;}
ul#nav li p {padding:0px;}
ul#nav li.last,ul#nav li.last ul{border:none;width:193px;}

</style>

<div class="outer">
	
	<ul id="nav">
		<li>
			<p><br/><a href="https://2009.igem.org/Team:IIT_Madras">&nbsp;&nbsp;Home</a></p>
			
			
		</li>
		<li>
			<p><br/><a href="#">&nbsp;&nbsp;Team</a></p>
			<ul>
				<li><a href="https://2009.igem.org/Team:IIT_Madras/Team1">Team</a></li>
				<li><a href="https://2009.igem.org/Team:IIT_Madras/Team_under">Undergraduates</a></li>
				<li><a href="https://2009.igem.org/Team:IIT_Madras/Team_advis">Advisors</a></li>
                                <li><a href="https://2009.igem.org/Team:IIT_Madras/Team_uni">Our University</a></li>
                                
			</ul>
		</li>
		<li>
			<p><br />
				<a href="#">&nbsp;&nbsp;Project</a></p>
			<ul>
				<li><a href="https://2009.igem.org/Team:IIT_Madras/Summary">Summary</a></li>
                                <li><a href="https://2009.igem.org/Team:IIT_Madras/Theory">Theory</a></li>
				<li><a href="https://2009.igem.org/Team:IIT_Madras/Circuit">Circuit</a></li>
                                <li><a href="https://2009.igem.org/Team:IIT_Madras/exp_beh">Expected Behaviour</a></li>
                                <li><a href="https://2009.igem.org/Team:IIT_Madras/Workplan">Work Plan</a></li>
				<li><a href="https://2009.igem.org/Team:IIT_Madras/Experiments">Experiments</a></li>
				<li><a href="https://2009.igem.org/Team:IIT_Madras/Results">Results</a></li>
			</ul>
		</li>
                <li>
			<p><br />
			<a href="#">&nbsp;&nbsp;Notebook</a></p>
			<ul>

                        <li><a href="https://2009.igem.org/Team:IIT_Madras/Notebook/Calendar">Dynamic Calendar</a></li>
                        <li><a href="http://openwetware.org/wiki/IGEM:Indian_Institue_of_Technology_Madras/2009/Notebook/PLASMID_-_Plasmid_Locking_Assembly_for_Sustaining_Multiple_Insert_DNA">OpenWetWare</a></li>
                        <li><a href="https://2009.igem.org/Team:IIT_Madras/Notebook/Protocols">Protocols</a></li>                  
                        <li><a href="https://2009.igem.org/Team:IIT_Madras/Notebook/Parts Submitted">Parts Submitted</a></li>                         
                        <li><a href="https://2009.igem.org/Team:IIT_Madras/Notebook/Sandbox">Sandbox</a></li>
			</ul>
		</li>
                 <li>
			<p><br />
				<a href="#">&nbsp;&nbsp;Miscellaneous</a></p>
			<ul>
                        <li><a href="https://2009.igem.org/Team:IIT_Madras/Miscellaneous/Safety">Safety</a></li>
                        <li><a href="https://2008.igem.org/Team:IIT_Madras">IIT iGEM 2008</a></li>
			</ul>
		</li>
                                
<li class="last">
			
	</ul>
</div>
</div>
<style>
a:link{color:#0000ff;}
a:visited{color:#0000ff;}
a:active{color:#0000ff;}
</style>