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

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

#navTop {
  position:absolute;
  top: 48px;
  right: 5px;
}

#navTop li {
  float:left;
}

#navTop li a {
  display: block;
  margin-left:20px;
  text-decoration:none;
  color: #fff;
}

/* Top menu style */
#navMain {
  border:5px solid #212121;
  margin:0 0 8px;
  height:35px;
  line-height:35px;
}

#navMain li {
  float: left;
  padding:0 57px;
  text-align:center;
  border-right:1px solid #333;
  font-weight:bold;
}

#navMain li.last {
  padding-left:61px;
  border-right:none;
}

#navMain li a {
  display: block;
  padding:0 8px;
  color: #bdbdbd;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  
  font-size:1.2em;
  letter-spacing:0.1em;
  text-transform:uppercase;
  height:35px;
  text-decoration:none;
}

#navMain a:hover, 
#navMain a.current,
#navMain a.active {
  background:url(../GFX/stripePattern.png) #bf0009;
  color:#fff;
  text-decoration:none;
}

#navMain li.current,
#navMain li.active {
  background:url(../GFX/arrow.gif) 27px 10px no-repeat;
}


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

#navSub a {
  font-weight:bold;
  padding:8px 8px 6px;
  display:block;
  border:solid #a4a4a4;
  border-width:1px 0 0;
  color:#1d1d1d;
  font-size:1.4em;
  text-decoration:none;
}

#navSub a.last {
  border-width:1px 0;
}

#navSub li.current {
  background:#bf0009;
  color:#fff;
}

#navSub li.current a {
  color:#fff;
}

#navSub a:hover, 
#navSub a.current,
#navSub a.active {
  background:#bf0009;
  color:#fff;
  text-decoration:none;
}