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

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

/* Top menu style */

#navMain {
  width: 960px;
   border-bottom: 2px solid #ec1a25;
}


#navMain li {
  float: left;
 
}

#navMain li a {
  display: block;
  padding: 0 17px 10px 25px;
  color: #ec1a25;
}

#navMain li a:hover {
  color: #ec1a25;
  background-image: url(../GFX/nav_arrow.gif);
  background-repeat: no-repeat;
}

#navMain a:active, 
#navMain a.current {
  color: #ec1a25;
}


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

#navSub {
  margin-top: 10px;

}

#navSub li {
  padding: 5px 0;
  border-bottom: 1px solid #eaeaea;
}


#navSub a {
  font-size: 108%;
  color: #ec1c24;
  margin-bottom: 3px;
  display: block;
  display: inline-block;
}


#navSub ul {
  padding-left: 10px;
}

/*#navSub ul a {
  font-weight: normal;
  margin-left: 0px;
  padding-left: 10px;
}*/

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

#navSub li a:hover {
  background-image: url(../GFX/nav_arrow.gif);
  background-repeat: no-repeat;
}

#navSub li a:active, 
#navSub li a.current {
  background-image: url(../GFX/nav_arrow.gif);
  background-repeat: no-repeat;
}

#navSub li li {
  padding-left: 30px;
  border:0;
}

#navSub li li a {
 color: #464646;
 margin:0;
 padding:0;
}

#navSub li li a:hover {
  background-image: none;
  color: #ec1a25;
}

#navSub li li a.current,
#navSub li li a:active {
  color: #ec1a25;
  background-image: none;
}

#navSub li li li a {
  margin-left:-25px;
}