HTML { margin: 0; padding: 0; }

BODY {
  font: 10pt Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  color: black;
  background-color: #5E140E;
}

A:link { color: #2F708E; }
A:visited { color: rgb(40%, 40%, 40%); }

H1, H2, H3, H4, H5, H6 {
  text-align: left;
  margin-top: 0;
}

#header {
  height: 80px;
  background-image: url(images/dnalogofade.gif);
  background-repeat: no-repeat;
}

#name {
  z-index: 0;
  position: absolute;
  top: 52px;
  left: 10px;
  margin-right: 100px;
  color: #B4DAEC;
  font-size: 14pt !important;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}

#name SPAN {
  color: white;
  font-size: 15pt;
}

#menu {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 9em;
  background-color: rgb(30%, 30%, 30%);
  padding: 3px 0;
  padding-right: 2px;
  border: solid #5E140E;
  border-width: 0 1px 3px 3px;
  text-transform: uppercase;
  text-align: center;
  font-size: 9pt;
  line-height: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}

#menu a {
  margin-left: 3px;
  display: block;
}

#menu A:link, #menu A:visited {
  color: white;
  text-decoration: none;
  border: 1px solid rgb(30%, 30%, 30%);
}

#menu A:hover, #menu A:focus, #menu a#selected {
  color: black;
  background-color: rgb(65%, 65%, 65%);
  background-image: url(images/grayblur.gif);
  background-attachment: fixed;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
}

#menu a#selected {
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

#all {
  background-color: #44768E;
  position: relative;
  width: 750px;
  margin: auto;
  border: solid black;
  border-width: 0 0 1px 1px;
}

#sidebar {
  float: left;
  width: 40%;
  height: 100%;
}

.alertbox {
  font-size: 90%;
  text-align: left;
  border: 1px solid black;
  background-color: #DDDDEE;
  margin: 0 10px 15px 10px;
}

.alertbox p {
  margin: 1em 0;
  padding: 0 1em;
}

.alertbox h1 {
  margin: 0;
  padding: 0.5em 1em;
  border-bottom: 1px solid black;
  font-size: 100%;
  text-transform: uppercase;
  background-image: url(images/redblur.gif);
  color: white;
}

#main {
  margin-left: 10px;
  padding: 3ex;
}

#main H1 {
  font-size: 150%;
}

#main H2 {
  font-size: 120%;
}

#main H3 {
	font-size: 100%;
}

#main P {
  margin-left: 1em;
}

#blog, #main {
  position: relative;
  border: solid black;
  border-width: 1px 1px 1px 1px;
  background-color: #CCCCDD;
  text-align: justify;
}

#blog {
  margin-left: 40%;
  padding: 1ex 1ex 1ex 2ex;
}

#blog H1 {
  margin-top: 0;
  font-size: 120%;
}

#blog H2 {
  font-size: 110%;
}

#blog .entry {
  border: solid #44768E;
  border-width: 1px 0 0 0;
  margin: 0 1em;
  padding: 1ex 0;
}

#blog .entry h1 {
  font-size: 120%;
  margin-bottom: 0;
}

#blog .date {
  float: right;
  font-size: 75%;
}

#blog .summary {
  margin-top: 1em;
}

#blog .summary p {
/*  margin: 0;
  text-indent: 1em;*/
	margin-bottom: 1em;
}

#blog .summary LI {
	padding: 0.5ex 0;
}

#blog .link {
  font-size: 90%;
  text-align: right;
  margin: 1ex 0;
}

#blog .source {
  font-style: italic;
}

#blog .entry {
  font-size: 90%;
}

#footer {
  clear: both;
  position: relative;
  z-index: 2;
  padding: 1ex;
  text-align: center;
  font-size: 75%;
  background-repeat: repeat-x;
  border-right: 1px solid black;
}

#footer A {
  color: white;
}

#logo {
  position: absolute;
  top: 0;
  left: 0;
  background-color: white;
}