@import url("extend_defaults.css");
@import url("auto_complete.css");


body {
background-color: #415657;
color: #212121;
font-family: arial, verdana, sans-serif;
font-size: 62.5%;
text-align: center;

}
.button{

margin: 0px  50px ;
border: 0px;

}

div#banner {
background-image: url('../images/layout/newbanner_990_notext.jpg');
/*padding: 20px;*/
width: 990px;
height: 192px;
margin: 0 auto;
text-align: left;
}
div#container {
background-color: #ffffff;
width: 990px;
margin: 0 auto;
text-align: left;
/*height: 700px;*/

min-height: 800px;



}

* html div#container {
background-color: #ffffff;
width: 990px;
margin: 0 auto;
text-align: left;
/*height: 700px;*/

height: 800px;



}


div#content{
font-size: 130%;
margin-left: 190px;
padding: 20px;
/*padding-left: 30px;*/
line-height: 20px;




}

/*text formatting*/
h1 {
margin: 0px;
padding: 0px;
text-align: right;
}
h1.main {
font-family: arial black, arial;
font-size: 480%;
letter-spacing: -3px;
padding-top: 95px;
padding-right: 115px;
color: #ffffff;
}

h1.project {
font-family: century gothic, arial;
font-size: 340%;
text-align: center;
letter-spacing: 0px;
margin-top: -15px;
color: #ffffff; /*#9f120b;*/

}
h2 {
font-size: 180%;
margin-top: 5px;

}
a {
color: #9f120b;/*#1b80ce;#CD0000;*/
text-decoration: none;

}
a:hover {
text-decoration: underline;
cursor: pointer; cursor: hand;
}

/*lists and tables*/
#menu{
/*float:left;*/
margin: 0px;
padding: 15px 0;
list-style: none;
margin-top: 20px;
background-color: #9f120b;
width: 189px;
font-size: 150%;
font-weight: bold;
color: #ffffff;

}
#menu li {
padding: 0px 20px;
line-height: 150%;
}
#menu li a{
color: #ffffff;
text-decoration: none;
}
#menu li a:hover{
color: #ffffff;
text-decoration: underline;
}


/* tabs    submenu  */
ul#tabnav {


padding-bottom: 5px;

font-weight: bold;
font-size: 18px;
list-style-type: none;
border-bottom: 1px solid #9f120b;

}
ul#tabnav li {
padding-left: 25px;
display: inline;


}
ul#tabnav li a { /* settings for all tab links */
padding: 4px 6px 3px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
/* border: 1px solid #3ca1cb; set border COLOR as desired; usually matches border color specified in #tabnav */
/*background-color: #ffffff;         set unselected tab background color as desired */
color: #9f120b; /* set unselected tab link color as desired */
margin: 0; /* set additional spacing between tabs as desired */

text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
 background: #9f120b;     /* set desired hover color */
 color: #ffffff;
 }
div#species li.species  ,div#specimens li.specimens, div#images  li.images, div#videos li.videos  ,div#localities li.localities  ,div#mapView  li.mapView        { /* settings for selected tab */
/* background-color: #e2dfcc;  */ /* set selected tab background color as desired */
border-top: 1px solid #9f120b;
border-left: 1px solid #9f120b;
border-right: 1px solid #9f120b;
 background: white; 
 background-color: #ffffff;  /*set background color to match above border color */
 padding: 1px  6px ;

}

div#species li.species  a,div#specimens li.specimens a, div#images li.images a, div#videos li.videos  a,div#localities li.localities  a, div#mapView li.mapView a { /* settings for selected tab link */

color: #9f120b; /* set selected tab link color as desired */
background-color: #ffffff;
position: relative;
padding: 4px 6px 5px 6px; /* must change with respect to padding (X) above and below */
}

 
html>body  div#species li.species  ,div#specimens li.specimens, div#images  li.images, div#videos li.videos  ,div#localities li.localities  ,div#mapView  li.mapView        { /* settings for selected tab */
/* background-color: #e2dfcc;  */ /* set selected tab background color as desired */
border-top: 1px solid #9f120b;
border-left: 1px solid #9f120b;
border-right: 1px solid #9f120b;
 background: white; 
 background-color: #ffffff;  /*set background color to match above border color */
 padding: 4px 0px 6px ;

}

html>body  div#species li.species  a,div#specimens li.specimens a, div#images li.images a, div#videos li.videos  a,div#localities li.localities  a, div#mapView li.mapView a { /* settings for selected tab link */

color: #9f120b; /* set selected tab link color as desired */
position: relative;
background-color: #ffffff;
padding: 4px 6px 5px 6px; /* must change with respect to padding (X) above and below */
}

html>body  div#species li.species   a:hover ,div#specimens li.specimens  a:hover , div#images li.images  a:hover , div#videos li.videos   a:hover ,div#localities li.localities   a:hover , div#mapView li.mapView  a:hover  { /* settings for selected tab link */
 background: #9f120b;     /* set desired hover color */
 color: #ffffff;
}

/*  this to tune the hight of menu browse  */
div#view_list li.view_list ,div#view_tree li.view_tree    { /* settings for selected tab */
border-top: 1px solid #9f120b;
border-left: 1px solid #9f120b;
border-right: 1px solid #9f120b;
 background: white; 
 background-color: #ffffff;  /*set background color to match above border color */
 padding: 1px  6px ;

}

div#view_list li.view_list  a,div#view_tree li.view_tree  a { /* settings for selected tab link */
/* background-color: #e2dfcc;  */ /* set selected tab background color as desired */

color: #9f120b; /* set selected tab link color as desired */
position: relative;
padding: 5px  6px; /* must change with respect to padding (X) above and below */
}
div#view_list li.view_list   a:hover,div#view_tree li.view_tree   a:hover { /* settings for hover effect */
 background: #9f120b;     /* set desired hover color */
 color: #ffffff;
 }

/*  this for IE */
html>body div#view_list li.view_list ,div#view_tree li.view_tree    { /* settings for selected tab */
border-top: 1px solid #9f120b;
border-left: 1px solid #9f120b;
border-right: 1px solid #9f120b;
 background: white; 
 background-color: #ffffff;  /*set background color to match above border color */
 padding: 5px  6px ;

}

html>body div#view_list li.view_list  a,div#view_tree li.view_tree  a { /* settings for selected tab link */
/* background-color: #e2dfcc;  */ /* set selected tab background color as desired */

color: #9f120b; /* set selected tab link color as desired */
position: relative;
background-color: #ffffff;
padding: 5px  6px; /* must change with respect to padding (X) above and below */
}


.deactive{
color: #888;
}
  

table{
font-size: 13px; /*130% doesn't work*/
}
table caption {
text-align: left;
font-weight: bold;
}


th {
text-align: left;
color: #ffffff;
padding: 5px;
background-color: #415657;
}
td {
padding: 3px 5px;
}

/*classes*/
.normal { background-color: #ffffff; }
.highlight { background-color: #9f120b; color: #ffffff; cursor: pointer; cursor: hand;}
.right { float: right; clear: right;}
.stretch { width: 750px; }
.sortheader { color: #ffffff;  }
.sortarrow{color: #9f120b;  }