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

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

/* Top menu style */
#navMain {
  margin:10px 0;
  background: url(../GFX/navmain.gif);
  background-repeat: none;
  overflow: visible;
  width: 1000px;
  height: 43px;
}

#navMain li {
  float: left;
  border-right: 1px solid #fff;
  margin-top: 1px;
}


#navMain li a {
  display: block;
  padding: 3px 10px;
  color: #003876;
  font-weight: bold;
}

#navMain li a:hover,
#navMain li a:active,
#navMain li a.current {
  color: #fff;
  text-decoration: none;
  background: url(../GFX/ahoverImg.jpg) repeat-x;
  padding: 4px 10px;
  margin:0;
}

#navMain .subtitle {
  clear:left;
  color:#606060;
  display:block;
  font-size:1em;
  font-weight:normal;
  padding-top: 5px;
}

#navMain a:hover span, 
#navMain a:active span,
#navMain a.current span{
  color: #b3b20f;
}

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

#bottomSub {
  background: url(../GFX/bottomSub.png) no-repeat;
  height:64px;
}

#navSub {
  color:#fff;
  width:210px;
  float:left;
  display:block;
  color:#ffffff;
  font-size:120%;
  margin: 10px 0;
}

#navSub .navTitle {
  background-color: #003876;
  padding:10px 0 10px 10px;
  color:#ffffff;
}

#navSub .navTitle h1 {
font-size: 17px;
color: #ffffff;
}

#navSub .navTitle h1 a {
  color: #ffffff;
}

#navSub #felt {
 clear:left;
 background-color: #003876;
 height:3px;
}

#navSub ul{
  background-color: #003876;
  list-style: none;
  font-weight: normal;
  padding-left:20px;
}

#navSub ul a {
  background:url(../GFX/ul_arrow.jpg) no-repeat 0 4px;
  padding-left:15px;
  font-size: 13px;
  color: #fff;
  margin-bottom: 3px;
  display: block;
  display: inline-block;
}

#navSub ul ul a {
  background: none;
}

#navSub ul li a:hover {
  background:url(../GFX/ul_ahover.jpg) no-repeat 0 4px;
  padding-left:15px;
}

#navSub ul li a:active,
#navSub ul li a.current {
  background: url(../GFX/ul_ahover2.jpg) no-repeat 0 4px;
  padding-left: 15px;
}


#navSub ul ul {
  list-style: none;
  padding:0;
}

#navSub ul li ul li a:hover,
#navSub ul li ul li a:active,
#navSub ul li ul li a.current {
  background: none;
}

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

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