/* All <ul> tags in the menu including the first level */
.mainNav {
	font-family:Verdana, Arial, Sans-serif;
	background:#EEEDE6;
	width:100%;
	height:24px;
	list-style:none;
	margin:0;
}
.mainNav a.firstChild {
}
.mainNav ul a.firstChild {
	padding-left:5px;
}
.mainNav ul {
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #999;
	background:#FFF;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.mainNav ul {
	display:none;
	position:absolute;
	top:40px;
	left:0px;
	width:160px;
}
/* Second and third etc. level submenus - position across from parent instead */
.mainNav ul ul {
	top:-1px;
	left:158px;
}
/*
 All menu items (<li> tags). 'float:left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus.
*/
.mainNav li {
	float:left;
	display:inline;
	position:relative;
	margin:0 0 0 0;
}
/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.mainNav ul li {
	float:none;
	margin-right:0;
	background:transparent;
}
.mainNav ul>li:last-child {
	margin-bottom:0; /* Mozilla fix */
}
/* Links inside the menu */
.mainNav a {
	font-size:12px;
	display:block;
	color:#000;
	font-style:normal;
	font-weight:bold;
	line-height:24px;
	text-decoration:none;
	padding:0 10px;
}
/* Lit  items:'hover' is mouseover, 'highlighted' are parent items to visible menus */
.mainNav a.active,
.mainNav a:hover,
.mainNav a.highlighted:hover,
.mainNav a:focus,
.mainNav a.highlighted {
	background:#928B81;
	color:#FFF;
	text-decoration:none;
}
/* Lit sub items */
.mainNav ul a:hover,
.mainNav ul a.highlighted:hover,
.mainNav ul a:focus
.mainNav ul a.highlighted {
	background:#928B81;
	color:#FFF;
}
.mainNav a.has-children {
	/*padding-right:15px;
	background-image:url('images/nav_arrow_down.gif');
	background-repeat:no-repeat;
	background-position:right center;*/
}
/* Only style submenu indicators within submenus. */
.mainNav ul a.has-children {
	/*background-image:url('images/nav_arrow_right.gif');*/
}
.mainNav a.has-children:hover,
.mainNav a.has-children.highlighted:hover,
.mainNav a.has-children:focus,
.mainNav a.has-children.highlighted {
	/*background-image:url('images/nav_arrow_down_highlighted.gif');*/
}
.mainNav ul a.has-children:hover,
.mainNav ul a.has-children.highlighted:hover,
.mainNav ul a.has-children:focus,
.mainNav ul a.has-children.highlighted {
	/*background-image:url('images/nav_arrow_right_highlighted.gif');*/
}
/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.mainNav a {
	float:left;
}
.mainNav ul a {
	border:0;
	float:none;
	text-decoration:none;
	color:#000;
	background:#FFF;
	line-height:220%;
	margin:0px;
}
/* \*/
.mainNav a {
	float:none;
}
/* */

/*
 HACKS:IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:firstChild+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:firstChild+html .mainNav ul li {
	float:left;
	width:100%;
}

* html .mainNav ul li {
	float:left;
	height:1%;
}
* html .mainNav ul a {
	height:1%;
}
/* End Hacks */