#hMenuItems{
	position: relative;
	height: 45px;
	background: url('/images/hMenuBackground.jpg') repeat-x;
}

#hMenuItems ul, #footerMenu ul{
	position: relative;
	left: 50%;	
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#hMenuItems ul li, #footerMenu ul li{
	position: relative;
	right: 50%;
	float: left;
	margin: 0 10px;
}

#hMenuItems ul ul li, #footerMenu ul ul li{
	position: relative;
	right: 0;
	margin: 0;
}

#hMenuItems ul ul{
	width: 125px;
}

#hMenuItems ul ul li{
	width: 100%;
	text-align: left;
}

#hMenuItems a {
	font-weight: bold;
	font-size: 1em;
	background-color: #DDD;
	color: #333;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	margin: 0;
	padding: 7px;
}

#hMenuItems h2 {
	font-size: 1.15em;
	line-height: 45px;
	border: none;
	text-decoration: none;
	color: #DDD;
}

#hMenuItems h2 a{
	color: white;
	padding: 0 25px;
	border: 0;
	background: transparent;
}

#hMenuItems h2 a:hover{
	background: #888 url('/images/hMenuMainSelectedBackground.jpg') repeat-x;
}

#hMenuItems a:hover {
	text-decoration: none;
	background: #888 url('/images/hMenuSelectedBackground.jpg') repeat-x;
	color: white;
}

* html #hMenuItems {
	height: 45px;
	overflow: hidden;
}

* html #hMenuItems ul li h2 a {
	width: 75px;
}

* html #hMenuItems ul li h2 a:hover {
	background: #888 url('/images/hMenuMainSelectedBackground.jpg') repeat-x;
}

#hMenuItems li{
	position: relative;
}

#hMenuItems ul ul {
	position: absolute;
	top: 29px;
	left: 0;
	z-index: 500;
}

#hMenuItems ul ul ul{
	top: 0;
	left: 100%;
}

div#hMenuItems ul ul,
div#hMenuItems ul li:hover ul ul,
div#hMenuItems ul ul li:hover ul ul
{display: none;}

div#hMenuItems ul li:hover ul,
div#hMenuItems ul ul li:hover ul,
div#hMenuItems ul ul ul li:hover ul
{display: block; cursor: pointer;}