/***************************************
## menu.css - Contains style for menu ##
***************************************/

/* common style for <ul> elements */
.nav,
.nav ul {
  list-style-type: none;
  padding: 0;
}

/*********************
## Top Menu / Flags ##
*********************/

ul#topNav {
  list-style:none;
  padding:0 0 4px 4px;
  margin:0;
  position:absolute;
  top:0;
  right:0;
  background:#d0e2ec;
}

ul#topNav li {
  float:left;
  margin-right:4px;
  height:11px;
  line-height:11px;
  border-left:1px solid #fff;
  padding-left:4px;
  font-weight:bold;
  font-size:1.1em;
}


ul#topNav li a.active, 
ul#topNav li a.current {
  font-weight:bold;
  color:#000;
}

ul#topNav .language, ul#topNav li.first {
  border:none;
  padding-left:0;
}

ul#topNav .language a {
  text-indent:-9999px;
  display:block;
  width:16px;
  height:11px;
  }

ul#topNav .language.lang_lng_en { 
  background:url('../../Flags/gb.gif') no-repeat; 
  }

ul#topNav .language.lang_lng_cn {
  background:url('../../Flags/cn.gif') no-repeat; 
  }

ul#topNav .language.lang_lng_es {
  background:url('../../Flags/es.gif') no-repeat; 
  }

ul#topNav .language.lang_lng_ru {
  background:url('../../Flags/ru.gif') no-repeat; 
  }

/**************
## Main Menu ##
**************/

#navMain {
  background:#fff;
  border-bottom:4px solid #002c76;
  margin:0 0 3px;
  font-size:1.2em;
  font-weight:bold;
  height:26px;
  line-height:26px;
}

#navMain li {
  float: left;
  border-right:1px solid #c6d7e1;
}

#navMain li.first {
  margin-left:0;
}

#navMain li.last {
  border:none;
  margin-right:0;
}

#navMain li a {
  display:block;
 padding:0 8px;
  height:26px;
}

#navMain li.active, #navMain li.current, #navMain li:hover {
  border-bottom: 4px solid #fe6e0c;
}

/*******************
## Sub Menu ##
*******************/

#navSub {
  font-size:1.2em;
  width:200px;
}

/** Sub level 1 **/

#navSub li a {
  border-bottom:2px solid #c6d7e1;
  display:block;
  padding:4px 0;
}

#navSub li.current a { 
  background:url('../GFX/arrowDown.gif') 0 center no-repeat;
  padding-left:12px;
}

/** Sub Level 2 **/

#navSub li.current ul {
  border-bottom:2px solid #c6d7e1;
}

#navSub li.current li a { 
  background:url('../GFX/arrowRight.gif') 12px center no-repeat;    
  border-bottom:none;
  text-indent:24px;
}

#navSub li.current li.active a, 
#navSub li.current li.current a { 
  background:url('../GFX/arrowDown.gif') 12px center no-repeat;
  border-bottom:1px solid #c6d7e1;
}

/* Sub level 3 */

#navSub li li.current ul {
  border-bottom:none;
}

#navSub li.current li.current li a { 
  background:url('../GFX/arrowRight.gif') 20px center no-repeat;
  border-bottom:none;
  text-indent:32px;
}

#navSub li.current li.current li.active a { 
  background:url('../GFX/arrowDown.gif') 20px center no-repeat;
}
