.horizontalcssmenu {
	background-image: url(images/offmenu.jpg);
	background-repeat: repeat-x;
	float:left;
	width:100%;
	height:55px;
}

.horizontalcssmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:100%;
	height: 55px;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;
border-right: 1px solid #716247; /* dark nav separator */
border-left: 1px solid #999966; /* light nav separator */
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
	display: inline-block; /* SET THIS TO display: inline-block; if not using a separate stylesheet for IE6 */
	width: auto; /* IE6 REQUIRES A WIDTH */ /*Width of top level menu link items - default width is "auto" */
	padding: 32px 22px 9px 16px; /* CONTROLS SPACE AROUND MAIN MENU ITEMS (and height of nav separators) */
	border-left-width: 0;
	text-decoration: none;
	/* background: url(images/tile-navback-off-100x55.jpg) center center repeat-x; */ /* main background image in off state -- don't use this, it adds background image to sub menus as well. Use nav id in main styles.css to control background image */
color: #ffffcc;
	font: normal 16px Georgia, "Times New Roman", Times, serif; /* controls font size and styles for menu items */
	line-height:13px;
	background-image: url(images/offmenu.jpg);
	background-repeat: repeat-x;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
left: 12px; /* controls horizontal positioning of sub menu under main menu */
top: 1px; /* controls vertical positioning of sub menu under main menu */
border-right: 0px; /* cancels dark nav separator in sub menu */
border-left: 0px; /* cancels light nav separator in sub menu */
background-image: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 160px; /*width of sub menu levels*/
font-weight: normal;
font-size: 14px;
padding: 6px 6px 6px 16px; /* CONTROLS PADDING AROUND SUB LINKS */
background-color: #716247;
border-width: 0 1px 1px 1px;
color: #ffffff; /* OFF STATE OF SUB MENU LINKS */
}

.horizontalcssmenu ul li a:hover{
background: url(images/tile-navback-on-100x55.jpg) center center repeat-x; /* main menu mouseover background image */
color: #ffffff; /* ON STATE OF MAIN MENU ITEMS */ /* alternate color: #716247; */
}

.horizontalcssmenu ul li ul li a:hover{
background: #cccc99; /* alternate color: #cde686; */ /* CONTROLS BACKGROUND COLOR OF OVER STATE IN SUB MENUS */
color: #716247; /* CONTROLS TEXT COLOR ON OVER STATE IN SUB MENUS */
}

/* arrow css .horizontalcssmenu .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 .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */