Page78

<html>
<head>
<style type="text/css">

ul#teamalbertamaycalendar {
list-style: none;
background-image: url(https://static.igem.org/mediawiki/2010/a/ad/Alberta2010MayCalendar1.png); no-repeat 0 0;
position: relative;
width: 500px;
height: 311px;
margin: 0;
padding: 0;
}
ul#teamalbertamaycalendar li {
border: 1px solid #000;
position: absolute;
}
ul#teamalbertamaycalendar li a{
display: block;
height: 100%;
text-indent:-9000px
}
#buildingparts {
width: 300px;
height: 10px;
top: 108px;
left: 111px;
}
#testingparts {
width: 34px;
height: 10px;
top: 190px;
left: 16px;
}
#assemblymethod {
width: 313px;
height: 10px;
top: 150px;
left: 50px;
}
#competentcells {
width: 0px;
height: 0px;
top: 131px;
left: 76px;
}
#plates {
width: 0px;
height: 0px;
top: 2px;
left: 0px;
}
#kitmanual {
width: 0px;
height: 0px;
top: 131px;
left: 76px;
}
#software {
width: 0px;
height: 0px;
top: 131px;
left: 76px;
}
ul#teamalbertamaycalendar li a span {
display: none;
}
ul#teamalbertamaycalendar li a:hover span {
display: block;
}
ul#teamalbertamaycalendar li#buildingparts a {
background-color: blueviolet;
}
ul#teamalbertamaycalendar li#testingparts a {
background-color: cornflowerblue;
}
ul#teamalbertamaycalendar li#assemblymethod a {
background-color: crimson;
}
ul#teamalbertamaycalendar li#competentcells a {
background-color: blueviolet;
}
ul#teamalbertamaycalendar li#plates a {
background-color: blueviolet;
}
ul#teamalbertamaycalendar li#kitmanual a {
background-color: blueviolet;
}
ul#teamalbertamaycalendar li#software a {
background-color: blueviolet;
}

</style>
</head>

<body>
<ul id="teamalbertamaycalendar">
<li id="buildingparts"><a href="https://2010.igem.org/Team:Alberta/Building_Parts"><span>Building Parts</span></a></li>
<li id="testingparts"><a href="https://2010.igem.org/Team:Alberta/Testing_Parts"><span>Testing Parts</span></a></li>
<li id="assemblymethod"><a href="https://2010.igem.org/Team:Alberta/Assembly_Method"><span>Assembly Methods</span></a></li>
<li id="competentcells"><a href="https://2010.igem.org/Team:Alberta/Competent_Cells"><span>Competent Cells</span></a></li>
<li id="plates"><a href="https://2010.igem.org/Team:Alberta/Plates"><span>Plates</span></a></li>
<li id="kitmanual"><a href="https://2010.igem.org/Team:Alberta/Kit_Manual"><span>Kit Manual</span></a></li>
<li id="software"><a href="https://2010.igem.org/Team:Alberta/Software"><span>Software</span></a></li>
</ul>

</body>
</html>




<html>

    
    <map name="juneexampleCalendar">
      <area shape="rect" coords="252,87,569,100" 
         href="https://2009.igem.org/Team:ArtScienceBangalore/Aproach">
      <area shape="rect" coords="391,109,690,122" 
         href="https://2009.igem.org/Team:ArtScienceBangalore/Experiments">
      <area shape="rect" coords="30,215,430,233" 
         href="https://2009.igem.org/Team:ArtScienceBangalore/Project">
    </map>

    
    <img src="https://static.igem.org/mediawiki/2010/e/ef/Alberta2010Juneexamplecalendar2.png" width="703" height="411" alt="JuneExampleCalendar" usemap="#juneexampleCalendar" ismap/>

<style type="text/css">

.plasmid a {
display:block;
width: 312px;
padding:154px 0px 154px 0px;
font: bold 13px sans-serif;;
color:#333;
background: url("https://static.igem.org/mediawiki/2010/9/93/Alberta_plasmid.jpg") 0 0 no-repeat;
text-decoration: none;
}
.plasmid a:hover { 
background-position: 0 -306px;
color: #049;
}

</style>
</head>

<body>

<div class="plasmid">
<a href="blank"></a>
</div>

</html>
<html>
<body>

<map name="juneexampleCalendar">
      <area shape="rect" coords="252,87,569,100" 
         href="https://2009.igem.org/Team:ArtScienceBangalore/Aproach">
      <area shape="rect" coords="391,109,690,122" 
         href="https://2009.igem.org/Team:ArtScienceBangalore/Experiments">
      <area shape="rect" coords="30,215,430,233" 
         href="https://2009.igem.org/Team:ArtScienceBangalore/Project">
    </map>

    
    <img src="https://static.igem.org/mediawiki/2010/e/ef/Alberta2010Juneexamplecalendar2.png" width="703" height="411" alt="JuneExampleCalendar" usemap="#juneexampleCalendar" ismap/>
<img src="https://static.igem.org/mediawiki/2010/a/ad/Alberta2010MayCalendar1.png" />

</body>
</html>