/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:0 -Basic Style
  -----------------------------------
*/

/*#p7PMnav
The Top-level Menu "box".

#p7PMnav li
The top level list items. These should not be edited unless you are an advanced CSS author.

#p7PMnav ul
The sub-menu drop-down and/or flyout "boxes".

#p7PMnav a
The menu links.

#p7PMnav ul a
If you need to style the sub-menu links separately, then you would use this rule. Some menu style sheets contain this rule, others don't. If your menu theme CSS file does not contain this rule, then you must create it yourself.

#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus
The menu link hover (mouseover), active (mousedown - when your mouse button is depressed over a link), and focus (when a link has been reached via the tab key or otherwise has focus) states.

#p7PMnav ul a:hover, #p7PMnav ul a:active, #p7PMnav ul a:focus
If you need to style the sub-menu link hover, active, and focus states separately, then you would use this rule. Some menu style sheets contain this rule, others don't. If your menu theme CSS file does not contain this rule, then you must create it yourself.

#p7PMnav .p7PMmark
the current page marker (You are Here) style.

#p7PMnav .p7PMtrg, #p7PMnav .p7PMon
This is a grouped selector and relates to the Trigger links, as well as the Trigger links while its relevant sub-menu is showing. Sometimes these selectors are listed separately.

#p7PMnav ul .p7PMtrg, #p7PMnav ul.p7PMon
This grouped selector would be used if you wanted separate styles for the Trigger links that are inside the sub-menus.

#p7PMnav .p7PMhide
This system rule should NEVER be edited.

#p7PMnav .p7PMshow
This system rule should NEVER be edited.

#p7PMnav
We provide a second instance of the #p7PMnav selector to facilitate assigning Top level menu width.

#p7PMnav li
This rule relates to the root level menu item <li> tags. In a horizontal menu, this rule assigns explicit widths to all root elements and set them to float. If you'd like your root menu items to be variable widths, see the Variable Root Menu Width lesson in this guide.

#p7PMnav ul, #p7PMnav ul li
This grouped selector assigns sub-level menu widths.

#pmmcrumb
Relates to the container box for the optional Breadcrumb Trail add-on.

#pmmcrumb a, #pmmcrumb a:visited
The link style for the Breadcrumb Trail links.

#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus
The Hover, active, and focus styles for the Breadcrumb Trail links.
*/




#p7PMnav {
	margin:0;
	padding:0;
	z-index: 250;	/*position: absolute;
	width: 700px;
	top: 164px;
	left: 200px;
	overflow: visible;
	height: 25px;*/	
}

#p7PMnav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}

/* these are the menu styles */
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: .9em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;

	/*letter-spacing: 0.05em;*/
}

/* hover backgrnd color */

#p7PMnav ul li {
	background-color: #336699; /*blue */
	width: auto; 
	
}
/* ------ the menu link styles ------ */
#p7PMnav a {
	display: block;
	text-decoration: none;
	background-color: transparent;
	color: #fff;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #336699; /*blue */
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 18px;
	line-height: 23px;

}


#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	background-color: #336699; /*blue */
	color: #fff;
	/*	letter-spacing: 0.01px;
*/	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #88D142; /*green */
	width:auto;
}


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

/*the trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	
	width:auto;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #88D142;/*green */
	color: #FFFFFF;
/*	line-height:24px;
*/	width:auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	/*margin-right: 1.1em;
*/
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #336699; /*blue */
}

.p7Pright{

border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #336699; /*blue */}

/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
	
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
	width:auto;
	
	
/*	padding-right: 7px;
*/	
	padding-left: 0px;
	/*margin-right: .9em;*/
	
}

/* Top level menu width */
#p7PMnav li {
	float: left;
	width: auto;/*	padding-right: 7px;
*//*	padding-left: 7px;
*/	

}
#p7PMnav ul li {
	float: none;
	width:auto;
}
#p7PMnav li ul li ul li {
	float: none;
	width:210px; 
}


/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li {
	/*this is the cuprit -if auto*/
	background-color: #88D142; /* green */

}




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