/*****************************************************************
 *                                                               *
 *  XCSS Menu Styles                                             *
 *  ----------------                                             *
 *                                                               *
 * This area will include details regarding the required and     *
 * optional styles, how they are used, and in most cases why.    *
 *                                                               *
 *                                                               *
 *                                                               *
 *****************************************************************/

/******************************************************** 
 * Top Horizontal Menu Styles                           * 
 ********************************************************/

/* Container div, mainly used to cascade defaults so that multiple menus 
   can coexist on a single page without having to share a layout and design. */
.hnav .xcsstitle { display:none;}

.hnav {
	position:relative;
 	width: 830px;
	z-index:200;
}

/* Setup appearance of links */
.hnav a     { color: #000; font-size: 12px; font-family: serif; text-decoration: none; display: block; padding: 5px 8px; height: 100% }
/*Fix for IE6 block hover issue*/
*html .hnav a {
	width:100px; /*this sets a width on each button*/
	text-align:center;
}

.hnav a:hover  { color: #c42c27; text-decoration: none; display: block }

/* Setup appearance of the top level menu "button", including background images*/
.hnav .button  { z-index: 0; float: left; border-right: 1px solid #c42c27 }
.hnav .buttonlast {border-right:0px;}
.hnav .button:hover {}

/* Setup the currently active button to look different. Optional, but nice */
.hnav .activebutton {
	display: block;
	float:left; 
	z-index:0;
	color: #ffffff;
}
/* This is the arrow shown in the top level, where there is a dropdown level of menu */
.hnav a.navarrow {}

/* This is the arrow shown in the dropdown where there is a third level of menu */
.hnav a.subarrow {}

/* Hide the dot on unordered lists */
.hnav ul, .hnav li {padding:0; margin:0; list-style: none;}

.hnav .parent:hover div.dropdown {display:none;} /* hover rule for 1st dropdowns */ 

/* hover rule for 2nd level flyouts */
.hnav .dropdown li:hover div {display:none;}