/*
-----------------------------------------------
Biology in Science Fiction Page
Designer: Peggy Kolm
Date:    September 2008, updated November 2009
Copyright: all original photos, videos and text copyright 2008-2009 Peggy Kolm , all rights reserved. All other content copyright its creator.
----------------------------------------------- */		
		
		
		
		
		/* Body
----------------------------------------------- */

body            {
    font: 14px/19px Arial,sans-serif;
    background-color: #fff;
    background-image: url(backgrounds/background.gif);
    background-repeat: repeat-x;
    margin: 10px 5px 0px 0px;
    color: #000;
}

a:link       { color: #00008b; text-decoration: none; }
a:visited    { color: #00008b; text-decoration: none }
a:hover     { color: #00008b; text-decoration: underline; border-bottom: none }
img { border: none; text-decoration: none }

/* Header
----------------------------------------------- */
#header   { background: #fff url(logos/bio-sf-header.jpg); text-align: center; margin: 0px 0 0px 35px; padding: 0 10px 0 10px;  width: 800px; height: 236px; border: solid thin #0000cd; background-repeat:no-repeat}

#header-title  { color: #8b0000; font: 200% "line-height 1.2em"; text-transform: uppercase; letter-spacing: 0.2em; margin: 5px 5px 0; padding: 10px 20px 0.25em }

#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:0px solid #222;
  font:93%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#000000;
  }

	
	
	/* Content
----------------------------------------------- */

#content       { color: white; text-align: left; margin: 0 auto 10px 35px; padding: 0; width: 825px }

#menu            { color: white; font: bold 18px/36px Arial;  background: url(backgrounds/menu_main.gif); float: none; padding: 0px; width: 822px }

#main           { color: black; background-color: #fff; float: none; padding: 5px 0px 5px 10px; border: solid thin #696969; width: 810px; filter: alpha(opacity=90); opacity: .90  }

#sidebar         { color: black; background-color: #fff; float: left; margin-right: 8px; border: solid thin #696969; width: 150px; filter: alpha(opacity=90)alpha(opacity=90); opacity: .90  }

	
	
	/* Menu
-------------------------------- */

#menu li { display: inline; padding-right:15px; padding-left:15px; border-right:1px solid #91C4E1; }

#menu li a {
color:#fff;
}

#menu li a:hover { color: #0F3C64; text-decoration: none;}

#menu ul {    list-style: none;    margin: 0;}


	
	/* Simpleviewer Flash Content
----------------------------------------------- */
	html {
		height: 100%;
	}
	
	#flashcontent {
		width: 650px;
		height: 500px;		
	}


/* Main Headings and content
----------------------------------------------- */		
#main h1     { color: black; font: bold 150%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; text-transform: uppercase; letter-spacing: 0.2em; margin: 0.3em 0 0.1em 0px; padding-left: 10px }

#main p   { color: #000; font: 90%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; margin: 0em 0; padding: 0 20px 10px }
  
  #main ul   { color: black; font: 90%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; margin: 0em 10; padding: 0 10px 10px }
  
  #main h5   { color: black; font: 80%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; margin: 0em 0; padding: 0 }
/* Headings
----------------------------------------------- */
h2  { color: #f5f5f5; font: bold 100%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; text-transform: uppercase; letter-spacing: 0.2em; margin: 0.5em 0 }
  

h3   { color: #f5f5f5; font: bold 90%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; text-transform: uppercase; letter-spacing: 0.2em; margin: 0.5em 0; padding: 0 10 }
  
  h4 {
  margin:.5em 0 .5em;
  font:bold 90%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#252525;
  }
  
 /* Table
 -------------------------------------------- */
TABLE    { display: table }
TR       { display: table-row }
THEAD    { display: table-header-group }
TBODY    { display: table-row-group }
TFOOT    { display: table-footer-group }
COL      { display: table-column }
COLGROUP { display: table-column-group }
TD, TH    { margin-left: 5px; padding-left: 5px; display: table-cell }
CAPTION  { display: table-caption }

TH { 
text-align: center; 
font: bold 100% "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
vertical-align: baseline;
 }
  
  TD    { color: white; font: 90% "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; text-align: left; vertical-align: top; padding: 0 0 0 5px }
 

TD h1  { color: #228b22; font: 125%/1.2em "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; text-align: center; text-transform: uppercase; letter-spacing: 0.2em; margin: 5px 5px 0; padding: 15px 0px 0.25em }
  
  TD h2  { color: white; font: 100%/1.2em "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; text-align: center; text-transform: uppercase; letter-spacing: 0.2em; margin: 5px 5px 0; padding: 15px 0px 0.25em }
  
  TD h3   { color: white; font: bold 90%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; text-align: center; letter-spacing: 0.1em; margin: 0.2em 0; padding: 0px }

  TD h4  { color: silver; font: bold 75%/1em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; text-align: center; letter-spacing: 0.1em; margin: 0.2em 0; padding: 0px }



/* Sidebar Content
----------------------------------------------- */
#sidebar a          { color: #191970; list-style-type: none; border: none #444; filter: alpha(opacity=90); opacity: .90  }

#sidebar ul        { list-style-type: none; border: none thin #444; filter: alpha(opacity=90); opacity: .90  }
 
#sidebar li       { color: #191970; font: bold 100%/1.5em "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; background: no-repeat left ; text-indent: -15px; list-style-type: none; list-style-position: inside; margin: 0 }

#sidebar p      { color: #f5f5f5; font: 85%/normal "Trebuchet MS", Trebuchet, Verdana, Sans-Serif; padding-left: 5px }
  
 #sidebar  h4       { color: white; font: bold 100%/0.5em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; background-color: transparent; text-transform: uppercase; letter-spacing: 0.2em; margin: 10px 0 10px 10px; padding: 5px; border: none; filter: alpha(opacity=90); opacity: .90  }

/* Footer
----------------------------------------------- */
#footer  { clear: both; margin: 0 auto; width: 800px }
#footer hr {
  display:none;
  }
#footer p  { font: 90%/1.6em "Trebuchet MS", Trebuchet, Verdana, Sans-serif; text-transform: uppercase; letter-spacing: 0.1em; margin: 0; padding-top: 15px; color: black;}
  
  #footer a  { color: black; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.6em; font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-serif; text-transform: uppercase; letter-spacing: 0.1em; margin: 0; padding-top: 15px }
  
  /* Hidden text
  ------------------------------- */
.texthidden {display:none}
.textshown {display:inline}