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

/* common style for <ul> elements */
.nav,
.nav ul {
  font-size: 80%;
  list-style-type: none;
  padding: 0;
  white-space: nowrap;
}

/* Top menu style */
#navMain {
  float: right;
  font-weight: bold;
}

#navMain li {
  float: left;
  padding: 0px 0 0 36px;
}

#navMain li a {
  display: block;
  padding: 5px 0px 20px 0px;
  color: #767676;
}

#navMain li a:hover {
  color: #a6c528;
}

#navMain li.current a {
  color: #066aa6;
  background: url(../GFX/menu-border.gif) repeat-x bottom left;
}

/*TODO: refactor code, get rid of inline-block element */
/*Sub menu style */
#navSub {
  float: right;
  margin-bottom: -1px;
  margin-top: 4px;
}

#navSub a {
  color: #066aa6;
  display: block;
 /* display: inline-block;*/
  position: relative;
  padding: 1px 16px 0 16px;
  float: left;
  line-height: 31px;
}

#navSub li {
  height: 34px;
  margin-bottom: -2px;
}

#navSub a.current,
#navSub #firstLevelLink a.current {
  color: #767676;
  background: #fff;
  border-top: 1px solid #c3c3c3;
  padding: 0 12px;
}


#navSub #firstLevelLink a {
  color: #066aa6;
  background: transparent;
  border: 0px;
  padding: 0 19px 0 19px;
}

#navSub #firstLevelLink a:hover {
  color: #aac735;
}

#leftCorner {
  position: relative;
  display: block;
  float: left;
  width: 4px;
  height: 32px;
  background: url(../GFX/menu-corner-left-img.gif) no-repeat top left;
}

#rightCorner {
  position: relative;
  display: block;
  float: left;
  width: 4px;
  height: 32px;
  background: url(../GFX/menu-corner-right-img.gif) no-repeat top right;
}

#navSub li {
  float: left;
}

#navSub ul {
}

#navSub ul a {
  font-weight: normal;
  margin-left: 0;
}

#navSub ul li a {
}

#breadcrumbs,
#navMainBottom,
#navOffices {
  line-height: 180%;
}

#navMainBottom a:hover,
#navOffices a:hover {
  color: #333;
}

#breadcrumbs {
  color: #878787;
}

#subMenu ul li {
  padding: 6px 5px;
}