div.horizontalcssmenu {

	background-color: none;

	width: 991px;

	height: 21px;

	clear: both;

	position: relative;

	top: 1px;

	left: 1px;

	z-index: 5;

	background-image: url(../graphics/bar-shade-up.gif);

	background-repeat: repeat-x;

	background-position: center bottom;

}

.horizontalcssmenu ul {

	margin-left: 3px;

	padding: 0;

	list-style-type: none;

	position: relative;

/*  The following line makes menu vertical in Firefox.    */
/*	width: 120px; /*Width of top level menu link items*/

	top: 1px;

	left: 0;

	z-index: 2;

}

/*Top level list items*/

.horizontalcssmenu ul li {

	position: relative;

	top: 0;

	left: 0;

	height: 20px;

	display: inline;

	float: left;

	z-index: 2;

}

/*Top level menu link items style*/

.horizontalcssmenu ul li a {

	display: block;

	width: auto; /*Width of top level menu link items*/

	padding: 2px 8px;

	text-decoration: none;

	color: #000000;

	font: bold 13px Tahoma;

}

/*Sub level menu*/

.horizontalcssmenu ul li ul {

	left: 5px;

	top: 0;

	position: absolute;

	display: block;

	visibility: hidden;

	z-index: 2;

}

/*Sub level menu list items*/

.horizontalcssmenu ul li ul li {

	display: inline;

	/* Makes submenus have borders */

	border-left: 1px solid #000000;

	border-right: 1px solid #000000;

	border-bottom: 1px solid #000000;

}

/*3rd level menu list items*/

.horizontalcssmenu ul li ul li ul li {

	display: inline;

	/* Makes submenus have borders */

	/* border-left: 1px solid #000000; */

	/* border-right: 1px solid #000000; */

	/* border-bottom: 1px solid #000000; */

}

/* Sub level menu links style */

.horizontalcssmenu ul li ul li a {

	width: 171px; /*width of sub menu levels*/

	font-weight: normal;

	text-align: left;

	padding: 2px 5px;

	background: #5A5A5A;

	color: #FFFFFF;

}

.horizontalcssmenu ul li a:hover {

	background-color: #CCCCCC;

	color: #000000;

}

.horizontalcssmenu ul li ul li a:hover {

	background-color: #771100;

	color: #FFFFFF;

}


.horizontalcssmenu .arrowdiv {

	position: absolute;

	right: 0px;

	background: transparent url(menuarrow.gif) no-repeat center left;

	z-index: 2;

}


* html div.horizontalcssmenu {

	top: 3px;

	left: 0px;

	width: 989px;

	height: 20px;

	background-position: 0px 87%;

}

* html .horizontalcssmenu ul {

	margin-left: 3px;

	padding: 0;

	list-style-type: none;

	position: relative;

/* The following line makes menu vertical in Internet Explorer  */
/*	width: 120px; /*Width of top level menu link items*/

	top: 1px;

	left: 3px;

	z-index: 2;

}


* html .horizontalcssmenu ul li a {

	display: block;

	width: auto; /*Width of top level menu link items*/

	padding: 2px 8px;

	/* border: 1px solid #000000; outline */

	text-decoration: none;

	background-color: #CCCCCC;

	color: #000000;

	font: bold 13px Tahoma;

}



* html .horizontalcssmenu ul li ul {

	left: 5px;

	display: inline;

	visibility: hidden;

	z-index: 2;

}



* html .horizontalcssmenu .arrowdiv {

	position: absolute;

	right: 0px;

	background: transparent url(menuarrow.gif) no-repeat center left;

	z-index: 2;

}