/* CSS Document */
body {
	margin:0;
	padding:0;
	background-color:#CCCCCC;
	background-image:url(/bio/images/mainBack.jpg);
	background-repeat:repeat-x;}

body,table {
	font-family:arial,helvetica,sans-serif;
	font-size:10pt;
}

td h1 {
	font-size:14pt;
}

td h2 {
	font-size:12pt;
}

table.menu_links {
	background-color:#A2C488;
}

td.sideNav {
	font-size:9pt;
}

td.sideNav a {
	font-size:9pt;
	font-weight:bold;
}

a.menu1 {
	width:100%;
	font-weight:bold;
	text-align:center;
	color:#5182B3;
	text-decoration:none;
	font-family:arial,helvetica,sans-serif;
}

a.menu1:hover {
	background-color:#E6FBDB;
	color:#5182B3;
}


a.menu {
	width:100%;
	font-weight:bold;
	text-align:center;
	color:#000000;
	text-decoration:none;
	font-family:arial,helvetica,sans-serif;
}

a.menu:hover {
	background-color:#D3E3C7;
	color:#000000;
}

td {
	font-size:10pt;
	color:#6C7D88;
	font-family:arial,helvetica,sans-serif;
	
}
a {
	text-decoration: underline;
	color:#5182B3;
}
/* changed from "a.1" because a class may NOT start with a number; breaks the browser */
/* (not sure where it's used however, so actual content has not been changed to match) */
a.a1 {
	text-decoration: none;
	color: #000000;
}
.t11 {
	font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
}
body {	margin:0px;padding:0px; /* scrollbar is not a valid CSS property */
		/* scrollbar-face-color:#;
		scrollbar-track-color:#;
		scrollbar-arrow-color:#;
		scrollbar-3Dlight-color:#;
		scrollbar-base-color:#;
		scrollbar-shadow-color:#;
		scrollbar-darkshadow-color:#;
		scrollbar-highlight-color:#; */ }
		
.blue {color:#6C7D88;
	   font-size:11px; /* was undefined, so I put px; hope that's what it's suppoed to be! */
	   font-weight:bold;
	   padding-bottom:1px}
	   
.light_blue {color:#5182B3;
			 font-size:11px; /* was undefined, so I put px; hope that's what it's suppoed to be! */
			 font-weight:bold;}

.orange {color:#F38900;
         font-size:14px; 
         font-weight:bold;}
		 
.bott {color:#FFFFFF; 
       font-size:9px; 
	   text-decoration:none}

a.boldBlue, .boldBlue {color:#5182B3;
			font-size:10pt;
			font-weight:bold;
			margin-top:10px;
			text-decoration:none}

a.boldBlue:hover {color:#5182B3;
			font-size:10pt;
			font-weight:bold;
			margin-top:10px;
			text-decoration:none}
   
/* table formatting */
.grayTable {
	border:2px solid #D3D2C0;
}

.grayTable thead tr {
	background-color:#D3D2C0;
}

.grayTable thead tr td {
	font-weight:bold;
}

/* term and def */
dt {
	color:#666666;
	font-style:italic;
	border-bottom:1px solid #666666;
}

/* side nav quotes */
p.quote {
	font-size:8pt;
	border:1px solid #dddddd;
	background-color:#E8F0F9;
	color:#000000;
	padding:2px;
}

.error {
	color:#FF0000;
}

.big {
	font-size:20pt;
}

.big1 {
	color:#000000;
	font-weight:bold;
}

/* table output info */		
		#tableOutput table {
			background-color:#ffffff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10pt;
		}
		
		#tableOutput table th {
			background-color:#f0f0f0;
			text-align:left;
		}
		
		#tableOutput table td {
			border:1px solid #dddddd;
		}

input.textField {
	width:120px;
}

pre {
	font-family:Arial, Helvetica, sans-serif;
}

.button {
	text-align:center;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	width:200px;
	border:1px solid #000000;
	background-color:#cccccc;
	cursor:pointer;
	height:20px;
}

.style1 {
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
	font-size:18pt;
}
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
.style3 {
	font-size: 36px;
	font-weight: bold;
}
.style4 {
	font-size: 12pt;
	font-weight: bold;
}
.style5 {color: #FF0000}
.style8 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.style12 {font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #F78900; }
.style13 {color: #0033FF}
.hidden { display: none; }
.unhidden { display: block; }


/****** Start of Slide show stylings ******/

.clear
{
  clear: both;
}

#gallery
{
  height: 300px;
  overflow: hidden;
  position: relative;
}
#gallery a
{
  float: left;
  position: absolute;
}

#gallery a img
{
border: none;
}

#gallery a.show
{
  z-index: 500;
}

#gallery .caption
{
  background-color: #000; 
  bottom: 0;
  color: #ffffff; 
  z-index: 600; 
  height: 100px; 
  position: absolute;
  width: 100%; 
}

#gallery .caption .content
{
  margin: 5px;
}

#gallery .caption .content h3
{
  margin: 0;
  padding: 0;
  color: #1DCCEF;
}

/****** End of Slide show stylings ******/


.ProdBorderL
{
  border-left: 1px solid #D3D2C1;
}
.ProdBorderR
{
  border-right: 1px solid #D3D2C1;
}
.ProdBorderT
{
  border-top: 1px solid #D3D2C1;
}
.ProdBorderB
{
  border-bottom: 1px solid #D3D2C1;
}