/* 
CSS Document prepared for Kathmandu Metropolitan City
Developed by: Mohan K. Duwal for Alignstech Limited
*/

ul#navmenu{
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  width: 759px; /*For KHTML*/
  list-style: none;
  float: left;
  z-index:1;
}

ul#navmenu li{
  margin: 0px;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 30px;
}

ul#navmenu ul{
  margin: 0;
  border: 0 none;
  width: 941px;
  list-style: none;
  background: #ff5f00 url(../images/bg_nav_main.gif) top repeat-x;
  border-bottom: 1px solid #de856b;
  padding: 9px;
  display: none;
  top: 37px;
  position: absolute;  
}

ul#navmenu ul.intro{
  left: 0;
}

ul#navmenu ul.festival{
  left: -112px;
}

ul#navmenu ul.heritage{
  left: -201px;
}

ul#navmenu ul.wards{
  left: -452px;
}

ul#navmenu ul.projects{
  left: -384px;
}

ul#navmenu ul.project{
  left: -566px;
}

ul#navmenu ul li{
  display: inline;
  float: left;
  padding: 0;
  margin: 0 10px 10px 0;
  color: #FFF;
  width: auto;
  height: auto;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}

/* Root Menu */
ul#navmenu li.main a{
  padding: 10px 15px 9px 14px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #064483;
  font: 12px Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform:uppercase;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  border-right: 1px solid #FFF;
}

/* Root Menu Hover Persistence */
ul#navmenu li a,
ul#navmenu li.iehover a{
  color: #064483;
}

ul#navmenu li a:hover{
  color: #000;
  background: #CCC;
}

ul#navmenu ul.intro li a, 
ul#navmenu ul.wards li a, 
ul#navmenu ul.projects li a,
ul#navmenu ul.festival li a,
ul#navmenu ul.heritage li a,
ul#navmenu ul.project li a{
	float: none !important; /*For Opera*/
  	float: left; /*For IE*/
	padding: 0;
	margin: 0;
	border: none;
	color: #FFF;
	font-size: 11px;
	border-right: 1px solid #FFF;
}

ul#navmenu ul.intro li a:hover, 
ul#navmenu ul.wards li a:hover, 
ul#navmenu ul.projects li a:hover,
ul#navmenu ul.festival li a:hover,
ul#navmenu ul.heritage li a:hover,
ul#navmenu ul.project li a:hover{
	color: #FC0;
	background: none;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a{
  font-weight:normal;
  text-transform:none;
  padding: 0 10px 0 0;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul{
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul{
  display: block;
}