/*
   BACKGROUND COLOR FOR MENU BAR :   #CCF
   BACKGROUND COLOR FOR MENU ITEMS:  #F0F0F0
   BACKGROUND COLOR FOR SUBMENU ITEMS:  #FF9933
   BACKGROUND COLOR FOR HOVER ITEMS: #FFF
   FOREGROUND COLOR FOR MENU ITEMS:  #069
   FOREGROUND COLOR FOR HOVER ITEMS: #F33
*/

ul.navmenu {
  float:left; 
  width:100%;
  font-size: 10pt;
  background-color:#CCf;
  font-family:verdana, arial, sans-serif;
  margin:0 0 5px 0;
}
* html ul.navmenu {
  float:left;
  margin: 0 0 5px 0;
}
* html ul.navmenu a { 
  display:block;
}
ul.navmenu li {
  float:left;
  position:relative;
  list-style-type:none;
  background-color:#F0F0F0;
  width:101%;
  text-align:center;
  padding:3px 0;
  margin-left: 0px;
}
ul.navmenu li:hover {
 background-color:#FF9933;
}

ul.navmenu a {
  display:block;
  text-decoration:none;
  color:#000;
  padding:0;
  font-weight: bold;
}
ul.navmenu a:hover {
  font-weight: bold;
}
ul.navmenu li ul {
  z-index:1000;
  display:none;
  padding:5px 0;
  margin:0;
  position:absolute;
  left:132px;
  width:12em;
  top:-0px;
  background-color:#FF9933;
  border: 1px solid #000;
  z-index:2;
}
ul.navmenu li:hover ul, ul.navmenu li ul:hover {
  display:block;
}
ul.navmenu li ul li {
  z-index:1000;
  margin-left:0;
  padding:5px 0 5px 5px;
  width: 97%;
  text-align: left;
  background-color:#FF9933;
  display:block;
}
ul.navmenu li ul li:hover {
  background: #336;
  padding: 0 5px 0 0;
}
ul.navmenu li ul li:hover a {
  display:block;
  padding: 5px 0 5px 5px;
  color:#FFF;
  text-decoration:none;
}
ul.navmenu li ul li:hover a:hover {
  font-weight: bold;
  color:#FFF;
  text-decoration:none;
}




ul.narrowmenu {
  color:#FFF;
  float:left; 
  font-size: 10pt;
  font-family:verdana, arial, sans-serif;
  padding:2px;
}
* html ul.narrowmenu {
  float:left;
}
* html ul.narrowmenu a { 
  display:block;
}
ul.narrowmenu li {
  z-index:1px;
  color:#FFF;
  background-color:#447;
  float:left;
  position:relative;
  list-style-type:none;
  text-align:center;
  padding:4px;
  margin-left:1px;
  height:30px;
}
ul.narrowmenu li:hover {
  background-color:#FF9933;
  color:#000;
}

ul.narrowmenu a {
  display:block;
  text-decoration:none;
  color:#FFF;
  padding:0 5px 0 5px;
  font-size: 12px;
  font-weight: bold;
}
ul.narrowmenu a:hover {
  color:#000;
  font-weight: bold;
}
ul.narrowmenu li ul {
  z-index:1000;
  display:none;
  padding:2px 0;
  margin:0;
  position:absolute;
  top:20px;
  left:0;
  color:#000;
  background-color:#FF9933;
  z-index:2;
  font-size: 10px;
}
ul.narrowmenu li:hover ul, ul.narrowmenu li ul:hover {
  display:block;
  color:#000;
}
ul.narrowmenu li ul li {
  z-index:1000;
  margin-left:0;
  padding:0;
  padding-left:10px;
  width:250px;
  height:13px;
  text-align: left;
  background-color:#FF9933;
  display:block;
  font-size: 11px;
  font-weight: normal;
}
ul.narrowmenu li ul li a {
  font-size: 11px;
  font-weight: normal;
}
ul.narrowmenu li ul li:hover {
  background: #336;
}
ul.narrowmenu li ul li:hover a {
  display:block;
  color:#FFF;
  text-decoration:none;
  font-size: 11px;
  font-weight: normal;
}
ul.narrowmenu li ul li:hover a:hover {
  color:#FFF;
  text-decoration:none;
  font-size: 11px;
  font-weight: normal;
}