|
|
| Line 72: |
Line 72: |
| | | | |
| | <div class="menu"> | | <div class="menu"> |
| - | <!-- Css Menu: -->
| |
| | | | |
| - | <style> | + | <!--[if lt IE 7]> |
| - | ul.cssMenu ul{display:none}
| + | <script type="text/javascript"> |
| - | ul.cssMenu li:hover>ul{display:block}
| + | |
| - | ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
| + | sfHover = function() { |
| - | ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
| + | var sfEls = document.getElementById("nav").getElementsByTagName("LI"); |
| - | ul.cssMenu,ul.cssMenu ul {
| + | for (var i=0; i<sfEls.length; i++) { |
| - | margin:0px;
| + | sfEls[i].onmouseover=function() { |
| - | list-style:none;
| + | this.className+=" over"; |
| - | padding:0px 3px 3px 0px; | + | } |
| - | background-repeat:repeat;
| + | sfEls[i].onmouseout=function() { |
| - | width: 965px;
| + | this.className=this.className.replace(new RegExp(" over\\b"), ""); |
| | + | } |
| | + | } |
| | } | | } |
| - | ul.cssMenu table {border-collapse:collapse;}ul.cssMenu {
| + | if (window.attachEvent) window.attachEvent("onload", sfHover); |
| - | display:block; | + | |
| - | zoom:1; | + | </script> |
| - | position:absolute; | + | <![endif]--> |
| - | z-index: 1000; | + | <style type="text/css"> |
| - | left: 100; | + | /* general styling */ |
| - | top: 200; | + | *{margin:0;padding:0} |
| - | width:965px;
| + | body { |
| | + | font: x-small Verdana, Arial, Helvetica, sans-serif; |
| | + | text-align:center; |
| | + | padding:20px; |
| | + | } |
| | + | .outer{ |
| | + | padding:0px 0 0 0; |
| | + | width:9065px; |
| | + | margin:auto; |
| | + | position:relative; |
| | + | text-align:left |
| | } | | } |
| - | * HTML ul.cssMenu {position:absolute;}
| |
| - | ul.cssMenu ul{
| |
| - | width:175px;
| |
| - | /* for IE */
| |
| - | filter:alpha(opacity=60);
| |
| - | /* CSS3 standard */
| |
| - | opacity:0.6;
| |
| - | background-color:#000;
| |
| | | | |
| | + | /* drop up */ |
| | + | ul#nav,ul#nav ul { |
| | + | margin: 0; |
| | + | padding: 0; |
| | + | list-style: none; |
| | } | | } |
| - | ul.cssMenu li { | + | ul#nav { |
| - | display:block; | + | width:965px; |
| - | margin:3px 0px 0px 3px; | + | height:150px; |
| - | font-size:0px; | + | background:#000; |
| | } | | } |
| - | ul.cssMenu a:active, ul.cssMenu a:focus {
| |
| - | outline-style:none;
| |
| | | | |
| - | }
| + | ul#nav li { |
| - | ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { | + | position: relative; |
| - | display:block; | + | float: left; |
| - | vertical-align:middle; | + | width:199px; |
| | + | height:150px; |
| | + | border-right:1px solid silver; |
| | + | background:#000; |
| | + | color:#fff; |
| | text-align:left; | | text-align:left; |
| - | text-decoration:none;
| |
| - | padding:4px;
| |
| - | padding-left:0;
| |
| - | font:22px Trebuchet MS;
| |
| - | color: #FFFFFF;
| |
| - | text-decoration:none;
| |
| - | cursor:pointer;
| |
| | } | | } |
| - | ul.cssMenu span{ | + | ul#nav li a { |
| - | overflow:hidden; | + | text-decoration: none; |
| | + | color:#b00; |
| | } | | } |
| - | ul.cssMenu li {
| + | #nav li ul { |
| - | float:left; | + | position: absolute; |
| | + | left: 0; |
| | + | top:-305px; |
| | + | margin-left:-999em; |
| | + | border:none; |
| | + | height:455px; |
| | + | width:199px; |
| | + | background:#000; |
| | + | border-right:1px solid silver; |
| | + | /*opacity for IE5+*/ |
| | + | filter: alpha(opacity=70); |
| | + | /*opacity for older Mozilla browsers*/ |
| | + | -moz-opacity: 0.7; |
| | + | /*opacity for mozilla/safari*/ |
| | + | opacity: 0.7; |
| | } | | } |
| - | ul.cssMenu ul li { | + | ul#nav li li{height:auto;border:none;} |
| - | float:none; | + | ul#nav li li a{ |
| | + | color:#fff; |
| | + | padding:5px 10px 5px 20px; |
| | + | display:block; |
| | } | | } |
| - | ul.cssMenu ul a { | + | ul#nav li:hover ul, |
| - | text-align:left; | + | ul#nav li.over ul { |
| - | white-space:nowrap;
| + | margin-left:0; |
| | } | | } |
| - | ul.cssMenu li.sep{ | + | ul#nav li:hover, |
| - | text-align:left;
| + | ul#nav li.over, |
| - | padding:0px;
| + | ul#nav li:hover a, |
| - | line-height:0;
| + | ul#nav li.over a {color:#000} |
| - | height:100%;
| + | |
| - | }
| + | |
| - | ul.cssMenu li.sep span{
| + | |
| - | float:none; padding-right:0;
| + | |
| - | width:3;
| + | |
| - | height:100%;
| + | |
| - | display:inline-block;
| + | |
| - | background-color:#CECECE; background-image:none;}
| + | |
| - | ul.cssMenu ul li.sep span{
| + | |
| - | width:100%;
| + | |
| - | height:3;
| + | |
| - | }
| + | |
| - | ul.cssMenu li:hover{
| + | |
| - | position:relative;
| + | |
| - | }
| + | |
| - | ul.cssMenu li:hover>a{ | + | |
| - | background-color:#6AF039;
| + | |
| - | font:22px Trebuchet MS;
| + | |
| - | color: #414141;
| + | |
| - | text-decoration:none;
| + | |
| - | }
| + | |
| - | ul.cssMenu li a:hover{
| + | |
| - | position:relative;
| + | |
| - | background-color:#6AF039;
| + | |
| - | font:22px Trebuchet MS;
| + | |
| - | color: #414141;
| + | |
| - | text-decoration:none;
| + | |
| - | }
| + | |
| - | ul.cssMenu li.dis a {
| + | |
| - | color: #AAAAAA !important;
| + | |
| - | }
| + | |
| - | ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
| + | |
| - | height:24px;
| + | |
| - | }
| + | |
| - | ul.cssMenu ul img {width:16px;
| + | |
| - | height:16px;
| + | |
| - | }
| + | |
| - | ul.cssMenu img.over{display:none}
| + | |
| - | ul.cssMenu li.dis a:hover img.over{display:none !important} | + | |
| - | ul.cssMenu li.dis a:hover img.def {display:inline !important}
| + | |
| - | ul.cssMenu li:hover > a img.def {display:none} | + | |
| - | ul.cssMenu li:hover > a img.over {display:inline}
| + | |
| - | ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline}
| + | |
| - | ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none}
| + | |
| - | ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block}
| + | |
| - | ul.cssMenu a:hover ul ul{display:none}
| + | |
| - | ul.cssMenu span{
| + | |
| - | display:block;
| + | |
| - | background-image:url(./images/arrow_sub5.gif);
| + | |
| - | background-position:right center;
| + | |
| - | background-repeat: no-repeat;
| + | |
| - | padding-right:14px;}
| + | |
| - | ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arrow_sub2.gif)}
| + | |
| - | ul.cssMenu ul li:hover > a span{ background-image:url(./images/arrow_sub5.gif);}
| + | |
| - | ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url(./images/arrow_sub5.gif)}
| + | |
| - | ul.cssMenu table a:hover table span{background-image:url(./images/arrow_sub2.gif)}
| + | |
| | | | |
| | + | ul#nav li:hover li a,ul#nav li.over li a{color:#fff;} |
| | + | ul#nav li li a:hover{color:red;} |
| | + | ul#nav li p {padding:5px;} |
| | + | ul#nav li.last,ul#nav li.last ul{border:none;width:200px;} |
| | </style> | | </style> |
| | | | |
| - | <ul class="cssMenu cssMenum"> | + | <div class="outer"> |
| - | <li class=" cssMenui"><a class=" cssMenui" href=" https:// 2009.igem.org/ Team:Calgary" =" _blank"> Home </a></li> | + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href=" https:// 2009. igem. org/ Team:Calgary/ Team">< span> Team </ span>< ![if gt IE 6]></a>< ![endif]>< !--[if lte IE 6]>< table>< tr>< td>< ![endif]--> | + | <ul id="nav"> |
| - | <ul class=" cssMenum">
| + | <li> |
| - | <li class=" cssMenui"><a class=" cssMenui" href=" https:// 2009. igem. org/ Team:Calgary/ Team# Undergraduates" =" _blank"> Undergraduates</a></li> | + | <p>Home<br /> |
| - | <li class=" cssMenui"><a class=" cssMenui" href=" https:// 2009.igem.org/ Team:Calgary/ Team# Supervisors" =" _blank"> Supervisors</a></li> | + | <a href="#">Read more</a></p> |
| - | <li class=" cssMenui"><a class=" cssMenui" href=" https:// 2009.igem.org/ Team:Calgary/ Team# Facilitators" =" _blank"> Facilitators</a></li> | + | <ul> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li> |
| | + | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam pretium dignissim libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce adipiscing pharetra metus. Donec sagittis suscipit sapien. Nullam molestie metus ut risus dictum egestas.<br /> |
| | + | <a href="#">Read more 2</a></p> |
| | + | <ul> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li> |
| | + | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce adipiscing pharetra metus. Donec sagittis suscipit sapien. Nullam molestie metus ut risus dictum egestas.<br /> |
| | + | <a href="#">Read more 3</a></p> |
| | + | <ul> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li class="last"> |
| | + | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam pretium dignissim libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce adipiscing pharetra metus. Donec sagittis suscipit sapien.<br /> |
| | + | <a href=" #" >Read more 4</a></p> |
| | + | <ul> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | <li><a href="#">Links go here</a></li> |
| | + | </ul> |
| | + | </li> |
| | </ul> | | </ul> |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | </div> |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Project </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Project" ="_blank">Overall Project</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Calendar</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">May</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">June</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">July</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">August</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">September</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">October</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Lab </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>May</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 1 (1-10)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 2 (11-17)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 3 (18-24)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 4 (25-31)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>June</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 5 (1-7)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 6 (8-14)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 7 (15-21)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 8 (22-28)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>July</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 9 (29-5)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 10 (6-12)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 11 (13-19)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 12 (20-26)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 13 (27-2)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>August</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 14 (3-9)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 15 (10-16)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 16 (17-23)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 17 (24-30)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>September</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 18 (31-6)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 19 (7-13)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 20 (14-20)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 21 (21-27)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 22 (28-4)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>October</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 23 (5-11)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 24 (12-18)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 25 (19-25)</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Week 26 (26-1)</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Modelling </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Key Events</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/SecondLife"><span>Second Life</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/SecondLifeEvents">Key Events</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Outreach"><span>Outreach </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Educational</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Key Events</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Ethics"><span>Ethics </span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
| + | |
| - | <ul class=" cssMenum">
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Overview</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="#">Key Events</a></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | </ul>
| + | |
| - | <!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Parts">Parts</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Sponsors">Sponsors</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/News" ="_blank">News</a></li>
| + | |
| - | <li class=" cssMenui"><a class=" cssMenui" href="https://2009.igem.org/Team:Calgary/Gallery" ="_blank">Gallery</a></li>
| + | |
| - | </ul>
| + | |
| - | | + | |
| - | <!-- (c) 2009, PureCSSMenu.com -->
| + | |
| | </div> | | </div> |
| | | | |
The Campus Fair is held annually at the University of Calgary. It is a great opportunity for students of all ages to learn and discover the potential subjects and areas that may become of interest to them in the future. Our team participated this past weekend (June 6th, 2009) in the event alongside many other groups. Eleven of the U of C iGEM team members helped out as we promoted synthetic biology to kids aged 3-15 and parents in order to foster some interest in the field of synthetic biology. To provide a basic level of understanding of synthetic biology, we held a pipetting competition and had an arts and crafts table set up throughout the day to make artistic bacteria. We demonstrated how bacteria can be manipulated to perform specific functions and we were able to simulate certain lab techniques in a fun and safe environment. Our team was also able to interact with younger children and their parents, allowing us to promote iGEM and our team. Read more!
"
