ul#navmenu {
	background: none;
	margin:20px 0 0 40px;
	_margin-left: 20px;
	float: left;
	text-align: left;
	position: relative;
	width: 222px;
	list-style: none;
}
ul#navmenu li {
	padding: 0;
	border: 0 none;
	position: relative;
	z-index: 1;
	background-image: none;
	padding: 1px 0;
}

ul#navmenu ul {
  margin: 0;
  padding: 0;
  width: 150px;
  list-style: none;
  display: none;
  position: absolute;                               border: 1px solid #CCCCCC;;
  top: 0px;
  left: 210px;
 /* _left: -10px; */
  z-index: 550;
}
ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#navmenu ul li {
  margin: 0;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  padding-top: 0;
  background: none;
  list-style-position: inside;
  z-index: 50;
  height: auto;

}


ul#navmenu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)   */

}

ul#navmenu li a {
  padding: 7px 0 8px 15px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  height: auto !important;
  height: 1%; /*For IE*/
  float: none;
  font-size: 13px;
  text-decoration: none;
  width: 207px;
  color: #646464;
  font-weight: normal;


}
ul#navmenu li a:hover{
  color: #fff;
  font-weight: bold;                    /*   #6799CC      */
  background: url(../images/menuback.gif) top left no-repeat;
}



ul#navmenu li:hover li,
ul#navmenu li.iehover li {
  margin-left:0px;
  border: 0;
  padding: 0;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  color: #646464;
  background-color: #fff;
  background-image: none;
}
ul#navmenu li ul li a {
 background-color: #fff;
 background-image: none;
 position:relative;
 width: 140px;
 padding: 2px 2px 2px 8px;
 border-bottom: 1px solid #CCCCCC;
}
ul#navmenu li ul li.last a{
  border: none;
}
ul#navmenu ul li.sub a{
  padding-left: 26px;
  width: 122px;
}

ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  color: #fff;
  background-color: #6799CC;
  background-image: none;
  font-weight: normal;
}
ul#navmenu li:hover ul ul,
ul#navmenu li.iehover ul ul{
  display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu li.iehover ul{
  display: block;

}



ul#navmenu a.act{
  color: #fff;
  font-weight: bold;
  background: url(../images/menuback.gif) #6699CC top left no-repeat;
}
ul#navmenu .sub a:hover{
  background-image: none;
  background-color: #6799CC;
  font-weight: normal;
}