body {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0px;
margin:0px;
/*background-color: #e1ddd9;*/
/*color:#564b47;*/}

/*
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}
*/
/* ----------container centers the layout-------------- */

#container {
width: 700px;
padding: 0px;
margin: 0px;
/* margin-left: auto;*/
margin-right: auto;} 


/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
border-right: solid 1px #006699;} /*this value controls the right border on the logo*/

/* ----------top navlinks styling-------------- */
#navlinks {
text-align:center;
background-color:#009999;
color:#FFFFFF; /*this sets the text color within the navlinksdiv - basically for the vertical bar between the links*/
font-size: 11.5px;
font-weight: 600;
padding: 0px;
margin: 0px; 
}

p.topnavlinks{
padding-left: 50px;
padding-top: 5px;padding-bottom:5px}

a.topnav {

color: #FFFFFF; /*this sets the text color of the navlinks */
text-decoration:none;
}

a.topnav:visited {color:#FFFFFF}
a.topnav:hover { text-decoration: underline;}
/* ----------end of top navlinks styling-------------- */



/*-------------- subnavlinks styling -------------------------------*/
#subnavlinks {
text-align:center;
background-color:#009999;
color:#FFFFFF; /*this sets the text color within the navlinksdiv - basically for the vertical bar between the links*/
font-size: 11px;
font-weight: 600;
padding: 0px;
margin: 0px 50px; 
}

p.subnavlinks{

padding-top: 1px;padding-bottom:2px}

a.subnav {

color: #FFFFFF; /*this sets the text color of the navlinks */
text-decoration:none;
}

a.subnav:visited {color:#FFFFFF}
a.subnav:hover { text-decoration: underline;}




/*--------------end of subnav links styling------------------------*/







/* ----------outer and inner----------------- */

#outer{ 
margin: 0px;
border-left: solid 110px #006699; /* linke Menue Spalten Farbe  */ 
border-right: solid 1px #006699; /* rechte Menue Spalten Farbe  */ 
background-color: #FFFFFF; /* Farbe fuer Inhalt Spalten  */
} 

#inner{margin:0; width:100%; border:0px}

/* --------------left  side bars------------- */
#left {
 width:110px; 
 float:left; 
 position:relative; 
 margin-left:-110px; 
 margin-right:0px;
 color:#FFFFFF; /*this sets the text color within the left div - basically for the vertical bar infront of the the links and also for the Quick links*/
 padding-top:10px; /*this value controls how far the quick links will drop*/
 
}
         /* --------------left side quick links------------- */

p.leftlinks{ padding-left: 10px;}

a.leftlinks {
font-weight: 400;
color: #FFFFFF; /*this sets the text color of the navlinks */
text-decoration:none;
}

a.leftlinks:visited {color:#FFFFFF}
a.leftlinks:hover { text-decoration: underline;}
 
 /* ------------- right side bars------------- */
 
 #right {
 width:1px; 
 float:right; 
 position:relative;
 margin-right:-1px; 
 margin-left:0px;
  }
       
 


/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px;
 /*border-bottom: 1px solid white; for some reason mozilla needs this to keep the footer and the 2 colums together, weird but that is how CSS are - Note - either this needs to be set or the top/bottom margin of the div contentbox need to be zero*/
/*border: 1px solid #FF00FF; */
}

p {
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

div#contentbox{
margin: 0px 10px;  /*see above in the div conent box comments on why we need a zero pixels top/bottom border */
/*background-color:#999999;*/
/*border: 1px dotted blue;*/
padding:10px;

}



/* -----------------floating green bars styling--------------------- */ 

div#bluebar1{position: relative; left:25px; width:30px;
height:4px !important; 
border-top: 2px solid white; /*this value allow the small bar to float underneath the main menu*/
margin:0; padding:0; 
line-height:0; font-size:1px; /*hack for IE*/
background-color:#336699;}

div#bluebar2{position: relative; left:80px; width:100px;
height:4px !important; 
border-top: 2px solid white; 
margin:0; padding:0; 
line-height:0; font-size:1px;
background-color:#336699;}

div#bluebar3{position: relative; left:207px; width:60px;
height:4px !important; 
border-top: 2px solid white; /*this border is needed so that the connector floats 2px beneath the main menu */
margin:0; padding:0; 
line-height:0; font-size:1px;
background-color:#009999;}

div#bluebar4{position: relative; left:315px; width:30px;
height:4px !important;
border-top: 2px solid white; 
margin:0; padding:0; 
line-height:0; font-size:1px;
background-color:#336699;}

div#bluebar5{position: relative; left:375px; width:30px;
height:4px !important;  
border-top: 2px solid white; margin:0; padding:0;  
line-height:0; font-size:1px;
background-color:#336699;}

div#bluebar6{position: relative; left:445px; width:45px;
height:4px !important; 
border-top: 2px solid white; /*this border is needed so that the connector floats 2px beneath the main menu */
margin:0; padding:0; 
line-height:0; font-size:1px;
background-color:#009999;}

div#tabs{

padding-bottom:1px; /*IE needs this so that the border of the tab can properly display. Otherwise the div hides it*/
padding-top:10px;  /*this allows for the spans to expand vertically to a good tab-like length*, it also works in conjunction
					with the span tabs padding value , again needed for IE.*/
margin:0;
width:100%;
/*border:1px dotted black;*/
}

div#middleform{  /*this is the form for the param page that has the select algorothm, parameters, instructions*/
padding:0;
margin:0;
width:100%;
background-color:#CCCCCC;
border-top: 1px solid #CCCCCC; /*yet another presentational hack for mozilla, otherwise it pads the box and distance appears from the tabs*/
border-bottom: 1px solid #CCCCCC;
}

/*- tabs styling (not used)----------*/

a.inactive {
text-decoration:none;
color:black; }
a.active {
text-decoration:none;
color:black;}
span#active 
{
background-color:#CCCCCC;
padding-left:10px;padding-right:10px; padding-top:10px; /*the padding top will spill over the tabs div but that is OK*/
border-bottom: 1px solid #CCCCCC;}

span#inactive {
padding-left:10px;padding-right:10px;padding-top:10px;  /*the padding top will spill over the tabs div but that is OK*/
background-color:#999999;}

div#control1
{
/*border: 1px dotted #000000;*/
/*background-color:#FFFFFF;<---if this is set IE6 does not show the images.*/}

div#control2
{margin:5px;
border-bottom: 1px solid green;
background-color:#FFFFFF;}


div#divider{
border-top:2px solid #009999;
padding:2px 0px; margin: 10px 0px;
background-color:#CCCCCC;
}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
background-color:#009999;
color:#FFFFFF;
font-weight:500;
font-size:smaller;
padding:0px;
margin:0px;
text-align: right; 
padding-top: 5px} 



/*-----------------form elements styling----------------*/
form {                 /*need to set all margin, padding and border to 0 to avoild auto values for the bottom of the form*/
margin: 0px;
padding:0px; 
border:0px;}

label
{margin-left: 0px; }

input {margin-left:0px; margin-bottom:0px; border: 2px solid #999999;}

input.submit{
margin: 0px 0px; background-color:#006699; color:#FFFFFF ; border: 2px solid #999999;}


/*----------------images styling--------------------------*/

img#bot {
margin-top:10px; margin-left:15px; border:0px;
}

img#new {
margin-top:0px; margin-left:0px; border:0px;
}

img#tree {
margin-top:-3px; margin-left:0px; border:0px;
}

/*---------------------query results span styling-------------------*/
span#qresults{
border: 1px solid #999999;
width: 100px;
}



/*---------------------browse taxonomy results table styling-------------------*/
table{ width:550px}
td{margin:0; padding:0}

 
th{border-bottom: 2px solid #999999; border-top: 2px solid #999999;}
td.targetclick{background-color:#CCCCCC; font-weight:700; }

td#year{width: 50px}
td#author{width: 110px}
td#rank{width: 140px}
td#taxon{width: 350px}

a.results {
color: #000000; /*this sets the text color of the resultlinks */
text-decoration:underline;}

a.results:visited {color:#000000}


img.floatright
{
float: right;
margin: 5px;
clear: right;
/*border: 1px solid black;*/
}

ol {margin:0; padding:15px; border:0; list-style: upper-alpha inside ; } /*this alligns the bullet points in the unordered list*/
ul {margin:0; padding:15px; border:0;} /*this alligns the bullet points in the unordered list*/



/*---------------------about page lists styling-------------------*/
a.about:visited{color:#000000;}
a.about{color:#000000; font-weight:700; text-decoration:none;}