Team:Alberta/HeaderCSS



div#content {z-index: 200;} div#bodyContent {margin-top: 150px;}

div#header { position: absolute; left: 5px; top: 5px; width: 965px; height: 265px; z-index: 100; }

h1.firstHeading { font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 2em; line-height: 1.2em; padding: 0.1em 0.2em; }

div#utilNav { width: 965px; }

float: right; list-style: none; margin: 0; padding: 0; height: 2em; line-height: 2em; font: large/2.0em "Trebuchet MS"; font-weight: normal; }
 * 1) utilNav ul {

float: left; margin: 0; padding: 0; }
 * 1) utilNav ul li {

display: block; color: #075a90; }	color: #72aabe; text-decoration: none; }
 * 1) utilNav ul li a {
 * 1) utilNav ul li a:hover {
 * 1) utilNav ul li a:active {outline: none;}
 * 2) utilNav ul li a:focus {-moz-outline-style: none;}

list-style: none; margin: 0; padding: 0; float: right; font-family: "Trebuchet MS", Arial, Sans-serif; }	float: left; margin: 0; padding: 0; }	color: #777; display: block; padding: 50px 10px 5px; text-align: center; text-decoration: none; width: 75px; }	color: #00407a; background-color: #e5e5e0; /* #f8f2eb; */ }	color: #075a90; display: block; font-size: larger; }
 * 1) suppNav ul {
 * 1) suppNav ul li {
 * 1) suppNav ul li a {
 * 1) suppNav ul li a:active {outline: none;}
 * 2) suppNav ul li a:focus {-moz-outline-style: none;}
 * 3) suppNav ul li#abstract a:hover,
 * 4) suppNav ul li#team a:hover,
 * 5) suppNav ul li#guestbook a:hover,
 * 6) suppNav ul li#mail a:hover {
 * 1) suppNav ul li a strong {

div#logo { position: absolute; bottom: 0; left: 0; height: 14px; padding: 7px 482px; border: 1px solid #72aabe; background: #45a2b5 url(http://2009.igem.org/wiki/images/9/9c/UofA_chromebg3.jpg) center center repeat-x; }

div#mainNav { color: #000; position: absolute; bottom: 0; left: 162px; height: auto; }

div#ddToggle { position: fixed; right: 0; top: 0; line-height: 12px; height: 14px; font-size: x-small; border-color: #444; border-style: solid; border-width: 0 0 1px 1px; background: #FFFF88; opacity: 0.85; z-index: 200; cursor: pointer; }
 * html div#ddToggle {display: none;}