.hcssmenu {
	background-color: #C6CFD6;
}
.hcssmenu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* Top level menu */
.hcssmenu ul li{
	padding: 0px;
	position: relative;
	display: inline;
	float: left;
}
.hcssmenu ul li a{
	display: block;
	width: 136px; /* Width of top level menu link items */;
	padding: 2px 8px;
	border: 1px solid #202020;
	border-left-width: 0;
	text-decoration: none;
	background: url(menubg.gif) center center repeat-x;
	color: black;
	font: normal 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	font-variant: normal;
	text-transform: uppercase;
}
.hcssmenu ul li a:hover{
  background: url(menubgover.gif) center center repeat-x;
	color: black;
	text-decoration: none;
}
.hcssmenu ul li a:visited{
	color: black;
	text-decoration: none;
}
	
/* Sub level menu */
.hcssmenu ul li ul{
  left: 0;
  top: 0;
  border-top: 1px solid #202020;
  position: absolute;
  display: block;
  visibility: hidden;
  z-index: 100;
}
.hcssmenu ul li ul li{
  display: inline;
  float: none;
}
.hcssmenu ul li ul li a{
	width: 136px; /* width of sub menu levels */;
	font-weight: normal;
	padding: 2px 5px;
	background: #FFFFFF;
	border-width: 0 1px 1px 1px;
}
.hcssmenu ul li ul li a:hover{
  background: url(menubgover.gif) center center repeat-x;
}
.hcssmenu .arrowdiv{
  position: absolute;
  right: 0;
  background: transparent url(menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /* For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE */
  padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .hcssmenu ul li { float: left; height: 1%; }
* html .hcssmenu ul li a { height: 1%; }