/* Bio::Neos Site CSS Document */

/* TEXT STYLES */
h1 {
  color: #000066;
  text-align: center;
  border-bottom: 1px solid #000066;
}
h2 {
  color: #000066;
  padding-left: 1.2em;
  border-bottom: 1px solid #AAAACC;
}
h3 {
  color: #000066;
  padding-left: 3em;
}
h4 {
  color: #000066;
  padding-left: 3em;
}

.page-title
{
  color: #FFFFFF;
  margin-top: -15px; /* undo maincontent padding */
  margin-bottom: 8px;
  font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  font-family: Garamond, Georgia, Times New Roman, Times, serif;
  font-weight: normal;
  height: 48px;
  overflow: hidden;
}
.page-description
{
  font-size: 0.9em;
  color:#666666;
  margin-left: 5% ;
  margin-right: 5% ;
}
.subtle
{
  font-size: 0.8em;
  color:#666666;
}
a {
  color: #000066;
}
/* MESSAGE STYLES */
.message {
  color: #000066;
  border-top: 2px solid #000066;
  border-bottom: 2px solid #000066;
  background-color: #CECEFF;
  padding: 10px;
  margin: 5px 40px;
}
.error {
  color: #990000;
  border-top: 2px solid #990000;
  border-bottom: 2px solid #990000;
  background-color: #FFE1E1;
  padding: 10px;
  margin: 5px 40px;
}
/* TABLE STYLES */
.maintable {
  padding: 0px;
  margin: 0px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.maintable th {
  background-color: #000066;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 0.7em;
  padding: 5px;
}
.maintable td {
  background-color: #EFEFEF;
  padding: 5px;
  border: 1px solid #CCCCCC;
}
/* OTHER STYLES */
.thick-border {
  border: 6px solid #CCCCCC;
}
.thin-border {
  border: 1px solid #333333;
}
.dual-indent {
  border-left: 1px dotted #CCCCCC;
  border-right: 1px dotted #CCCCCC;
  margin: 2px 20px;
  padding: 0 25px;
  text-align: justify;
  color: #333333;
}
.button1 {
  color: #666666;
  font-size: 1.3em;
  padding: 7px;
}

.footnote 
{
  font-size: 0.7em ;
  font-style: italic ;
}

.inset
{
  background-color: #EBEBEB ;
  border: 1px solid #ABABAB ;
  margin: 0 10px 0 10px ;
  padding: 5px ;
}

.inset-item
{
  margin: 5px ;
  border: 1px solid #CACACA ;
}

.inset-block
{
  color: #FFF ;
  background-color: #BCBCBC ;
  border: 1px solid #7A7A7A ;
}

.inset-header
{
  background-color: #898989 ;
  border-bottom: 1px solid #7A7A7A ;
  padding-left: 5px ;
}

.inset-content
{
  padding: 10px 10px 10px 15px ;
  text-align: justify ;
}

.conference
{
  padding: 0 1em 0 1em ;
}

.conference-header
{
  font-style: italic ;
  border-bottom: 2px solid #EFEFEF ;
  padding-left: 0.5em ;
  color: #000066 ;
  font-size: 1.1em ;
}

.conference-content
{
  padding: 0 2em 2em 1.2em ;
  width: 97% ;
  overflow: auto ;
}

.conference-content div
{
  float: left ;
  width: 65% ;
}

.conference-content img
{
  float: right ;
}
/* STYLES AFFECTING THE ENTIRE PAGE LAYOUT */
.print-only {
  display: none;
}
html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
}
body {
  background: #EFEFEF url("images/navigation/background-diagonal.gif");
  font-family: Geneva, Arial, Helvetica, sans-serif;
  overflow-y: scroll;
}
.wrapper {
  background: url("images/navigation/container-glow.png") repeat-y center;
  min-height: 100%;
}
* html .wrapper { /* This is the Tan hack */
  height: 100%;
}
.container {
  width: 900px;
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #FFFFFF;
  background-color: #EFEFEF;
  background: #EFEFEF url("images/navigation/main-background-gradient.jpg") repeat-x bottom;
  height: 100%;
}
/* THE HEADER */
.header {
  height: 85px;
  background: #C0C0C0 url("images/navigation/header-gradient.jpg") repeat-x;
}
.header-cell {
  height: 75px;
}
/* THE "THIS PAGE" TOOLBAR */
.thispage-bar {
  float: right;
  padding: 4px 10px 0 0;
}
.thispage-bar img {
  margin-left: 8px;
}
/* GENERIC HORIZONTAL NAVIGATION BAR STYLES */
.horiz-navigation-bar {
  min-height: 28px;
  background: #000033 url("images/navigation/navigation-gradient.jpg") repeat-x;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.9em;
}
.horiz-navigation-bar div {
  background-image: url("images/navigation/navigation-bar-left.jpg");
  background-repeat: no-repeat;
}
.horiz-navigation-bar div div {
  background-image: url("images/navigation/navigation-bar-right.jpg");
  background-repeat: no-repeat;
  background-position: top right;
}
/* TOP HORIZONTAL NAVIGATION BAR STYLES */
.navigation-top {
  padding: 5px 0 7px 15px;
  font-size: 0.8em;
}
.navigation-top a {
  text-decoration: underline;
  color: #FFFFFF;
}
.navigation-top a:hover {
  color: #CCCCCC;
}
.navigation-top ul {
  margin: 0px;
  padding: 0 0 0 8px;
  display: inline;
}
.navigation-top ul li {
  display: inline;
  background-image: url("images/navigation/bullet-breadcrumbs.gif");
  background-repeat: no-repeat;
  background-position: center left;
  padding: 0 5px 0 15px;
}
.navigation-top ul li.first {
  background-image: none;
  padding-left: 0px;
}
.navigation-top ul li.last a {
  text-decoration: none ;
}

/* BOTTOM HORIZONTAL NAVIGATION BAR STYLES */
.navigation-bottom ul {
  margin: 0px;
  padding: 6px 0 7px 0;
}
.navigation-bottom ul li {
  display: inline;
  border-right: 1px solid #999999;
  padding: 6px 6px 6px 2px;
}
.navigation-bottom ul li.first {
  padding-left: 5px;
  border-left: 1px solid #999999;
}
.navigation-bottom {
  text-align: center;
  font-size: 0.8em;
}
.navigation-bottom a {
  text-decoration: none;
  color: #FFFFFF;
}
.navigation-bottom a:hover {
  text-decoration: underline;
}
/* LEFT NAVIGATION STYLES */
.menu-container {
  clear:both;
  position:relative;
  width:160px ;
  z-index: 9999 ;
}
.navigation-left {
  width: 160px;
  color: #666666;
  font-weight: bold;
  font-size: 0.8em;
  border-right: 1px solid #999999;
  height: 100%;
  background: #F6F6F6 url("images/navigation/left-background-helix.jpg") no-repeat bottom center;
}
.nav-main .selected {
  color: #000066;
  font-size: 1.1em;
}
ul.nav-main {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 160px;
}
ul.nav-main li {
  background: #F6F6F6 url("images/navigation/navigation-item-gradient.jpg") repeat-x bottom;
  border-bottom: 1px dashed #CCCCCC ;
  padding-left: 8px;
}
ul.nav-main li.separator {
  border-bottom: 3px double #CCCCCC;
}
.expanded ul.nav-main li {
  background: #000099 url("images/navigation/navigation-item-gradient-hover.jpg") repeat-x bottom;
  color: #FFFFFF;
}
ul.nav-main li:hover {
  background: #000099 url("images/navigation/navigation-item-gradient-hover.jpg") repeat-x bottom;
  color: #FFFFFF;
}
ul.nav-main li:hover a {
  color: #FFFFFF;
}
ul.nav-main a {
  text-decoration: none;
  color: #666666;
}
ul.nav-main a:hover {
  text-decoration: underline;
  color: #444444;
}
ul.nav-main li div {
  background: url("images/navigation/bullet-right.gif") no-repeat center left;
  padding: .4em 0 .4em 1.2em;
}
ul.nav-main li div:hover {
  background: url("images/navigation/bullet-right-white.gif") no-repeat center left;
}
/* THE SPECIAL SUBSCRIBE PORTION */
.nav-main-subscribe {
  padding: 3px;
  margin: 0px;
  border-bottom: 1px dashed #999999;
  background: #F6F6F6 url("images/navigation/navigation-item-gradient.jpg") repeat-x bottom;
  font-size: 0.9em;
}
.nav-main-subscribe .small {
  font-size: 0.9em;
  font-weight: normal;
}
.nav-main-subscribe .small a {
  color: #333333;
}
.nav-main-subscribe input.text {
  width: 118px;
  font-weight: bold;
  font-size: 1em;
  color: #999999;
  background-color: #F6F6F6;
  border: 1px solid #999999;
  padding: 3px;
}
/* SUB-MENU STYLES IN THE LEFT NAVIGATION */
.navigation-left .sub-menu a {
  color: #666666;
  text-decoration: none;
}
.navigation-left .sub-menu a:hover {
  text-decoration: underline;
}
.navigation-left .sub-menu a.selected {
  color: #000066;
  font-size: 1.1em;
}
.navigation-left .sub-menu {
  background: #E9E9E9 url("images/navigation/navigation-subitem-gradient.jpg") repeat-x top;
  border-bottom: 1px dashed #999999;
  padding: 0px;
  margin: 0px;
}
.navigation-left .popup {
  background: #E9E9E9;
  position:absolute;
  left:160px;
  border-bottom: 1px solid #777777;
}
.navigation-left .expanded .popup {
  border-bottom: 1px solid #000099;
}
.navigation-left .popup div {
  background: #E9E9E9 url("images/navigation/navigation-subitem-gradient.jpg") repeat-x top;
}
.navigation-left .sub-menu ul {
  list-style-type: none;
  padding: 3px 0 5px 0;
  margin: 0 15px;
  background: url("images/navigation/bullet-submenu-extension-top.gif") no-repeat top left;
  clear: both;
}
.navigation-left .sub-menu ul li {
  padding: 2px 0 0 10px;
  margin: 0px;
  background: url("images/navigation/bullet-submenu-extension.gif") no-repeat top left;
}
.navigation-left .popup .sub-header {
  background: #F6F6F6 url("images/navigation/navigation-item-gradient.jpg") repeat-x bottom;
  border-bottom: 1px dashed #999999;
  padding: .4em;
}
.navigation-left .expanded .popup .sub-header {
  background: #000099 url("images/navigation/navigation-item-gradient-hover.jpg") repeat-x bottom;
}
.navigation-left .popup .sub-content {
  border-left: 1px solid #777777;
  border-right: 1px solid #777777;
  white-space: nowrap;
  margin-top: -23px;
  background-image: url("images/navigation/sub-header-corner.gif");
  background-repeat: no-repeat;
  background-position: top left;
}
.navigation-left .expanded .popup .sub-content {
  border-left: 1px solid #000099;
  border-right: 1px solid #000099;
}
.navigation-left .sub-menu ul li.last {
  background: url("images/navigation/bullet-submenu-last.gif") no-repeat bottom left;
}
/* AREA BELOW THE LEFT NAVIGATION */
.below-navigation {
  padding: 5px 0 5px 0;
  text-align: center;
}
/* MAIN CONTENT AREA STYLES */
.maincontent {
  border: 1px solid #999999;
  padding: 5px ;
  background-color: #FFFFFF;
  background: #FFFFFF url("images/navigation/main-top-gradient-grey2.jpg") repeat-x top;
  margin: 5px;
  width: 735px;
  font-family: "HelveticaNeue-Light","Helvetica Neue Light", "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;
}

.maincontent p {
  padding-left: 10px ;
  padding-right: 10px ;
}

.maincontent div
{
  padding-left: 10px ;
  padding-right: 10px ;
}
