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

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

/* Nav top */

#navTop {
  width: 800px;
  margin: 0px;
  height: 40px;
  background-image: url(../GFX/bgTopMenu.jpg);
  background-repeat: repeat-x !important;
}

/* Top menu style */
#navTop li {
  float: right;
}

#navTop li a {
  display: block;
  padding: 13px 8px;
  color: #fff;
}

#navTop li a:hover {
  color: #444;
}

/* Nav main */

#navMain {
  padding-left: 10px;
  margin: 0px;
  width: 790px;
  height: 45px;
  background: url(../GFX/bgMenu.jpg) repeat-x 0 50%;
}

/* Top menu style */
#navMain li {
  float: left;
  margin-top: 9px;
}

#navMain li a {
  display: block;
  padding: 6px 12px;
  color: #fff;
  font-size: 109%;
}

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

#navMain li.current {
  background: transparent url(../GFX/menuBgLeft.jpg) no-repeat scroll left top;
  margin: 9px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
}

#navMain li.current a {
  background: transparent url(../GFX/menuBgRight2.jpg) no-repeat scroll right top;
  padding-bottom: 13px;
}

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

#navSub {
  margin: 0px;
  padding: 20px 0px 190px 0px;
  background: #ecf1e8;
  width: 180px;
}

#navSub a {
  font-size: 108%;
  /*margin-bottom: 3px;*/
  margin-left: 20px;
  display: block;
  display: inline-block;
  color: #222;
}

#navSub a.current {
  color: #222;
}

#navSub ul {
  background: #fff;
  margin-left: 0px;
}

#navSub li {
  border-bottom: 1px solid #dce4d6;
}

#navSub li.head {
  /*margin-bottom: 3px;*/
  padding: 8px 0px;
  padding-left: 20px;
  font-size: 117%;
  font-weight: bold;
}

#navSub li a {
  padding: 8px 0px;
}


#navSub li ul li.first {
  border-top: 1px solid #dce4d6;
}

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

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

#navSub ul li a {
  padding-left: 20px;
}