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

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

/* Header menu */
#headerMenu {
  float: right;
  position: relative;
  list-style-type: none;
  padding-top: 20px;
}

#headerMenu li {
   padding-right: 10px;
   display: inline;
}
 
#headerMenu li a {
   color: #fff;
}
 
#headerMenu li a img {
   display: inline;
}

/* Top menu style */
#navMain {
  bottom: 5px;
  position: absolute;
  left: 0px;
}

#navMain li {
  float:left;
  height: 33px;
  margin-right: 3px;
  display: inline;
}

#navMain li .tabStart {
  background: url(tabLeft.gif) top left no-repeat;
  width: 12px;
  float: left;
  height: 100%;
  display: inline;
}

#navMain li .tabEnd {
  background: url(tabRight.gif) top left no-repeat;
  width: 12px;
  float: left;
  height: 100%;
  display: inline;
}

#navMain li .tabLink {
  display: inline;
  padding: 10px 2px 0;
  background: url(tabCenter.gif) top left repeat-x;
  height: 23px;
  float: left;
  line-height: 100%;
}

#navMain li.current .tabStart {
  background: url(tabLeftActive.gif) top left no-repeat;
  width: 11px;
  line-height: 100%;
}

#navMain li.current .tabEnd {
  background: url(tabRightActive.gif) top left no-repeat;
  width: 11px;
}

#navMain li.current .tabLink {
  display: block;
  background: url(tabCenterActive.gif) top left repeat-x;
}

#navMain li a {
  font-size: 100%;
  text-decoration: none;
  color: #35342c;
  line-height: 16px;
  display: block;
}

#navMain li.current a:hover {
  color: #fff;
}

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

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

#leftColumn .menuTop {
  height: 11px;
  width: 100%;
  background: #F8F2D7 url(menuTop.gif) no-repeat 0 0;
}

#leftColumn .menuBottom {
  height: 11px;
  width: 100%;  
  background: #F8F2D7 url(menuBottom.gif) no-repeat 0 100%;
}

#leftColumn .menuContent {
  padding: 0 13px 10px;
  background-color: #F8F2D7;
}

#leftColumn .menuContent .title {
  font-size: 133%;
  color: #35342C;
}

#leftColumn .menuContent a {
  font-size: 108%;
  color: #0D426C;
  padding: 11px 15px 11px 0;
  display: block;
  display: inline-block;
  background: transparent url(menuArrow.gif) no-repeat 100% 52%;
}

#leftColumn .menuContent ul {
  padding: 0;
  list-style: none;
}

#leftColumn .menuContent ul li {
 border-bottom: 1px solid #DFD6AA;
}

#leftColumn .menuContent  li.current a,
#leftColumn .menuContent  li.active a {
  background: transparent url(menuArrowCurrent.gif) no-repeat 100% 52%;
}

#leftColumn .menuContent ul ul {
  padding-left: 10px;
}

#leftColumn .menuContent ul ul li {
  border: none;
}

#leftColumn .menuContent ul ul a,
#leftColumn .menuContent ul li.current li a,
#leftColumn .menuContent ul li.active li a {
  font-weight: normal;
  margin-left: 0;
  padding: 0 0 5px 13px;
  margin-left: 5px;
  background: transparent url(menuLine.gif) no-repeat 0 45%;
}

#leftColumn .menuContent ul ul li a {
  padding-left: 10px;
}