/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:0 -Basic Style
  -----------------------------------
*/
#p7PMnav {
	margin: 0;
	padding:0;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: .95em;
}

#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color:#B3B3B3;
	border-left: 1px solid #000000;
	text-align:center;
}

#p7PMnav ul {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border: 0px solid #000000;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	padding: 4px 18px 4px 8px;
	color: #000000;
	line-height:1;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	background-color: #0066FF;
	background-color: #000000;
	color: #FFFFFF;
	letter-spacing: .01px;
}

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

/*the trigger link 

By default, horizontal menus have arrows on sub-menu triggers only. This is the relevant CSS rule:

#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon

This rule is targeting elements inside the sub-menus that are assigned either of two classes: p7PMtrg or p7PMon. To make the rule target elements not only inside the sub-menus, but also at the root level, we simply need to remove the two instances of ul in the rule's name. The rule's name needs to be changed so that it reads:

#p7PMnav .p7PMtrg, #p7PMnav .p7PMon

*/

#p7PMnav .p7PMtrg, #p7PMnav .p7PMon {
	background-image: url(img/p7PM_medium_south.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}

#p7PMnav .p7PMtrg2 {
	background-image: url(img/p7PM_medium_east.gif);
	background-repeat:	no-repeat;
	background-position: right center;
}


/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #0066FF;
	color: #FFFFFF;
}
/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: 110px;
}
#p7PMnav ul li {
	float: none;
}
#p7PMnav ul, #p7PMnav ul li {
	width: 180px;
	text-align:left;
}
#pmmcrumb {
	font-weight: bold;
	margin-bottom: 16px;
	color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #535FAC;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #333333;
}

/* Adding Variable Width Rules: */

/* 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;}

/* if above is removed, also remove the conditional comment [if lte IE6] in the code just before the closing </head> tag */