#3ibody {
    margin: 0px; 
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

body.help {
	background-color: #CAD9DD;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px; 
	color: #000080;
}

body.help h1 { 
	font-size: 1.5em; 
	font-weight: bold; 
	color: #000080;
}

body.help h2 { 
	font-size: 1.3em; 
	font-weight: bold; 
	color: #000080;
}

body.help table.help td {
    text-align: center;
    color: #000080;
}

body.help a { color: #000080; font-weight: bold; }
body.help a:visited { color: #000080;}
body.help a:hover { color: #C00000;}

h1.nomargin {
    margin: 0px;
    font-size: 16pt; 
	font-weight: bold; 
	font-family: arial,sans-serif; 
	color: #004050; 
    }

#header {
  position: fixed;
  width: 100%;
  height: 99px;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  border-bottom: 2px solid #CCCCCC;
}

#sfstitle {
    position: absolute;
    width: auto;
    height: 49px;
    top: 45px;
    right: 0px;
    bottom: auto;
    left: 150px;
    font-size: large;
    color: #006600;
    font-weight: bolder;
}
#sfstitle h1 {
    font-size: medium; 
    color: #006600;
}

#hidden {
    position: fixed;
    width: auto;
    height: auto;
    top: 5000px;
    right: 100px;
    bottom: auto;
    left: auto;
}

#header3i {
  position: fixed;
  width: 100%;
  height: 56px;
  top: 99px;
  right: 0;
  bottom: auto;
  left: 0;
  border-bottom: 2px solid #CCCCCC;
  background-color: #C0C0B0;
}  

#header3i h1
{
    margin: 0px;
    font-size: 16pt; 
	font-weight: bold; 
    text-align: center;
	font-family: arial,sans-serif; 
	color: #004050; 
}

#characters {
  position: fixed;
  top: 157px;
  bottom: 45%;
  left: 0px;
  right: 0px;
  margin: 0px 0px 0px 0px;
  width: auto;
  height: auto;
  padding-left: 5px;
  padding-right: 12px;
  background-color: #CFCFBE;
  border-bottom: 2px solid #CCCCCC;
  overflow: auto;
}

div.vertical #characters {
  position: fixed;
  top: 157px;
  bottom: 42px;
  left: 0px;
  right: 50%;
  margin: 0px 0px 0px 0px;
  width: auto;
  height: auto;
  padding-left: 5px;
  padding-right: 12px;
  background-color: #CFCFBE;
  border-bottom: 2px solid #CCCCCC;
  overflow: auto;
}

#characters h1, #content h2 {
  color: #C00000;
}

#taxa1 {
  position: fixed;
  top: 55%;
  bottom: 42px;
  margin: 0px 0px 0px 0px;
  right: 50%;
  left: 0px;
  width: auto;
  height: auto;
  padding-left: 5px;
  padding-right: 12px;
  background-color: #C0C0B0;
  border-bottom: 2px solid #CCCCCC;
  overflow: auto;
}

div.vertical #taxa1 {
  position: fixed;
  top: 157px;
  bottom: 45%;
  margin: 0px 0px 0px 0px;
  right: 0px;
  left: 50%;
  width: auto;
  height: auto;
  padding-left: 5px;
  padding-right: 12px;
  background-color: #C0C0B0;
  border-left: 2px solid #CCCCCC;
  border-bottom: 2px solid #CCCCCC;
  overflow: auto;
}

#taxa2 {
  position: fixed;
  top: 55%;
  bottom: 42px;
  margin: 0px 0px 0px 0px;
  width: auto;
  height: auto;
  left: 50%;
  right: 0px;
  padding-left: 5px;
  padding-right: 12px;
  background-color: #C0C0B0;
  border-left: 2px solid #CCCCCC;
  border-bottom: 2px solid #CCCCCC;
  overflow: auto;
}

.mainfont { color: #004050;}
.red { color: #C00000; }
.redbold { color: #C00000; font-weight: bold; }

div.i3{
  color: #004050;
  font-family: arial,sans-serif;    
}

div.i3 a { color: #004050;}
div.i3 a:visited { color: #004050;}
div.i3 a:hover { color: #C00000;}


#footer {
  position: fixed;
  width: 100%;
  height: 55px;
  top: auto;
  right: 0;
  bottom: 0;
  margin-left: 10px;
}

div.a { 
	margin-left:3em;
    }

ul.HorisontalNavigation {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;  
    left: 120px; 
    top: 80px;
}

ul.HorisontalNavigation li {
    display:inline;
    font-weight: bold;
    color: #3D5B7B;
}

ul.HorisontalNavigation a
{
    font-weight: bold;
    color: #3D5B7B;    
}
	
ul.HorisontalNavigation a:visited { color: #3D5B7B;}
ul.HorisontalNavigation a:hover { color: #C00000; }


h2 {
  color: #004050;
  font-weight: bold; 
  font-size: 1.3em;
  float: none;
}

div.help
{
     background-color: #CAD9EE; 
     height: auto;
     border: 1px solid;
     padding: 1px;
    }

div.helpBox{
	background-color: #CAD9EE;
	margin-left: 10px;
	max-width: 300px;
	position: absolute;
	display: inline-block;
	border: 1px solid;
	z-index:10000;
	}

div#tipDiv	{
    position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
	background-color:#DEE7F7; border:1px solid #336; 
	width:200px; padding:4px;
  	}

span.a1, span.a2, span.a3
{
    color: #004050;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    font-family: arial,sans-serif;
    padding: 3px;
    line-height: 30px;
}

.a1 a, .a2 a, .a3 a, .a0 a {
    text-decoration: none;
}

.a1	{ border:2px solid transparent; }
.a2	{ border:2px outset #FFFFFF; cursor: hand; }
.a3	{ border:2px inset #FFFFFF; }
.a0 { border:3px solid transparent;}
.a5	{ border:3px outset #FFFFFF; cursor: hand; }
.a6	{ border:3px inset #FFFFFF; }
	
span.update{
    float: right;
	color: #004050;
    font-size: 10px;
	font-weight: normal;  
	font-family: arial,sans-serif; 
    padding: 3px;
    }	

span.keyauthor{
    float: right;
	color: #004050;
    font-size: 13px;
	font-weight: normal;  
	font-family: arial,sans-serif; 
    padding: 3px;

    }	

table.key {
   	background-color: #CAD9DD;
    text-align: center;
    color: #000080;
}

table.key td.taxon {text-align: left;}
table.key td.image {vertical-align: top;}
div.imgContainer {position: relative}
div.imgDiv {position: static; z-index:9999;}
div.imgButton {display:none; position: absolute; top:0px; left:0px; z-index:10000;}
div.imgButton1 {position: absolute; bottom:40px; top:0px; left:0px; z-index:10000;}

p.key { 
	font-family: arial,sans-serif; 
	margin-left: 3em;
	text-indent: -2em;
	color: #004050; 
	margin-top: 0em;
	margin-bottom: 0em; 
	margin-right: 1em;
	}

p.key a { font-weight: bold}

span.pictKey { 
	font-family: arial,sans-serif; 
	margin-left: 0.5em;
	color: #000080; 
	margin-top: 0em;
	margin-bottom: 0em; 
	margin-right: 0.5em;
	}

span.pictKey a { font-weight: bold; color: #000080;} 
span.pictKey a:visited { color: #000080;}
span.pictKey a:hover { color: #C00000;}