Team:Grinnell CN/Template/Home

<html><div id='Glogo'><a href="https://2011.igem.org/Team:Grinnell"><img alt="Grinnell logo" src="https://static.igem.org/mediawiki/2011/2/20/Grinnell_wiki_logo_975px.jpg" /></a></div></html>
__NOTOC__
<html>
<head>
	<style type="text/css">
	/*Roughly inspired by JHU iGEM 2010
	*and Team Heidelberg 2008, 
	*who copied their menu from Cesar Daniel (http://vitalspot.com/ScriptFreeMenu/)*/
		
		#globalWrapper{background:url("https://static.igem.org/mediawiki/2011/a/a2/Wikibackground4.jpg") center top fixed;}

		#content{border-top: 1px solid #444444;}
		
		h1.firstHeading{display:none}

                #Glogo{
                        position:relative;
                        z-index:1;
                        left:-5px;
						top:-20px
                }

                #p-logo{
                        border:none;
                        height:0px;
                        overflow:hidden;
                }

                #top-section{
                        height:30px;
                        padding:0px;
                        border:none;
                        background:url("https://static.igem.org/mediawiki/2011/a/a2/Wikibackground4.jpg") center top fixed;
                }

                div#search-controls.noprint, input.searchButton{
                        display:none;
                }

                {
                        color:black;
                }

/*Reset*/	
		div.menu-bar ul li ul.ddm{
			display:none; /*Hides drop down menus*/
		}

                div.menu-bar ul li:hover ul.ddm li ul.sm,
                div.menu-bar ul li a:hover ul.ddm li a ul.sm {
                        display: none; /*Hides all side menus*/
                }
/*Setting up the menu bar*/
		div.menu-bar {
			height:25px;
position:absolute;
left:-20px;
top:196px;
z-index:15;
		}
		
		div.menu-bar ul li{
			float:left;
			position:relative; /*So that positioning works*/
			list-style-type:none !important;
			margin:0 !important;
			display:block;
			width:162.5px;
			text-align:center;
                        /*left:90px; /*Used left to manually center menu*/
		}
		
		div.menu-bar ul li a{
			display:block;
			padding-top:4px;
			padding-bottom:4px;
			padding-left:1em;
			padding-right:1em;
			text-decoration:none;
		}
		
		div.menu-bar ul li a:link, div.menu-bar ul li a:visited,
		div.menu-bar ul li ul.ddm li a:link, div.menu-bar ul li ul.ddm li a:visited
                div.menu-bar ul li ul.ddm li ul.sm li a:link, div.menu-bar ul li ul.ddm li ul.sm a:visited{
			display:block;
			font-size:1.7em;
			color:#010101;
			background-color:#c40001;
			text-align:center;
			padding:4px;
			text-decoration:none;
		}
		
		div.menu-bar ul li a:hover, div.menu-bar ul li ul.ddm li a:hover, div.menu-bar ul li ul.ddm li ul.sm li a:hover{
			background-color:#010101;
			color:#c40001;
		}
		
		div.menu-bar ul li a:active, div.menu-bar ul li ul.ddm li a:active, div.menu-bar ul li ul.ddm li ul.sm li a:active{
			color:#FFFFFF;
		}
/*Setting up a drop down menu*/
		div.menu-bar ul li:hover ul.ddm, div.menu-bar ul li a:hover ul.ddm{
			display:block;
			width:162.5px;
			padding:1px;
			position:absolute;
			top:22px;
			left:-20px;/*Use 'top' and 'left' to get the ddm position where you want it*/
		}
		
		div.menu-bar ul li:hover ul.ddm li a, div.menu-bar ul li a:hover ul.ddm li a{
			width:162.5px;
			padding-left:0;
			padding-right:0;
		}
/*Setting up side menus*/
                div.menu-bar ul li:hover ul.ddm li:hover ul.sm,
                div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm {
                        display: block;
                        width: 125px;
                        padding: 1px;
                        position: relative;
                        top: -32px;
                        left: 143px;
                 }

                 div.menu-bar ul li:hover ul.ddm li:hover ul.sm li a,
                 div.menu-bar ul li a:hover ul.ddm li a:hover ul.sm li a {
                        width: 11em;
                 }
/*Fixing display problems in IE browsers*/
		* html div.menu-bar{
  			position: relative;
  		}
  		
		* html div.menu-bar ul li a {
		  	float: left;
		}
		* html ul.ddm li a:hover {
		 	 cursor: hand; 
		}
		ul.ddm li a:hover {
		  	cursor: pointer; 
		}
		* html div.menu-bar a:hover {
		  	text-decoration: none;
		}
/**/
		
	</style></head>
<!--Menu-->
<body>
<div class="menu-bar">
	<ul>
		<li><a href="https://2011.igem.org/Team:Grinnell_CN">Home</a></li>
		<li><a href="https://2011.igem.org/Team:Grinnell_CN/Team">Team</a>
			<ul class="ddm">
				<li><a href="https://2011.igem.org/Team:Grinnell_CN/Gallery">Gallery</a>
				</li>
				<!--<li><a href="https://2011.igem.org/File:Alex_profile.JPG"><img alt="Alex" src="https://static.igem.org/mediawiki/2011/8/80/Alex_profile.JPG" width=125px /></a>
				</li>-->
			</ul>
		</li>
		<li><a href="https://2011.igem.org/Team:Grinnell_CN/Project">Project</a>
			<ul class="ddm">
				<li><a href="https://2011.igem.org/Team:Grinnell_CN/Applications"><span>Applications</span></a></li>
			</ul>
		</li>
                <li><a href="https://2011.igem.org/Team:Grinnell_CN/Parts">Parts</a>
                        <ul class="ddm">
                                <li><a href="https://2011.igem.org/Team:Grinnell_CN/Project/DspB">DspB</a></li>
                                <li><a href="https://2011.igem.org/Team:Grinnell_CN/Project/Esp">Esp</a></li>
                                <li><a href="https://2011.igem.org/Team:Grinnell_CN/Project/RsaA">RsaA</a></li>
                        </ul>
                </li>
		<li><a href="https://2011.igem.org/Team:Grinnell_CN/Notebook">Notebook</a>
			<ul class="ddm">
				<li><a href="https://2011.igem.org/Team:Grinnell_CN/Safety">Safety</a></li>
				<li><a href="https://2011.igem.org/Team:Grinnell_CN/Notebook/Protocols">Protocols</a></li>
				<li><a href="https://2011.igem.org/Team:Grinnell_CN/Recipes">Recipes</a></li>
                                <li><a href="https://2011.igem.org/Team:Grinnell_CN/Notebook/Gels">Gels</a>
                                    <ul class="sm">
                                        <li><a href='https://2011.igem.org/Team:Grinnell_CN/Notebook/Gels/DspB'>DspB</a></li>
                                        <li><a href='https://2011.igem.org/Team:Grinnell_CN/Notebook/Gels/Esp'>Esp</a></li>
                                        <li><a href='https://2011.igem.org/Team:Grinnell_CN/Notebook/Gels/Promoters'>Promoters</a></li>
                                    </ul>
                                </li>
			</ul>
		</li>
		<li><a href="https://2011.igem.org/Team:Grinnell_CN/Attributions">Attributions</a>
			<ul class="ddm">
				<li><a href="https://2011.igem.org/Team:Grinnell_CN/Attributions/Sponsors">Sponsors</a></li>
                        </ul>
                </li>
	</ul></div>
</body></html>