/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/*** @group topnav ***/

#topnav {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  background-position: bottom left;
  background-repeat: no-repeat;
}

#topnav ul {
  width: 100%;
  list-style: none;
  padding-top: 14px;
  background-position: bottom right;
  background-repeat: no-repeat;
}

#topnav li a {
  padding: 14px 0 25px 0;
  display: block;
  color: #bbb;
  text-decoration: none;
  font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 123.1%;
  letter-spacing: .1em;
  text-align: center;
}
#topnav li.selected a { color: #fff; }
#topnav li a:hover { color: #ffffff; }

#topnav li.selected               { background-position: left top;      background-repeat: no-repeat; }
#topnav li.selected div           { background-position: left bottom;   background-repeat: no-repeat; }
#topnav li.selected div div       { background-position: right top;     background-repeat: no-repeat; }
#topnav li.selected div div div   { background-position: right bottom;  background-repeat: no-repeat; }



/************************************************************************************************/
/*** home tab styles ***/
#topnav li.ibc   { width: 27%; }
#topnav li.ibc a {
   text-transform: uppercase;
   font-weight: bold;
   letter-spacing: .15em;
}

#topnav.ibc      { background-image: url('/images/both/topnav/ibc/bottom-strip.png'); }
#topnav.ibc ul   { background-image: url('/images/both/topnav/ibc/bottom-strip-endcap.png'); }
#topnav.ibc li.selected {
	background-color: #525252;
	background-repeat: no-repeat;
}



/************************************************************************************************/
/*** analysis tab styles ***/
#topnav li.analysis   { width: 15%; }

#topnav.analysis                         { background-image: url('/images/both/topnav/analysis/bottom-strip.png'); }
#topnav.analysis ul                      { background-image: url('/images/both/topnav/analysis/bottom-strip-endcap.png'); }
#topnav.analysis li.selected             { background-image: url('/images/both/topnav/analysis/tab-top-left-strip.png'); background-color: #3e4366; }
#topnav.analysis li.selected div         { background-image: url('/images/both/topnav/analysis/tab-bottom-left-corner.png'); }
#topnav.analysis li.selected div div     { background-image: url('/images/both/topnav/analysis/tab-top-right-strip.png'); }
#topnav.analysis li.selected div div div { background-image: url('/images/both/topnav/analysis/tab-bottom-right-corner.png'); }



/************************************************************************************************/
/*** database tab styles ***/
#topnav li.database   { width: 15%; }

#topnav.database                           { background-image: url('/images/both/topnav/database/bottom-strip.png'); }
#topnav.database ul                        { background-image: url('/images/both/topnav/database/bottom-strip-endcap.png'); }
#topnav.database li.selected               { background-image: url('/images/both/topnav/database/tab-top-left-strip.png'); background-color: #525252 ; }
#topnav.database li.selected div           { background-image: url('/images/both/topnav/database/tab-bottom-left-corner.png'); }
#topnav.database li.selected div div       { background-image: url('/images/both/topnav/database/tab-top-right-strip.png'); }
#topnav.database li.selected div div div   { background-image: url('/images/both/topnav/database/tab-bottom-right-corner.png'); }



/************************************************************************************************/
/*** about tab styles ***/
#topnav li.about   { width: 15.5%; }

#topnav.about                           { background-image: url('/images/both/topnav/about/bottom-strip.png'); }
#topnav.about ul                        { background-image: url('/images/both/topnav/about/bottom-strip-endcap.png'); }
#topnav.about li.selected               { background-image: url('/images/both/topnav/about/tab-top-left-strip.png'); background-color: #6b5938; }
#topnav.about li.selected div           { background-image: url('/images/both/topnav/about/tab-bottom-left-corner.png'); }
#topnav.about li.selected div div       { background-image: url('/images/both/topnav/about/tab-top-right-strip.png'); }
#topnav.about li.selected div div div   { background-image: url('/images/both/topnav/about/tab-bottom-right-corner.png'); }



/************************************************************************************************/
/*** contribute tab styles ***/
#topnav li.contribute   { width: 16.5%; }

#topnav.contribute      { background-image: url('/images/both/topnav/contribute/bottom-strip.png'); }
#topnav.contribute ul   { background-image: url('/images/both/topnav/contribute/bottom-strip-endcap.png'); }
#topnav.contribute li.selected               { background-image: url('/images/both/topnav/contribute/tab-top-left-strip.png'); background-color: #255144; }
#topnav.contribute li.selected div           { background-image: url('/images/both/topnav/contribute/tab-bottom-left-corner.png'); }
#topnav.contribute li.selected div div       { background-image: url('/images/both/topnav/contribute/tab-top-right-strip.png'); }
#topnav.contribute li.selected div div div   { background-image: url('/images/both/topnav/contribute/tab-bottom-right-corner.png'); }



/************************************************************************************************/
/*** language switch styles ***/
#topnav li.langswitch { padding-top: 16px; }
#topnav li.langswitch a, #topnav li.langswitch span {
   padding: 0;
   display: block;
   color: #bbb;
   text-decoration: none;
   font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
   font-size: 90%;
   letter-spacing: .1em;
}
#topnav li.langswitch a {
   color: #bbb;
   font-weight: normal;
}
#topnav li.langswitch span {
   color: #ffffff;
   font-weight: bold;
}

/* @end */













/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/* @group subnav */

#subnav {
  white-space: nowrap;
  height: 1.2em;
}

#subnav ul {
  text-align: center;
  display: inline;
}

#subnav li {
  width: 33%;
  display: inline;
  position: relative;
  top: -5px;
}

#subnav span {
  width: 10px;
  display: inline;
  float: right;
}

#subnav a {
  color: #aaa;
  text-decoration: none;
  font-size: 100%;
  font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#subnav a:hover {
  color: white;
  text-decoration: none;
}

#subnav li.selected a {
  color: white;
}

/* @end */









/************************************************************************************************/
/************************************************************************************************/
/************************************************************************************************/
/* @group footer */


/* @end */