Template:CalgaryMenu

<script type="text/javascript">

var timeout = 500;

var closetimer = 0;

var ddmenuitem = 0;

// open hidden layer

function mopen(id)

{

mcancelclosetime();

// 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>

<style>

body{

background-color: #808080;

}

p {

font-family: Verdana, sans-serif;

}

a {

font-family: Verdana, sans-serif;

}

li{

font-family: Verdana, sans-serif;

}

h2{

color:#0066CC;

}

h4{

color:#003366;

}

img.bannerImage{

margin-top: -56px;

margin-left: -5px;

z-index: 0;

}

div.menuBar{

margin-left: -5px;

width: 920px;

height: 25px;

margin-bottom: 20px;

margin-top: -45px;

float: left;

}

#nav {

margin: 0;

padding: 0;

z-index: 30;

position: relative;

}

#nav li {

margin: 0;

padding: 0;

list-style: none;

float: left;

font: bold 12px verdana;

}

#nav li a {

display: block;

margin: 0 0 0 0;

padding: 6px 10px;

width: 82px;

background: #8bff35;

color: #000;

text-align: center;

text-decoration: none;

border-right: 2px solid #131313;

}

#nav li .menuend{

border-right: 2px solid #8bff35;

width: 66px;

}

#nav li a:hover {

color: #FFF;

}

#nav div {

position: absolute;

visibility: hidden;

margin: 0;

padding: 0;

background: #131313;

}

#nav div a {

position: relative;

display: block;

margin: 0;

padding: 5px 10px;

width: 150px;

white-space: nowrap;

text-align: left;

text-decoration: none;

left: -2px;

background: #8bff35;

color: #000;

font: 12px Verdana;

border-left: 2px solid #131313;

border-right: 3px solid #8bff35;

}

#nav div a:hover {

background: #8bff35;

color: #FFF;

border-left: 2px solid #131313;

border-right: 3px solid #8bff35;

}

</style>

<img src="http://i1112.photobucket.com/albums/k499/sjdixon1/2011logo.jpg" class="bannerImage" title="University of Calgary iGEM Team 2010"></img>

<div class="menuBar">

<ul id="nav">

<li>

<a href="https://2011.igem.org/Team:Calgary"

onmouseover="mopen('m1')"

onmouseout="mclosetime()">

Home</a>

</li>

<li>

<a href="https://2011.igem.org/Team:Calgary/Team"

onmouseover="mopen('m2')"

onmouseout="mclosetime()">

Team</a>

<div id="m2"

onmouseover="mcancelclosetime()"

onmouseout="mclosetime()">

<a href="https://igem.org/Team.cgi?id=640">Official Team Profile</a>

<a href="https://2011.igem.org/Team:Calgary/Team/Biographies">Biographies</a>

<a href="https://2011.igem.org/Team:Calgary/Team/Facilitators">Facilitators</a>

<a href="https://2011.igem.org/Team:Calgary/Team/About_The_University">About the University</a>

<a href="https://2011.igem.org/Team:Calgary/Team/Acknowledgements">Acknowledgements</a>

</div>

</li>

<li>

<a href="https://2011.igem.org/Team:Calgary/Project"

onmouseover="mopen('m3')"

onmouseout="mclosetime()">

Project</a>

<div id="m3"

onmouseover="mcancelclosetime()"

onmouseout="mclosetime()">

<a href="https://2011.igem.org/Team:Calgary/Project">Overview</a>

<a href="https://2011.igem.org/Team:Calgary/Project/Transcription">Transcription/Translation</a>

<a href="https://2011.igem.org/Team:Calgary/Project/misfolding_overview">Protein Misfolding</a>

<a href="https://2011.igem.org/Team:Calgary/Project/Controls">Testing Our System</a>

<a href="https://2011.igem.org/Team:Calgary/Project/Achievements">Achievements</a>

</div>

</li>

<li><a href="https://2011.igem.org/Team:Calgary/Parts/Parts_Submitted"

onmouseover="mopen('m4')"

onmouseout="mclosetime()">

Parts</a>

<div id="m4"

onmouseover="mcancelclosetime()"

onmouseout="mclosetime()">

<a href="https://2011.igem.org/Team:Calgary/Parts/Parts_Submitted">Parts Submitted</a>

<a href="https://2011.igem.org/Team:Calgary/Parts/Characterization">Characterization</a>

</div>

</li>

<li><a href="https://2011.igem.org/Team:Calgary/Notebook/Calendar"

onmouseover="mopen('m5')"

onmouseout="mclosetime()">

Notebook</a>

<div id="m5"

onmouseover="mcancelclosetime()"

onmouseout="mclosetime()">

<a href="https://2011.igem.org/Team:Calgary/Notebook/Calendar">Calendar</a>

<a href="https://2011.igem.org/Team:Calgary/Notebook/Future_Directions">Future Directions</a>

<a href="https://2011.igem.org/Team:Calgary/Notebook/Protocols">Protocols</a>

</div>

</li>

<li><a href="https://2011.igem.org/Team:Calgary/Modelling"

onmouseover="mopen('m6')"

onmouseout="mclosetime()">

Modelling</a>

<div id="m6"

onmouseover="mcancelclosetime()"

onmouseout="mclosetime()">

<a href="https://2011.igem.org/Team:Calgary/Modelling/MATLAB">MATLAB</a>

<a href="https://2011.igem.org/Team:Calgary/Modelling/Maya">Animation</a>

</div>

</li>

<li><a href="https://2011.igem.org/Team:Calgary/Considerations"

onmouseover="mopen('m7')"

onmouseout="mclosetime()">

Considerations</a>

<div id="m7"

onmouseover="mcancelclosetime()"

onmouseout="mclosetime()">

<a href="https://2011.igem.org/Team:Calgary/Community/Ethics">Ethics/Human Practices</a>

<a href="https://2011.igem.org/Team:Calgary/Community/Gallery">Gallery</a>

<a href="https://2011.igem.org/Team:Calgary/Community/Conferences">Conferences</a>

<a href="https://2011.igem.org/Team:Calgary/Community/Suffield">DRDC Suffield</a>

<a href="https://2011.igem.org/Team:Calgary/Community/Podcasts">Podcasts</a>

<a href="https://2011.igem.org/Team:Calgary/Community/Blog">Visit Our Blog!</a>

</div>

</li>

<li><a href="https://2011.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>

<li><a class="menuend" href="https://2011.igem.org/Team:Calgary/Extras">Extras</a></li>

</ul>

</div>