/*
#menu {
  float: left;
  width: 100%;
  background-color: #DAE0D2;
  font-size: 93%;
  line-height: normal;
  padding: 0px 0px 0px 20px;
}
*/

#menu * {
	z-index:1;
}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

#menu ul li {
  list-style: none;
}

#menu ul img {
	float:left;
}

#menu ul li a {
  float: left;
  display: block; 
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
}

#menu ul.horizontal li.level1 {
  float: left;

}

#menu ul.horizontal li.level1 a {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: black;
}

#menu ul.horizontal li.level1 a:hover {

}

#menu ul.horizontal > li.level1 a {
  width: auto;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul li a { float:none; }
/* End IE5-Mac hack */

#menu ul.dropdown,
#menu ul.flyout {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 250px;
  background-color: #330000;
}

#menu ul.dropdown li.level2,
#menu ul.flyout li.level3 {
}

#menu ul.dropdown li.level2 a,
#menu ul.flyout li.level3 a {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 2px 4px 2px 5px;
}

#menu ul.dropdown li.level2 a:hover,
#menu ul.flyout li.level3 a:hover {
  color: white;
  font-weight: bold;
  background-color: #660000;
  color: #ffcc00;
}

/* custom menu styles */

ul#root {
	position: relative;
	list-style-type: none;
	width: 100%;
	height: 29px;
}

ul#root li {
	display:inline;
}


#nav1Btn {
	display: block !important;
	width: 266px !important;
	height: 29px;
	background: url(../../../img/nav1.png);
	background-position:0px;
}

a#nav1Btn:hover {
	background: url(../../../img/nav1Over.png);
	/*background-position:-282px;*/
}

#nav2Btn {
	display: block !important;
	width: 213px !important;
	height: 29px;
	background: url(../../../img/nav2.png);
	background-position:0px;
}

a#nav2Btn:hover {
	background: url(../../../img/nav2Over.png);	
	/*background-position:-244px;*/
}

#nav3Btn {
	display: block !important;
	width: 268px !important;
	height: 29px;
	background: url(../../../img/nav3.png);
	background-position:0px;
}

a#nav3Btn:hover {
	background: url(../../../img/nav3Over.png);	
	/*background-position:-217px;*/
}

#nav4Btn {
	display: block !important;
	width: 151px !important;
	height: 29px;
	background: url(../../../img/nav4.png);
	background-position:0px;
}

a#nav4Btn:hover {
	background: url(../../../img/nav4Over.png);	
	/*background-position:-155px;*/
}

/* end custom */