|
|
| (38 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <head>
| |
| - | <script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
| |
| - | <!--[if gte IE 5.5]>
| |
| - | <script language="JavaScript" type="text/JavaScript">
| |
| - | $(document).ready(function(){
| |
| - | $("#navmenu-h li,#navmenu-v li").hover(
| |
| - | function() { $(this).addClass("iehover"); },
| |
| - | function() { $(this).removeClass("iehover"); }
| |
| - | );});
| |
| - | </script>
| |
| - | <![endif]-->
| |
| - | <style type="text/css">
| |
| | | | |
| - |
| |
| - | ul, li {
| |
| - | list-style: none;
| |
| - | padding:0;
| |
| - | margin:0;
| |
| - | }
| |
| - | #crumbs {
| |
| - | height:2.3em;
| |
| - | border:1px solid #dedede;
| |
| - | }
| |
| - | #crumbs li {
| |
| - | float:left;
| |
| - | line-height:2.3em;
| |
| - | color:#000066;
| |
| - | padding-left:.75em;
| |
| - | padding-right:.75em;
| |
| - | }
| |
| - | #crumbs li a {
| |
| - | background:url(http://farm5.static.flickr.com/4083/4840231538_b92665afd3_m_d.jpg) no-repeat right center;
| |
| - | display:block;
| |
| - | padding:0 15px 0 0;
| |
| - | }
| |
| - | #crumbs li a:link,
| |
| - | #crumbs li a:visited {
| |
| - | color:#000066;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | a:link, a:visited,
| |
| - | #crumbs li a:hover,
| |
| - | #crumbs li a:focus {
| |
| - | color:#dd2c0d;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }
| |
| - |
| |
| - | ul#navmenu-h ul {
| |
| - | width: 173px; /* Sub Menu Width */
| |
| - | margin: 0;
| |
| - | list-style: none;
| |
| - | display: none;
| |
| - | position: absolute;
| |
| - | top: 100%;
| |
| - | left: 0;
| |
| - | }
| |
| - |
| |
| - | ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }
| |
| - |
| |
| - | ul#navmenu-h li { float: left; display: inline; position: relative; }
| |
| - | ul#navmenu-h ul li { width: 100%; display: block; }
| |
| - |
| |
| - | /* Root Menu */
| |
| - | ul#navmenu-h a {
| |
| - | border-top: 1px solid #FFF;
| |
| - | border-right: 1px solid #FFF;
| |
| - | width:160px;
| |
| - | padding: 6px;
| |
| - | float: center;
| |
| - | display: block;
| |
| - | background: #000066;
| |
| - | color: #ffffff;
| |
| - | font: bold 11px Verdana, sans-serif;
| |
| - | text-decoration: none;
| |
| - | height: 1%;
| |
| - | }
| |
| - |
| |
| - | /* Root Menu Hover Persistence */
| |
| - | ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
| |
| - | background: #FFFFFF;
| |
| - | color: #000066;
| |
| - | height:120%;
| |
| - | font: bold 13px Verdana, sans-serif;
| |
| - | }
| |
| - |
| |
| - | /* 2nd Menu */
| |
| - | ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
| |
| - | font: bold 11px Verdana, sans-serif;
| |
| - | border: 1px solid #dedede;
| |
| - | width: 160px;
| |
| - | float: none;
| |
| - | height:100%;
| |
| - | color: #000066;
| |
| - | background: #FFFFFF;
| |
| - | }
| |
| - |
| |
| - | /* 2nd Menu Hover Persistence */
| |
| - | ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
| |
| - | font: bold 13px Verdana, sans-serif;
| |
| - | border: 1px solid #dedede;
| |
| - | background: #000066;
| |
| - | color:#ffffff;
| |
| - | height:120%;
| |
| - | }
| |
| - |
| |
| - | /* 3rd Menu */
| |
| - | ul#navmenu-h li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li a {
| |
| - | font: bold 11px Verdana, sans-serif;
| |
| - | color: #000066;
| |
| - | background: #FFFFFF;
| |
| - | height:100%;
| |
| - | }
| |
| - |
| |
| - | /* 3rd Menu Hover Persistence */
| |
| - | ul#navmenu-h li:hover li:hover li a:hover,ul#navmenu-h li:hover li:hover li:hover a,ul#navmenu-h li.iehover li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover a {
| |
| - | font: bold 13px Verdana, sans-serif;
| |
| - | background: #000066;
| |
| - | color: #ffffff;
| |
| - | height:120%;
| |
| - | }
| |
| - |
| |
| - | /* 4th Menu */
| |
| - | ul#navmenu-h li:hover li:hover li:hover li a,ul#navmenu-h li.iehover li.iehover li.iehover li a {
| |
| - | background: #808080;
| |
| - | }
| |
| - |
| |
| - | /* 4th Menu Hover */
| |
| - | ul#navmenu-h li:hover li:hover li:hover li a:hover,ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
| |
| - | background: #000066;
| |
| - | }
| |
| - |
| |
| - | /* Hover Function - Do Not Move */
| |
| - | ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
| |
| - | ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }
| |
| - |
| |
| - |
| |
| - | ul.navigation1
| |
| - | {
| |
| - | position:absolute;
| |
| - | z-index:1;
| |
| - | top:248px;
| |
| - | left:110px;
| |
| - | }
| |
| - |
| |
| - | ul.navigation2
| |
| - | {
| |
| - | position:absolute;
| |
| - | z-index:2;
| |
| - | top:200px;
| |
| - | left:105px;
| |
| - | }
| |
| - | #globalWrapper {
| |
| - | position: relative;
| |
| - | font-size: 127%;
| |
| - | width: 100%;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | padding-bottom: 10px;
| |
| - | }
| |
| - | .visualClear {
| |
| - | clear: both;
| |
| - | }
| |
| - |
| |
| - | #top-section {
| |
| - | position: relative;
| |
| - | height: 0px;
| |
| - | width: 975px;
| |
| - | # margin-left: 10px;
| |
| - | margin: 0 auto 0 auto;
| |
| - | border-left: 1px solid #000000;
| |
| - | border-right: 1px solid #000000;
| |
| - | }
| |
| - |
| |
| - | #p-logo {
| |
| - | position: absolute;
| |
| - | top=-107
| |
| - | z-index: 1;
| |
| - | height: 107px;
| |
| - | width: 975px;
| |
| - | }
| |
| - | #p-logo h5 {
| |
| - | display: none;
| |
| - | }
| |
| - | #p-logo a,
| |
| - | #p-logo a:hover {
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | #search-controls {
| |
| - | position: absolute;
| |
| - | top: 25px;
| |
| - | right: 15px;
| |
| - | width: 150px;
| |
| - | height: 40px;
| |
| - | background-color: transparent;
| |
| - | text-align: center;
| |
| - | z-index: 3;
| |
| - | }
| |
| - | input.searchButton {
| |
| - | margin: 1px 10px 0 10px;
| |
| - | font-size: 100%;
| |
| - | background: none;
| |
| - | border: none;
| |
| - | color: #FFFFFF;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - | input.searchButton:hover {
| |
| - | color: white;
| |
| - | }
| |
| - | #searchInput {
| |
| - | width: 10.9em;
| |
| - | margin: 0;
| |
| - | font-size: 95%;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | #menubar {
| |
| - | filter: alpha(opacity=100);
| |
| - | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
| |
| - | -moz-opacity: 1; opacity:1;
| |
| - |
| |
| - | background: #d1d1d1; /* for non-css3 browsers */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#808080)); /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #ebebeb, #808080); /* for firefox 3.6+ */
| |
| - |
| |
| - | color: #444;
| |
| - | border-top: solid 1px #f8f8f8;
| |
| - | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
| |
| - |
| |
| - | position: absolute;
| |
| - | white-space: nowrap;
| |
| - | top: 0px;
| |
| - | width: 682px;
| |
| - | z-index: 5;
| |
| - | font-family: sans-serif;
| |
| - | font-size: 95%;
| |
| - | line-height: 1em;
| |
| - | text-transform: uppercase;
| |
| - | }
| |
| - | .left-menu {
| |
| - | color:#000000;
| |
| - | left: -199px;
| |
| - | text-align: left;
| |
| - | }
| |
| - | .right-menu {
| |
| - | text-align: right;
| |
| - | right: -190px;
| |
| - | }
| |
| - | #menubar ul {
| |
| - | color: #555555;
| |
| - | list-style: none;
| |
| - | }
| |
| - | #menubar li {
| |
| - | display: inline;
| |
| - | position: relative;
| |
| - | cursor: pointer;
| |
| - | padding-left: 4px;
| |
| - | padding-right: 10px;
| |
| - | }
| |
| - | #menubar li a {
| |
| - | color: #555555;
| |
| - | }
| |
| - | #menubar li a:hover {
| |
| - | color: black;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | #menubar .selected a {
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | html>body #nav {
| |
| - | filter: alpha(opacity=80);
| |
| - | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
| |
| - | -moz-opacity: 0.8; opacity:0.8;
| |
| - | z-index:1;
| |
| - | margin: 0;
| |
| - | padding: 7px 6px 0;
| |
| - | line-height: 100%;
| |
| - | border-top-left-radius:5em;
| |
| - | border-top-right-radius:2em;
| |
| - | border-bottom-left-radius:2em;
| |
| - | border-bottom-right-radius:2em;
| |
| - |
| |
| - | -webkit-border-top-left-radius: 5em;
| |
| - | -webkit-border-top-right-radius: 2em;
| |
| - | -webkit-border-bottom-left-radius: 2em;
| |
| - | -webkit-border-bottom-right-radius: 2em;
| |
| - | -moz-border-radius-topleft: 5em;
| |
| - | -moz-border-radius-topright: 2em;
| |
| - | -moz-border-radius-bottomleft: 2em;
| |
| - | -moz-border-radius-bottomright: 2em;
| |
| - |
| |
| - |
| |
| - | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
| |
| - | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
| |
| - |
| |
| - | background: #8b8b8b; /* for non-css3 browsers */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#000000)); /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #000066, #000000); /* for firefox 3.6+ */
| |
| - |
| |
| - | border: solid 1px #6d6d6d;
| |
| - | }
| |
| - | html>body #nav li {
| |
| - | margin: 0 5px;
| |
| - | padding: 0 0 8px;
| |
| - | float: left;
| |
| - | position: relative;
| |
| - | list-style: none;
| |
| - | }
| |
| - | /* main level link */
| |
| - | html>body #nav a {
| |
| - | font-weight: bold;
| |
| - | color: #e7e5e5;
| |
| - | text-decoration: none;
| |
| - | display: block;
| |
| - | padding: 8px 57px;
| |
| - | margin: 0;
| |
| - | -webkit-border-radius: 1.6em;
| |
| - | -moz-border-radius: 1.6em;
| |
| - | text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
| |
| - | }
| |
| - |
| |
| - | /* main level link hover */
| |
| - | html>body #nav .current a, #nav li:hover > a {
| |
| - | background: #d1d1d1; /* for non-css3 browsers */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#808080'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#808080)); /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #ebebeb, #808080); /* for firefox 3.6+ */
| |
| - |
| |
| - | color: #444;
| |
| - | border-top: solid 1px #f8f8f8;
| |
| - | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
| |
| - | }
| |
| - | /* sub levels link hover */
| |
| - | html>body #nav ul li:hover a, #nav li:hover li a {
| |
| - | background: none;
| |
| - | border: none;
| |
| - | color: #323232;
| |
| - | -webkit-box-shadow: none;
| |
| - | -moz-box-shadow: none;
| |
| - | }
| |
| - | html>body #nav ul a:hover {
| |
| - | background: #0399d4 !important; /* for non-css3 browsers */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000066', endColorstr='#000000'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#000000)) !important; /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #000066, #000000) !important; /* for firefox 3.6+ */
| |
| - |
| |
| - | color: #fff !important;
| |
| - | -webkit-border-radius: 0;
| |
| - | -moz-border-radius: 0;
| |
| - | text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
| |
| - | }
| |
| - | /* level 2 list */
| |
| - | html>body #nav ul {
| |
| - | background: #ddd; /* for non-css3 browsers */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c8c8c8'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c8c8c8)); /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #fff, #c8c8c8); /* for firefox 3.6+ */
| |
| - |
| |
| - | display: none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | width: 200px;
| |
| - | position: absolute;
| |
| - | top: 35px;
| |
| - | left: 10px;
| |
| - | border: solid 1px #b4b4b4;
| |
| - | -webkit-border-radius: 10px;
| |
| - | -moz-border-radius: 10px;
| |
| - | border-radius: 10px;
| |
| - | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
| |
| - | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
| |
| - | box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
| |
| - | }
| |
| - | /* dropdown */
| |
| - | html>body #nav li:hover > ul {
| |
| - | display: block;
| |
| - | }
| |
| - | html>body #nav ul li {
| |
| - | z-index:1;
| |
| - | float: none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - | html>body #nav ul a {
| |
| - | font-weight: normal;
| |
| - | text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
| |
| - | }
| |
| - | /* level 3+ list */
| |
| - | html>body #nav ul ul {
| |
| - | left: 138px;
| |
| - | top: -8px;
| |
| - | }
| |
| - | /* rounded corners for first and last child */
| |
| - | html>body #nav ul li:first-child > a {
| |
| - | -webkit-border-top-left-radius: 9px;
| |
| - | -moz-border-radius-topleft: 9px;
| |
| - | -webkit-border-top-right-radius: 9px;
| |
| - | -moz-border-radius-topright: 9px;
| |
| - | }
| |
| - | html>body #nav ul li:last-child > a {
| |
| - | -webkit-border-bottom-left-radius: 9px;
| |
| - | -moz-border-radius-bottomleft: 9px;
| |
| - | -webkit-border-bottom-right-radius: 9px;
| |
| - | -moz-border-radius-bottomright: 9px;
| |
| - | }
| |
| - | /* clearfix */
| |
| - | html>body #nav:after {
| |
| - | content: ".";
| |
| - | display: block;
| |
| - | clear: both;
| |
| - | visibility: hidden;
| |
| - | line-height: 0;
| |
| - | height: 0;
| |
| - | }
| |
| - | html>body #nav {
| |
| - | z-index:1;
| |
| - | display: inline-block;
| |
| - | }
| |
| - | html>body html[xmlns] #nav {
| |
| - | display: block;
| |
| - | }
| |
| - | * html html>body #nav {
| |
| - | height: 1%;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .f-poweredbyico
| |
| - | {
| |
| - | position:absolute;
| |
| - | }
| |
| - | #footer {
| |
| - | background:white;
| |
| - | color:white;
| |
| - | border-top:0px solid black;
| |
| - | }
| |
| - | #toc
| |
| - | {
| |
| - | border:0px;
| |
| - | background-color:#FFFFFF;
| |
| - | padding:0px;
| |
| - | }
| |
| - | img.topbanner
| |
| - | {
| |
| - | position:absolute;
| |
| - | top:-100px;
| |
| - | left:-1px;
| |
| - | }
| |
| - | img.lybanner
| |
| - | {
| |
| - | position:absolute;
| |
| - | top:22px;
| |
| - | left:-1px;
| |
| - | }
| |
| - | img.photo
| |
| - | {
| |
| - | position:absolute;
| |
| - | top:3px;
| |
| - | left:1000px;
| |
| - | }
| |
| - | img.gradient
| |
| - | {
| |
| - | z-index:5;
| |
| - | position:absolute;
| |
| - | height:2000px;
| |
| - | width:250px;
| |
| - | top:0px;
| |
| - | left:-240px;
| |
| - | }
| |
| - | img.gradientb
| |
| - | {
| |
| - | z-index:5;
| |
| - | position:absolute;
| |
| - | height:2000px;
| |
| - | width:250px;
| |
| - | top:0px;
| |
| - | right:-250px;
| |
| - | }
| |
| - | #footer-box
| |
| - | {
| |
| - | position:absolute;
| |
| - | top:-100px;
| |
| - | left:187px;
| |
| - | }
| |
| - | ul.navigation
| |
| - | {
| |
| - | position:absolute;
| |
| - | z-index:1;
| |
| - | top:218px;
| |
| - | left:105px;
| |
| - | }
| |
| - |
| |
| - | body
| |
| - | {
| |
| - | background-color:#FFFFFF;
| |
| - | }
| |
| - | h1.firstHeading
| |
| - | {
| |
| - | position:absolute;
| |
| - | top:-100px;
| |
| - | left:187px;
| |
| - | text-decoration:none;
| |
| - | color:#FFFFFF;
| |
| - | font-size:0px;
| |
| - | }
| |
| - | h2
| |
| - | {
| |
| - | color:#808080;
| |
| - | text-align:left;
| |
| - | }
| |
| - | p.right
| |
| - | {
| |
| - | background-color:#808080;
| |
| - | float:left
| |
| - | }
| |
| - | p.photo
| |
| - | {
| |
| - | text-align:center;
| |
| - | font-family:"Verdana";
| |
| - | font-size:12px;
| |
| - | }
| |
| - | p.back
| |
| - | {
| |
| - | text-indent: 1em;
| |
| - | font-family:"Verdana";
| |
| - | font-size:15px;
| |
| - | }
| |
| - | p.padding
| |
| - | {
| |
| - | text-indent: 1em;
| |
| - | font-family:"Verdana";
| |
| - | font-size:15px;
| |
| - | }
| |
| - | div.exphoto
| |
| - | {
| |
| - | border-top-left-radius:5em;
| |
| - | border-top-right-radius:2em;
| |
| - | border-bottom-left-radius:2em;
| |
| - | border-bottom-right-radius:2em;
| |
| - |
| |
| - | -webkit-border-top-left-radius: 5em;
| |
| - | -webkit-border-top-right-radius: 2em;
| |
| - | -webkit-border-bottom-left-radius: 2em;
| |
| - | -webkit-border-bottom-right-radius: 2em;
| |
| - | -moz-border-radius-topleft: 5em;
| |
| - | -moz-border-radius-topright: 2em;
| |
| - | -moz-border-radius-bottomleft: 2em;
| |
| - | -moz-border-radius-bottomright: 2em;
| |
| - |
| |
| - | filter: alpha(opacity=75);
| |
| - | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
| |
| - | -moz-opacity: 0.75; opacity:0.75;
| |
| - |
| |
| - | background: #d1d1d1; /* for non-css3 browsers */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #ffffff, #ebebeb); /* for firefox 3.6+ */
| |
| - |
| |
| - | color: #444;
| |
| - | border-top: solid 1px #f8f8f8;
| |
| - | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
| |
| - | position:absolute;
| |
| - | left:20px;
| |
| - | top:300px;
| |
| - | float:right;
| |
| - | background;
| |
| - | color:#000000;
| |
| - | float:center;
| |
| - | margin-left:150px;
| |
| - | width:560px;
| |
| - | padding:30px;
| |
| - | }
| |
| - |
| |
| - | div.des
| |
| - | {
| |
| - | opacity:0.8;
| |
| - | filter:alpha(opacity=80);
| |
| - | position:absolute;
| |
| - | top:268px;
| |
| - | background:#000066;
| |
| - | color:#FFFFFF;
| |
| - | float:center;
| |
| - | margin-left:-0px;
| |
| - | width:492px;
| |
| - | padding:10px;
| |
| - | padding-top:0px;
| |
| - | padding-bottom:0px;
| |
| - | border:0px solid gray;
| |
| - | }
| |
| - | div.exmain
| |
| - | {
| |
| - | border-top-left-radius:5em;
| |
| - | border-top-right-radius:2em;
| |
| - | border-bottom-left-radius:2em;
| |
| - | border-bottom-right-radius:2em;
| |
| - |
| |
| - | -webkit-border-top-left-radius: 5em;
| |
| - | -webkit-border-top-right-radius: 2em;
| |
| - | -webkit-border-bottom-left-radius: 2em;
| |
| - | -webkit-border-bottom-right-radius: 2em;
| |
| - | -moz-border-radius-topleft: 5em;
| |
| - | -moz-border-radius-topright: 2em;
| |
| - | -moz-border-radius-bottomleft: 2em;
| |
| - | -moz-border-radius-bottomright: 2em;
| |
| - | filter: alpha(opacity=100);
| |
| - | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
| |
| - | -moz-opacity: 1; opacity:1;
| |
| - | position:relative;
| |
| - | background:#FFFFFF;
| |
| - | background: #d1d1d1; /* for non-css3 browsers */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ebebeb'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #ffffff, #ebebeb); /* for firefox 3.6+ */
| |
| - |
| |
| - | color: #000000;
| |
| - | border-top: solid 1px #f8f8f8;
| |
| - | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
| |
| - |
| |
| - | top:0px;
| |
| - | left:0px;
| |
| - | float:center;
| |
| - | margin-left:20px;
| |
| - | margin-top:0px;
| |
| - | margin-bottom:30px;
| |
| - | margin-right:10px;
| |
| - | width:580px;
| |
| - | padding:20px;
| |
| - | }
| |
| - | div.main
| |
| - | {
| |
| - | border-top-left-radius:5em;
| |
| - | border-top-right-radius:2em;
| |
| - | border-bottom-left-radius:2em;
| |
| - | border-bottom-right-radius:2em;
| |
| - |
| |
| - | -webkit-border-top-left-radius: 5em;
| |
| - | -webkit-border-top-right-radius: 2em;
| |
| - | -webkit-border-bottom-left-radius: 2em;
| |
| - | -webkit-border-bottom-right-radius: 2em;
| |
| - | -moz-border-radius-topleft: 5em;
| |
| - | -moz-border-radius-topright: 2em;
| |
| - | -moz-border-radius-bottomleft: 2em;
| |
| - | -moz-border-radius-bottomright: 2em;
| |
| - | filter: alpha(opacity=100);
| |
| - | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
| |
| - | -moz-opacity: 1; opacity:1;
| |
| - | position:relative;
| |
| - | background:#808080; /* for non-css3 browsers */
| |
| - | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#808080'); /* for IE */
| |
| - | background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#808080)); /* for webkit browsers */
| |
| - | background: -moz-linear-gradient(top, #808080, #808080); /* for firefox 3.6+ */
| |
| - |
| |
| - | color: #000000;
| |
| - | border-top: solid 1px #f8f8f8;
| |
| - | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
| |
| - | text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
| |
| - | position:absolute;
| |
| - | top:280px;
| |
| - | left:60px;
| |
| - | float:center;
| |
| - | margin-left:50px;
| |
| - | margin-top:0px;
| |
| - | margin-bottom:50px;
| |
| - | width:650px;
| |
| - | padding:20px;
| |
| - | padding-top:10px;
| |
| - | }
| |
| - | div.ly
| |
| - | {
| |
| - | float:left;
| |
| - | margin-left:0px;
| |
| - | width:150px;
| |
| - | padding:0px;
| |
| - | border:0px solid gray;
| |
| - | border-right:0px solid gray;
| |
| - | border-bottom:0px solid gray;
| |
| - | }
| |
| - | div.ry
| |
| - | {
| |
| - | filter: alpha(opacity=100);
| |
| - | filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
| |
| - | -moz-opacity: 1; opacity:1;
| |
| - | z-index:1;
| |
| - | position:absolute;
| |
| - | right:-20px;
| |
| - | top:280px;
| |
| - | float:right;
| |
| - | margin-left:0px;
| |
| - | width:175px;
| |
| - | padding:0px;
| |
| - | border:0px solid gray;
| |
| - | border-right:0px solid gray;
| |
| - | border-bottom:0px solid gray;
| |
| - | }
| |
| - | </style>
| |
| - | </head>
| |
| - | <body>
| |
| - | <img class="gradient" border="0" src="http://farm5.static.flickr.com/4090/4839791534_ee9a9c2a4a_m_d.jpg"/>
| |
| - | <img class="gradientb" border="0" src="http://farm5.static.flickr.com/4088/4839184741_cdc2138f55_m_d.jpg"/>
| |
| - | <img class="lybanner" border="0" src="http://farm5.static.flickr.com/4092/4839727380_8a96bda148_b_d.jpg" width="977"/>
| |
| - | <ul id="navmenu-h" class="navigation2">
| |
| - | <li class="current"><a href="https://2010.igem.org/Team:St_Andrews">Home</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team">Team</a>
| |
| - | <ul>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members">Members</a>
| |
| - | <ul>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Rachael Blackburn">Rachael Blackburn</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Lukas Ly">Lukas Ly</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Alasdair Morton">Alasdair Morton</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Patrick Olden">Patrick Olden</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#David Owen">David Owen</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Fatemeh Salimi">Fatemeh Salimi</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Sarah Shapiro">Sarah Shapiro</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#James Taylor">James Taylor</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/members#Jonathan Ward">Jonathan Ward</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors">Advisors</a>
| |
| - | <ul>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Chris Hooley">Chris Hooley</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Olivia Mendivil">Olivia Mendivil</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#John Mitchell">John Mitchell</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Anne Smith">Anne Smith</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/advisors#Wim Verleyen">Wim Verleyen</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors">Sponsors</a>
| |
| - | <ul>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#SULSA">SULSA</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#University of St Andrews">University of St Andrews</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#SALTIRE">SALTIRE</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Biology">School of Biology</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Chemistry">School of Chemistry</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Computer Science">School of Computer Science</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#School of Physics and Astronomy">School of Physics and Astronomy</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/team/sponsors#Wellcome Trust">Wellcome Trust</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/official">Official Team Profile</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/project">Project</a>
| |
| - | <ul>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/project/objectives">Objectives</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/project/laboratory">Laboratory</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/project/modeling">Modeling</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/project/notebook">Notebook</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/project/blog">Blog</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/contact">Contact</a></li>
| |
| - | <li><a href="https://2010.igem.org/Team:St_Andrews/about">About</a></li>
| |
| - | </ul>
| |
| - |
| |
| - | <ul id="crumbs" class="navigation1">
| |
| - | <li>Project</li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | <div class="ry">
| |
| - | <p class="right">
| |
| - | <script src="http://widgets.twimg.com/j/2/widget.js"></script>
| |
| - | <script>
| |
| - | new TWTR.Widget({
| |
| - | version: 2,
| |
| - | type: 'profile',
| |
| - | rpp: 3,
| |
| - | interval: 3500,
| |
| - | width: 155,
| |
| - | height: 390,
| |
| - | theme: {
| |
| - | shell: {
| |
| - | background: '#808080',
| |
| - | color: '#ffffff'
| |
| - | },
| |
| - | tweets: {
| |
| - | background: '#c8c8c8',
| |
| - | color: '#000000',
| |
| - | links: '#3c07eb'
| |
| - | }
| |
| - | },
| |
| - | features: {
| |
| - | scrollbar: false,
| |
| - | loop: true,
| |
| - | live: true,
| |
| - | hashtags: true,
| |
| - | timestamp: true,
| |
| - | avatars: true,
| |
| - | behavior: 'default'
| |
| - | }
| |
| - | }).render().setUser('igemsaints').start();
| |
| - | </script>
| |
| - | </p>
| |
| - | </div>
| |
| - | <div class="main">
| |
| - | <div class="exmain">
| |
| - | <h2>The Problem</h2>
| |
| - | <p class="padding">The St Andrews iGEM team plan is to do something useful with quorum sensing – the method by which bacteria make decisions in a cell density dependent manner. They do this by secreting autoinducer molecules, which diffuse back into the cells and regulate their own biosynthesis. Certain concentrations of autoinducer represent to a bacterium an amount of fellow-bacteria in the environment and the response is activation or deactivation of a set of genes.
| |
| - | We are interested in the quorum sensing system of Vibrio cholerae, the bacterium understood to be responsible for the deadly diarrhoeal disease, <dfn>cholera</dfn>. <dfn>Cholera</dfn> is extremely rare in the developed world, but in areas with poor sanitation it affects people who drink unsafe water. Young children are the most at risk, and left untreated death can occur by dehydration. According to the WHO, cholera kills between 100,000 and 120,000 people every year. Efforts have been made towards an effective cholera vaccine suitable for young children, but they have not yet been successful. It is now suggested that synthetic probiotic bacteria could be a safe and economical way to confer resistance to cholera.</p>
| |
| - | </div>
| |
| - |
| |
| - | <div class="exmain">
| |
| - | <h2>Quorum Sensing in <dfn>Vibrio cholerae</dfn></h2>
| |
| - | <p class="padding">Most <dfn>cholera</dfn> cells are killed off by stomach acid, but those that remain alive attach to the gut wall and multiply. At this low cell density, autoinducer concentration is low, and virulence factors are expressed. Once high cell density is reached, enough toxin is present to cause severe diarrhoea. At this point, the autoinducer concentration is high, and virulence factors are repressed. The now avirulent V. Cholerae detach from the gut wall and are flushed out of the body to infect a new host.
| |
| - | Our idea is to synthesise <dfn>Escherichia coli</dfn> bacteria that will use this ingenious mechanism to communicate with <dfn>Vibrio cholerae</dfn>. Our engineered <dfn>Escherichia coli</dfn> will harmlessly colonise the gut, and in large numbers secrete the cholera autoinducer, CAI-1. This will cause an immediate high autoinducer concentration to be detected by incoming <dfn>Vibrio cholerae</dfn> cells which then become avirulent and harmlessly pass out of the body.</p>
| |
| - | </div>
| |
| - | <div class="exmain">
| |
| - | <h2>Our Plan</h2>
| |
| - | <p class="padding">The wet work will focus on two challenges. The first being to add new functionality to the signalling parts present in the registry by re-engineering the existing <dfb>LuxR</dfn> quorum sensing system to create a bistable switch. This will allow us to infer a signalling molecule concentration required to deactivate the system much lower than the concentration required to activate it. We will characterise this system by using a fluorescent protein reporter and measuring fluorescence at different cell densities. The second challenge will be adding the cholera autoinducer synthase gene CqsA to <dfn>Escherichia coli</dfn> so that CAI-1 is secreted. The eventual aim is that the bistable switching system will be used to control CqsA expression, so that the ability to compete with other bacteria in the human gut is not compromised by this metabolic burden.
| |
| - | The computational side of the team are focusing on generating ordinary differential equations to model quorum sensing in <dfn>Vibrio cholerae</dfn> and on modelling more complex problems such as bistability and multiple quorum loops working in tandem of our parts.</p>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
"
