Team:Gaston Day School/testbar

<html>

<style type="text/css">
.firstHeading {                                                    /* Gets rid of the default iGEM picture*/
    height:2px;
    visibility:hidden;
}             
#content {
    border-left-width:0px;
    border-right-width:0px;
    padding: 0px 5px 0px 5px;
    width:2000px;                                                    /* Content width*/
}
#menubar { 
    background-color:  #FFFFFF;                              /* left menu bar color*/
}
#menubar ul li a { 
    color: #545353; }                                             /* menu text color*/
    .right-menu li a { 
     color: red;  
    background-color: #FFFFFF;                              /* right menu bar color*/
}
#p-logo { height 1px; overflow:hidden; display: none;
}
#top-section {       
        background-position: center center; 
        background-repeat: no-repeat; 
        background-color: #FFFFFF;                         /* top header background color*/
        border-width:0px;
        height:10px;                        /* top header height (determines how low content will start to appear)*/
}
#siteSub {
display:none;
}
#search-controls {                                                 /* gets rid of the search bar (it was ugly) */
display:none;
margin-top:0px;
}
#contentSub {
display:none;
}

/*Now to set heading and body fonts*/
body {
    background: #fff url(https://static.igem.org/mediawiki/2012/e/e4/Background_final_pattern.png) repeat  fixed;
        };                       /* Background (on side color)*/
}                 
h1
{
color:#262626;
text-align:left;
font-family:"Trebuchet";
font-size:25px;
line-height:100%;
border-bottom: none; 
padding:0px 0px 0px 0px;   
margin: 0px 0px 0px 0px;
}
h2
{
color:#262626;
text-align:left;
font-family:"Trebuchet";
font-size:20px;
line-height: 100%;
border-bottom: none;  
padding:0px 0px 0px 0px;   
margin: 0px 0px 0px 0x;
}
h3
{
color:#262626;
text-align:left;
font-family:"Trebuchet";
font-size:17px;
line-height: 100%;
border-bottom: none;  
padding:0px 0px 0px 0px;   
margin: 0px 0px 0px 0x;
}
p
{
color:#262626;
text-align:left;
font-family:"Arial";
font-size:14px;
line-height:100%
border-bottom: none; 
padding:0px 0px 0px 0px;   
margin: 0px 0px 0px 0x;
border:0px
}
body {
color:#808080;
line-height: 1;
font-family:"Arial";
font-size:11px;
}

.whitebox {
  -moz-box-shadow:  0px 0px 0px #ccc;
  -webkit-box-shadow:  0px 0px 0px #ccc;
  box-shadow:  0px 0px 15px #ccc;
  background-color: #FFFFFF;
  -moz-border-radius: 1px; 
  border-radius: 15px;
  margin-top: 20px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin-left: 15px;
  margin-right: 25px;
}
.thumbnail 
{
margin-bottom:0px;
padding-bottom:0px;
position:relative;
}
</style>



<A HREF="https://2012.igem.org/Team:Gaston_Day_School"><img class="thumbnail"  img src='https://static.igem.org/mediawiki/2009/9/9e/Gds_banner.png' width= "965"/></A>

<a href="https://2012.igem.org/Team:Gaston_Day_School/"><img img src='https://static.igem.org/mediawiki/2011/5/5a/Gaston_Day_School_logo.png' align="left" width= "57"/></a>

<a href="https://2012.igem.org/Main_Page"><img src='https://static.igem.org/mediawiki/2012/5/56/GdsIgemlogouse.jpg' align="right" width= "70"/></a>

<style type="text/css">
#content {z-index:4;}
#ddwrapper * {z-index:8 !important;}

div#ddwrapper {
	margin:0;
	padding:0;
	height:28px;
	width:965px;				/* change to adjust imperfections in width */
}
div#ddnav {
	margin:0 auto;				/* needed to center the dropdown */
	padding:0;
	top:5px;
	/* width: 965px */
	visibility:hidden;			/* dropdown is hidden until properly initalised by javascript */
}
div#ddtoggle {
	margin:0;
	position:fixed;
	right:2px;
	top:15px;
	height:10px;
	width:10px;
	z-index:100;
}

#ddnav ul {
	display:table-row;			/* works only for firefox, later adjusted by javascript for IE */
	margin:0 auto;
	padding:0;
}
#ddnav ul li {
	display:table-cell;			/* works only for firefox, later adjusted by javascript for IE */
	list-style:none;
	margin:0;
	padding:0 !important;
	border-right:1px solid #FFF;		/* creates illusion of spacing between tabs */
}
#ddnav ul li:last-child{border-right:none;}
#ddnav a{
	display:block;
	margin:0;
	padding:4px 9px;			/* play with dimensions for size of tabs */
	background-color:#545353;		/* background color for tabs */
	color:#FFF !important;			/* font color for text in tabs */
	text-align:center;			/* aligning for text in tabs */
	text-decoration:none !important;
	font:bold 10pt Trebuchet MS;		/* font properties for text in tabs */
	outline:0;
}
#ddnav ul li a:hover {background-color:#99CCFF;}/* background color for tabs on mouseover */
#ddnav li a:active {outline:none;}		/* remove standard dotted border for links when clicked (IE) */
#ddnav li a:focus {-moz-outline-style:none;}	/* remove standard dotted border for links when clicked (FF) */
#ddnav div {
	display:none;
	position:absolute;
	width:9em;
	background-color:#000;			/* bug solution, do not change ! */
	border:1px solid #5970B2;		/* border color for dropdown menus */
	opacity:0.9;				/* transparancy of the dropdown menus (FF) */
	filter:alpha(opacity=90);		/* transparancy of the dropdown menus (IE) */
}
#ddnav div a {
	display:block;
	padding:5px 10px;			/* play with dimensions of block element in dropdown menus */
	position:relative;
	font:normal 8pt arial;			/* font properties for text in dropdown menus */
	text-align:left;			/* aligning of text in dropdown menus */
	cursor:pointer;
}
#ddnav div a:hover, #ddnav span a:hover {color:#000 !important;}	/* text color on mouseover */
#ddnav span div {
	position:relative;
	border:none;
	border-bottom:2px groove #5970B2;	/* separator for submenus, groove does not work in FF */
	opacity:1.0;				/* avoid stacking transparancy for submenus (FF) */
	filter:alpha(opacity=100);		/* avoid stacking transparancy for submenus (IE) */
}
 


/* may want to upload the following pictures to a new location */
.expand {background: url('https://static.igem.org/mediawiki/2008/e/ef/Icon-expand.png') no-repeat 95% 50%;}
.collapse {background: url('https://static.igem.org/mediawiki/2008/c/cd/Icon-collapse.png') no-repeat 95% 50%;}

.docked {background: #99ccff url("https://static.igem.org/mediawiki/2008/6/62/Ddnavundock.png") no-repeat 50% 50%;}
.undocked {background: #99ccff url("https://static.igem.org/mediawiki/2008/e/e4/Ddnavdock.png") no-repeat 50% 50%;}
</style>

<!-- IMPORTANT: save following script under a personalized webspace or download the library at www.jquery.com -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
	function ddnav() {
		$('#ddnav ul li').hover(
			function () {
				$(this).find('div:first').css('display','block');},
			function () {
				$(this).find('div:first').css('display','none');}
		);
	}
			
	function ddnavsub() {
		$('#ddnav span > a').toggle(
			function () {
				$(this).removeClass("#ddnav expand").addClass("#ddnav collapse");
				$(this).parent().find('div:first').slideDown('fast');
				$(this).hover(
					function (){$(this).css('background-color','#99AAFF');},
					function (){$(this).css('background-color','#99AAFF');});},
			function () {
				$(this).removeClass("#ddnav collapse").addClass("#ddnav expand");
				$(this).parent().find('div:first').css('display','none');
				$(this).hover(
					function (){$(this).css('background-color','#99CCFF');},
					function (){$(this).css('background-color','#075A90');});}
		).addClass("#ddnav expand");
	}
	
	/* If you wish to omit the docking feature, remove following function ddtoggle() */	
	function ddtoggle() {
		$('#ddtoggle').toggle(
			function () {
				$(this).removeClass('undocked').addClass('docked');
				$('#ddnav').css('position','fixed');},
			function () {
				$(this).removeClass('docked').addClass('undocked');
				$('#ddnav').css('position','static');}
		);
	}

	function ddalign() {
		var _windowWidth = $(window).width();
		var _leftOffset = (_windowWidth - 965)/2;

		$('div#ddnav').css('left',_leftOffset);
	}
			
	function ddmsie() {
		$('#ddnav a').hover(
			function () {$(this).css('background-color','#99ccff');},
			function () {$(this).css('background-color','#075a90');}
		);
				
		/* toggle doesn't work yet */
		$('#ddtoggle').css('display','none');
				
		$('#ddnav ul').css('display','inline-block');
		$('#ddnav ul li').css('display','inline');
		$('#ddnav ul li').css('position','relative');
		$('#ddnav ul li>a').css('display','inline-block');
		$('#ddnav ul li>a').css('margin-right','-4px');
				
		$('#ddnav div').css('left','0');
		$('#ddnav div').css('top','100%');
		$('#ddnav span div').css('top','0');
	}
			
	function ddmozilla() {
		ddtoggle();
		$(window).bind('resize', function() {ddalign();});
	}

	$(function () {
		ddnav();
		ddnavsub();

		if(jQuery.browser.msie) ddmsie();
		if(jQuery.browser.mozilla) ddmozilla();

		$('#ddnav').css('visibility','visible');
	});
</script>

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-26265208-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<!-- If you wish to omit the docking feature omit following line (div with id ddtoggle) -->
<div id="ddtoggle" class="undocked"></div>
<div id="ddwrapper">
<!-- Here the actual links are defined, simply replace with your own links in the appropriate sections -->
<div id="ddnav" align="center">
<ul>
	<li>
		<a href="https://2011.igem.org/Team:Washington">Home</a>
                <div>
			<a href="https://2012.igem.org"> iGEM Homepage </a>
			<a href="https://2011.igem.org/Team:Gaston_Day_School"> GDS 2011 </a>
			<a href="https://2010.igem.org/Team:Gaston_Day_School"> GDS 2010 </a>
                        <a href="https://2009.igem.org/Team:Gaston_Day_School"> GDS 2009 </a>
		</div>

	</li>
	<li>
		<a href="https://2012.igem.org/Team:Gaston_Day_School/Team">Team</a>
		<div>
			<a href="https://2012.igem.org/Team:Gaston_Day_School/Team/Members">Team Information</a>
			<a href="https://igem.org/Team.cgi?year=2012">Official Team Profile</a>
		</div>
	</li>
        <li>
		<a href="https://2012.igem.org/Team:Gaston_Day_School/Project">Project</a>
                <div>
			<a href="https://2012.igem.org/Team:Gaston_Day_School/ProjectDetails">Project Details</a>
		
			<a href="https://2012.igem.org/Team:Gaston_Day_School/PSTR">Parts Submitted to Registry</a>

                        <a href="https://2012.igem.org/Team:Gaston_Day_School/Notebook">Notebook</a>

                        <a href="https://2012.igem.org/Team:Gaston_Day_School/Safety">Safety</a></div>

	</li>
        <li>
		<a href="https://2012.igem.org/Team:Gaston_Day_School/Attributions">Attributions</a>
	</li>
</ul>
</div>
</div>
</html>