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

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

/* Tools menu style */

#navTools {
  float:right;
  padding:4px 10px; /* 5 10 0 50 10px; */
  /* height:15px;  30px; */
  /* width: 160px; */
  text-align: right;
  /* background-color: #e2e2e2; */
  display: block;
  position:relative;
}

#navTools li {
  float: left;
  padding:0 5px;
}

#navTools a {
  color: #666;
  font-size: 0.9em;
  line-height: 0.9em;
}
#navTools a:hover {
  color: #d01824;
}

/* Top menu style */

#navTop {
  position:absolute;
  top:6px; /* 10px; */
  right:0px; /* 10px; */
  z-index:10;
  height:29px;
}

#navTop li {
  float: left;
}

#navTop li form,
#navTop li fieldset {
  display: inline;
  width:220px; /* 179px; */
  /* background:#fff;  f2f2f2; */
}

#navTop li a {
  display: block;
  padding: 2px 12px; /* 5px 15px; */
  color: #f2f2f6;
  font-weight: bold;
  font-size: 1em;
  line-height:19px;
}

#navTop li a:hover {
  text-decoration: none;
  color: #d01824;
} /* TK */

/* Main menu style */

#navMain {
  height:15px;
  position:absolute;
  z-index:10;
  right:10px;
  top: 70px; /* 85px; */
}

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

#navMain li a {
  display:block;
  padding: 2px 20px;
  color: #f2f2f6;
  /* font: 1.4em "Lucida Grande", Verdana, sans-serif; */
  font: 1.4em Georgia, "Times New Roman", Times, serif;
}

#navMain li a.first {
  border-left:1px solid #ccccd3;
}

#navMain li a.current {
  text-decoration:none;
  background-color: #d4d4d9;

}

#navMain li a:hover {
  text-decoration:none;
  color: #d01824;
  background-color:#e8e8ed;
}

/*TODO: refactor code, get rid of inline-block element */
/*Sub menu style */

#navSub {
  position:absolute;
  right:10px;
  top:18px; /* 40px */
  z-index:10;
  height:20px;
}

#navSub li {
  float:left;
}

#navSub li a.first {
  /* border-left:1px solid #f6f1e6;  #cccccc; */
}

#navSub li a {
  display: block;
  padding: 3px 10px;
  color: #333333;
  font-size:1.15em;
  text-decoration:none;
  /* border-right:1px solid #f6f1e6; #cccccc; */
}

#navSub a.current {
  background-color: #d4d4d9;
}

#navSub a:hover {
  color: #d01824;
  background-color: #e8e8ed;
}

#navLevel li {
  display:inline;
}

#navLevel ul {
  padding-left:15px;
}

#navLevel ul li.last a {
  border-bottom:0px;
}

#navLevel ul li a {
  border-top:0px;
  padding:6px;
}
#navLevel ul li a:hover {
  background-color: #e8e8ed;
}

#navLevel ul li a.active {
  background-color: #d4d4d9;
}

#navLevel li a {
  display: block;
  padding: 8px 10px;
  font-size: 1.2em;
  border-top:1px solid #ccccd3;
  text-decoration:none;
}

#navLevel li a.active {
  background-color: #d4d4d9;
}

#navLevel li a:hover {
  color: #d01824;
  background-color: #e8e8ed;
}

#navLevel li.last a {
  border-bottom:1px solid #ccccd3;
}

/* NAVMEGAMENU */


#header {
  clear:right;
  border: 1px solid #ccc;
  height:100px;
  /* background: #456b98;  #66778c;   #acbfd6; */
  position:relative;
  width: 938px;
  background: #456b98 url(../GFX/headerbg.jpg) no-repeat;
}

#header .nav_megamenu {
  margin:100px 0 0 0;
  display:none;
  list-style:none;
  padding:9px 0;
  border-top:1px solid #c7ced8;
}

#header .nav_megamenu > li {
  display:none;
}

#header .nav_megamenu .nav_mega_items {
  width:938px;
  list-style:none;
  margin:0;
  padding:10px 0;
}

#header .nav_megamenu .nav_mega_items > li {
  float:left;
  width:135px;
  padding:0 10px;
  border-right:1px solid #c7ced8;
  color:#fff;
}

#header .nav_megamenu .nav_mega_items > li.col_2 {
  width:270px;
}

#header .nav_megamenu .nav_mega_items > li.col_3 {
  width:405px;
}

#header .nav_megamenu .nav_mega_items > li.col_4 {
  width:540px;
}

#header .nav_megamenu .nav_mega_items > li.col_5 {
  width:675px;
}

#header .nav_megamenu .nav_mega_items > li.col_6 {
  width:810px;
}

#header .nav_megamenu .nav_mega_items > li.last {
  border:none;
}

#header .nav_megamenu .nav_mega_items li .article-content ul {
  margin:0;
  padding:0;
  list-style:none;
}

#header .nav_megamenu .nav_mega_items li .article-content a {
  color:#fff;
}

#header .nav_megamenu .nav_mega_items li .article-content ul li a,
#header .nav_megamenu .nav_mega_items li .article-content ul li a:link,
#header .nav_megamenu .nav_mega_items li .article-content ul li a:visited,
#header .nav_megamenu .nav_mega_items li .article-content ul li a:hover,
#header .nav_megamenu .nav_mega_items li .article-content ul li a:active {
  text-decoration:none;
  display:block
}