/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:1 -Windows XP Style
  -----------------------------------
*/
#p7PMnav {
	margin: 0;
	padding:0;
	background-color: #FFFFFF;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

/*****************************************************
Step 1: Hide the width mod from Mac IE5
We'll create a rule that sets the root menu item width to auto and we'll use a filter hack to hide it from Mac IE5. Open your P7pm css file and make a new line at the bottom. Add this rule, including the comment:

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width. */
/*#p7PMnav li {width: auto;}
The comment that precedes the above rule contains a backslash in the middle of the text. It is this backslash that serves to hide the rule from Mac IE5.

If you must support IE5 Mac, you can try this alternative technique. 

Note: This rule is a duplicate. There already is a #p7PMnav li rule in your menu style sheet. Leave that rule alone as it is the rule that sets the default width for Mac IE5. 

Step 2: Add a Conditional Comment for MSIE-Windows
We need to counteract the default Conditional Comment with the following one, which contains two simple rules. 

<!--[if lte IE 6]>
<style>
#p7PMnav a {height: auto !important;}
#p7PMnav ul a {height: 1em !important;}
</style>
<![endif]-->
Place the above Conditional Comment just before your page's closing </head> tag.

To see the full set of instructions for this Browser fix go to the link below
http://www.projectseven.com/products/menusystems/pmm/user_guide/styling/menu_widths/hz_root_varwidth.htm
*****************************************************/

 
#p7PMnav li {width: auto;}


#p7PMnav ul li {
	border-right: 0;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border-top: 1px solid #EEEFEA;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #EEEFEA;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	padding: 5px 15px;
	color: #CC0000;
	line-height:1;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	background-color: #ACACAC;
	color: #FFFFFF;
	letter-spacing: 0.01px;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #333333;
	font-weight: bold;
}

/* ------ the trigger link styles ------- */

/*the submenu trigger links */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	background-image:  url(img/p7PM_dark_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}

/*the top nav, or parent, trigger links */
#p7PMnav li .p7PMtrg, #p7PMnav li .p7PMon {
	background-image:  url(img/p7PM_dark_south.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}

/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #ACACAC;
	color: #FFFFFF;
}

/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: auto;
}
#p7PMnav ul li {
	float: none;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li {
	width: 170px;
}
#pmmcrumb {
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 16px;
	color: #8B9478;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #6D755E;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #333333;
}