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

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

.nav a,
.nav ul a {
  font-size:79%;
}

ul#navTop {
  float:right;
  text-transform:lowercase;
}

ul#navMain {
  float:left;
  margin-top:5px;
  margin-left:6px;
  text-transform:uppercase;
}

/* Top menu style */
#navMain li,
#navTop li {
  float: left;
}

#navMain li {
  background:url(../GFX/menu_start.jpg) no-repeat top left;
  width:96px;
}

#navMain li a {
  display: block;
  margin-left:10px;
  padding:2px 8px 2px 0px;
  color: #115a7d;
  font-weight:bold;
  background:url(../GFX/menu_end.jpg) no-repeat top right #d6e1eb;
  text-align:center;
}

#navTop li a {
  display: block;
  padding: 4px 10px;
  color: #8aabc5;
}

#navTop li.language a {
  display: block;
  padding: 5px 2px;
  color: #115a7d;
}

#navMain li a:hover,
#navTop li a:hover {
}

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

#navSub {
  margin-top:90px;
  margin-bottom:20px;
}

#navSub li {
  text-transform:uppercase;
  margin-bottom:5px;
}

#navSub li ul li {
  text-transform:none;
  margin-bottom:0;
} 

#navSub li ul li a.active {
  text-decoration:underline;
} 

#navSub li ul li a.active,
#navSub li ul li a.current {
  background:url(../GFX/arrow2.gif) no-repeat 4px 12px;
  font-weight: normal;
} 

#navSub li ul li ul li a.active,
#navSub li ul li ul li a.current {
  background:url(../GFX/arrow2.gif) no-repeat 16px 12px;
} 

#navSub a {
  font-weight: bold;
  color: #115a7d;
  /*margin-bottom: 3px;*/
  margin-left: 10px;
  display: block;
  display: inline-block;
}

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

#navSub li a {
  font-size:80%;
}

#navSub ul li a {
  padding-left: 15px;
  padding-top: 10px;
  font-size:80%;
  font-weight:bold;
}

#navSub ul li a.current {
  text-decoration:underline;
}

#navSub ul li ul li a {
  padding-left:30px;
  font-weight:normal;
  text-decoration:none;
}


#navSub ul li ul li ul li a {
  padding-left: 45px;
  font-weight: normal;
}

#navSub li ul li ul li ul li a.active,
#navSub li ul li ul li ul li a.current {
  background:url(../GFX/arrow2.gif) no-repeat 34px 12px;
} 


#navSub a:hover {
  text-decoration:underline;
}