/* CSS Document - copepods_style.css*/

body {
  background-color:#F4F4F4;
  color: #000;
}
a:link {
  color: #950004;
  text-decoration: none;
  background-color: transparent;
}
a:active {
  color:#79C6FF;
  text-decoration: none;
  background-color: transparent;
}
a:visited {
  color: #950004;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #79C6FF;
  text-decoration:underline;
  background-color: transparent;
}

@media screen {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
.main {
  position:fixed; top:0px; left:0px;
  clear: both;
  width:100%;
  white-space:nowrap;
  font-family:Helvetica, sans-serif;
  font:Helvetica, sans-serif;
  margin: 0;
  margin-top: 0;
  padding: 0;
  border-style:outset;
  border-top: thick solid #FFFFFF;
  border-bottom: thick solid #FFFFFF;
  color:#F4F4F4;
  background:#950004;
  z-index:4;
}
.nav {
  position:fixed; top:28px; left:0px;
  background-color:#F4F4F4;
  margin-top:2px;
  margin-right:2px;
  padding:1px;
  width:900px;
  height:31px;
  font-size: 80%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font:Verdana, Arial, Helvetica, sans-serif;
  font-stretch:condensed;
  letter-spacing:-.5px;
  white-space:nowrap;
  background-color:#F4F4F4;
  white-space:nowrap;
  z-index:3;
}
.nav ul {
  margin: .3em;
  padding: 0;
  white-space:nowrap;
}
.nav li {
  list-style: none;
  float: left;
  padding:5px;
  white-space:nowrap;
}
.content {
  position:absolute; left:267px; top:85px;
  padding-bottom:100px;
  width: 580px;
  font-family:Helvetica, sans-serif;
  font:Helvetica, sans-serif;
  margin-left:2px;
  margin-top:1px;
  padding: 5px;
  padding-bottom:50px;
  background-color:#F4F4F4;
  z-index:2;
  float:none;
}
.sidebar {
  position:fixed; left:17px; top:115px;
  margin:0;
  margin-top:1px;
  margin-right:2px;
  padding: 5px;
  font-size: 80%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font:Verdana, Arial, Helvetica, sans-serif;
  font-stretch:condensed;
  letter-spacing:-.5px;
  white-space:nowrap;
  background-color:transparent;
  width:220px;
  z-index:1;
  float:none;
}
.sidebar ul {
  margin: .3em;
  padding: 0;
  white-space:normal;
}
.sidebar li {
  list-style: none;
  white-space:normal;
}
.sidebar2 {
  position:fixed; left:20px; top:68px;
  margin:0;
  margin-top:1px;
  margin-right:2px;
  padding: 5px;
  font-size: 80%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font:Verdana, Arial, Helvetica, sans-serif;
  font-stretch:condensed;
  letter-spacing:-.5px;
  white-space:nowrap;
  background-color:transparent;
  width:220px;
  z-index:1;
  float:none;
}
.sidebar2 ul {
  margin: .3em;
  padding: 0;
  white-space:normal;
}
.sidebar2 li {
  list-style: none;
  white-space:normal;
}
.sidebar3 {
  position:fixed; left:25px; top:85px;
  margin:0;
  margin-top:1px;
  margin-right:2px;
  padding: 5px;
  font-size: 90%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font:Verdana, Arial, Helvetica, sans-serif;
  font-stretch:condensed;
  letter-spacing:-1px;
  white-space:nowrap;
  background-image:url(images/copepod_sidebar.gif);
  background-color:#F4F4F4;
  background-repeat:repeat-y;
  width:220px;
  height:800px;
  z-index:0;
  float:none;
}  
.sidebar4 {
  position:fixed; left:18px; top:355px;
  margin:0;
  margin-top:1px;
  margin-right:2px;
  padding: 5px;
  white-space:nowrap;
  background-image:url(images/Institutions.gif);
  background-repeat:no-repeat;
  width:61px;
  height:300px;
  padding-bottom:100px;
  z-index:1;
  float:none;
 }
 body {
  background-color:#F4F4F4;
  color: #000;
}
.wrapper {
  margin: 1% 5%;
  padding: 0;
  border: thin solid #7d5500;
}
h1 {
  background-color: #ffdf9d;    /* different color than content */
  color: #7d5500;
  margin: 0;
  padding: .2em 2%;
}
h2 {
  margin: .2em 0;
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
} /* end media screen rules */