body,p {
	font-size: 15.5px;
	font-family: "MS Trebuchet", Verdana, Tahoma, Lucida, Arial, sans-serif;
	color: #000000;
	background: #ffffff;
}

img {
	border: none;
}

p {
	padding: 0.75em 0 0 0.75em;
	margin: 0; 
}

div#page {
	position: absolute; 		
	top: 3.5%;
	left: 6.5%;
	width: 800px;
}

div#wrapper  { 
	background-color: #FFFFFF; 
	border: 2px solid #000080;
}

div#masthead {
	height: 90px;
	border-bottom: 2px solid #bbbbbb;
	background: url("http://mkweb.bcgsc.ca/ceb/images/masthead-title.png");
	background-position: 1em;
	background-repeat: no-repeat;
}
div#masthead2 {
	height: 90px;
	border-bottom: 2px solid #bbbbbb;
	background: url("http://elegans.bcgsc.ca/home/images/primers_header.bmp");
	background-position: 1em;
	background-repeat: no-repeat;
}
div#masthead3 {
	height: 90px;
	border-bottom: 2px solid #bbbbbb;
	background: url("http://elegans.bcgsc.ca/home/images/aceprimer_header2.bmp");
	background-position: 1em;
	background-repeat: no-repeat;
}
div#masthead4 {
	height: 90px;
	border-bottom: 2px solid #bbbbbb;
	background: url("http://elegans.bcgsc.ca/home/images/primer_home.bmp");
	background-position: 1em;
	background-repeat: no-repeat;
}
div#masthead5 {
        height: 90px;
        border-bottom: 2px solid #bbbbbb;
        background: url("http://elegans.bcgsc.ca/eprofile/web_images/epattern_header.png");
        background-position: 1em;
        background-repeat: no-repeat;
}
div#menu {
	text-align: right;
	padding: 0.5em 1em 0 0;
}

div#menu a {
	margin: 0;
	color: #666;
	font-weight: bold;
	background: #sfff;
	text-decoration: none;
	padding: 0 0.5em 0 0.5em;
}

div#menu a:hover { 
	background-color: #E1E1E1; 
	color: #000080; 
	}
	
div#menu2 {
   font-size: 80%;
   font-weight: bold;
   vertical-align: center;
   text-align: right;
   padding: 0.5em 1em 0 1;
}

div#menu2 a {
      margin: 0;
      color: black;
      font-weight: bold;
      background: #sfff;
      text-decoration: none;
      padding: 0 0em 0 0em;

}

div#menu2 a:hover { 
	background-color: #E1E1E1; 
	color: #000080; 
}
               
div#menu3 {
        font-size: 100%;
	text-align: center;
	font-weight: bold;
	vertical-align: center;
	padding: 0em 0em 0 0;
}
div#menu3 a {
	margin: 0;
	color: #dedaf4;
	font-weight: bold;
	background: #sfff;
	text-decoration: none;
	padding: 0 0.5em 0 0.5em;
}
div#menu3 a:hover { 
	background-color: #E1E1E1; 
	color: #000080; 
}
div#menu4 {
	text-align: center;
	padding: 0.2em 0 0 0;
}
div#menu4 a {
	margin: 0;
	color: #666;
	font-weight: bold;
	background: #sfff;
	text-decoration: none;
	padding: 0 0.5em 0 0.5em;
}

div#menu4 a:hover { 
	background-color: #E1E1E1; 
	color: #000080; 
}
div#menu5 {
	text-align: left;
	padding: 0.5em 1em 0 0;
}
div#menu5 a {
	margin: 0;
	color: #000080;
	font-size: 90%;
	font-weight: bold;
	background: #sfff;
	text-decoration: none;
	padding: 0 0.5em 0 0.5em;
}

div#menu6 {
   font-size: 80%;
   font-weight: bold;
   vertical-align: center;
   text-align: left;
   padding: 0.5em 1em 0 1;
}

div#menu6 a {
      margin: 0;
      color: black;
      font-weight: bold;
      background: #sfff;
      text-decoration: none;
      padding: 0 0em 0 0em;

}

div#menu6 a:hover { 
	background-color: #E1E1E1; 
	color: #000080; 
}

div#menu5 a:hover { 
	background-color: #000080;
	color: #ffffff; 
}

div#body {
	min-height: 300px;
	padding: 0.5em 2em 3em 2em;
}

div#footer {
	position: relative;
	background: url("http://elegans.bcgsc.ca/images/footer-background.png");
	border-top: none;
	height: 48px;
}

div#address {
	font-size: 80%;
	color: #bbbbbb;
	padding: 0.25em 0.5em 0 0;
	text-align: right;
}

div#form {
	padding: 0em 0 0 0em;
}
div#form2 {
       padding: -1em -1em -1em -1em;
       background: #eee;
}
div#logo {
	position: absolute;
	left: 0px;
	bottom: -20px;
}
div#bccalogo {
	position: absolute;
	left: 418px;
	bottom: -25px;
}
div#bccatext {
	position: absolute;
	left: 355px;
	bottom: -70px;
}

div#form table {
	width: fixed;
	background: #eee;	
	padding: 0;
	margin: 0;
	border: 2px solid #bbb;
}

.header      { background-color: #575793; background-repeat: repeat; background-attachment: 
               scroll; text-align: center; text-transform: uppercase; color: 
               #FFFFFF; font-size: 100%; font-weight: bold; margin-left: 0; 
               margin-right: 0; margin-top: 0; margin-bottom: 1em; 
               padding-left: 0.5em; padding-right: 1em; padding-top: 0.5em; 
               padding-bottom: 0.5em; background-position: 0% 50% }
.header2     { background-color: #E1E1E1; background-repeat: repeat; background-attachment: 
               scroll; text-align: center; text-transform: uppercase; color: 
               #000080; font-size: 100%; font-weight: bold; 
               border: 2 solid #808080; margin-left: 0; margin-right: 0; 
               margin-top: 0; margin-bottom: 0.2em; padding: 0.5em; 
               background-position: 0% 50% }
.header3     { background-color: #575793; background-repeat: repeat; background-attachment: 
               scroll; text-align: center; color: 
               #FFFFFF; font-size: 110%; font-weight: bold; margin-left: 0; 
               margin-right: 0; margin-top: 0; margin-bottom: 1em; 
               padding-left: 0.5em; padding-right: 1em; padding-top: 0.5em; 
               padding-bottom: 0.5em; background-position: 0% 50% }
div#form table * .label {
	font-size: 80%;
	padding: 0.5em 1em 0 1em;
	text-align: right;
	font-weight: bold;
	vertical-align: center;
}
div#form table * .label2 {
	font-size: 80%;
	padding: 0.5em 1em 0 1em;
	text-align: center;
	font-weight: bold;
	vertical-align: center;
}
div#form table * .input {
	text-align: left;
	padding-top: 0.5em;
	font-size: 90%;
	vertical-align: center;
}

div#form table * .button {
	padding: 2em;
	text-align: center;
}

div#address a {
	font-weight: bold;
	color: #bbbbbb;
	background: #ffffff;
	text-decoration: none;
}

div#address a:hover {
	text-decoration: underline;
}