#menu {
	position:relative;
	left:0px;
	top:0px;
	height:50px;
	width: 680px;
	z-index:10;
	background-image:url(layoutimages/menu_back.jpg);
	background-repeat:repeat-x;

}
#menu ul { 
	list-style:none;
	margin:0px 0px 0px 0px;
	padding: 0;
	height:26px;
	float: left;
	z-index:10;
}
#menu ul ul { position: absolute; z-index: 10; width:180px;}
#menu ul ul ul {  top: 0px; left: 100%; z-index:10;}
#menu h1{
	font: 18px/18px Verdana, Arial, Helvetica, sans-serif;
  	margin: 0px;
	padding: 0px 0px 0px 0px;
	width:auto;
	height:25px;
	background-image:url(layoutimages/menu_back.jpg);
	background-repeat:repeat-x;
}
#menu h2{
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
  	margin: 0px;
	z-index:10;
}
#menu h3 {
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
  	margin: 0px;
}
#menu h1 a{
	font-weight:normal;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding:4px 9px 0px 9px;
	height:21px;
	
}
#menu h2 a, #menu h3 a{
	font-weight:normal;
	border-width: 1px;
	border-style: solid;
  	border-color: #ccc #888 #555 #bbb;
  	display: block;
	color: #FFF; 
	background: #aaa; 
	text-decoration: none;
	padding:1px 3px 1px 3px;
}
#menu h1 a:hover{  border-bottom:#b5d140 solid 1px; color:#b5d140;}
#menu h2 a:hover, #menu h3 a:hover { color: #000; background: #b5d140;}

#menu li {position: relative;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
  {display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
  {display: block;}
