/* -- Horizontal Menu: hMenu -- */
.hMenu { font-size: 90%; }

.hMenu li { 
	float: left;
  list-style: none;
}

.hMenu a,
.hMenu a:link,
.hMenu a:visited,
.hMenu a:hover,
.hMenu a:active,
.hMenu strong {
	display: block;
	width: 11em;
	height: 20px;
	line-height: 20px;
	text-align: center;
	text-decoration: none; 
	color: #777;
}

.hMenu a:hover,
.hMenu strong { color: #333; }

.hMenu li:hover { background: url("/images/menuItemBgSelected.gif") repeat-x; }
.hMenu li.first a:hover { background: url("/images/menuItemLSelected.gif") top left no-repeat; }
.hMenu li.last a:hover { background: url("/images/menuItemRSelected.gif") top right no-repeat; }

.hMenu li { border-left: 1px solid #ccc; background: url("/images/menuItemBg.gif") repeat-x; }
.hMenu li.firstSelected { border-left: 0; }
.hMenu li.firstSelected,
.hMenu li.lastSelected,
.hMenu li.selected { background: url("/images/menuItemBgSelected.gif") repeat-x; }

.hMenu li.first a { background: url("/images/menuItemL.gif") top left no-repeat; }
.hMenu li.last a { background: url("/images/menuItemR.gif") top right no-repeat; }

.hMenu li.firstSelected strong { background: url("/images/menuItemLSelected.gif") top left no-repeat; }
.hMenu li.lastSelected strong { background: url("/images/menuItemRSelected.gif") top right no-repeat; }
/* -- end of hMenu -- */