/*
  ------------------------------------
   topmenu fix - based on P7 Express Menu
   CSS - Stylesheet
   March 23, 2009
  ------------------------------------
*/
/*Container for the menu. */
#menuwrapper {
	border-top: 1px solid #003;
	border-bottom: 1px solid #009;
	background-color: #003;
	width:100%;
	display:block;
}
/*Clears the floated menu items.
Assigned to a BR tag placed just before
menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
/*root UL and p7menubar ul applies to all the sub-menu ULs.*/
#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/*Root-Level Links.  Do not change the first two properties.*/
#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	border-right: 1px solid #FFF;
	font-size: 12px;
	color: #FFF;
}
/*Root-Level links with Sub-Menus. t/b padding to match p7Menubar*/
#p7menubar a.trigger {
	padding: 3px 10px 3px 10px;
	background-color:#003;
}

#p7menubar a.end {
	border-right: none;}

/*
The Root-Level list items. Width for IE Mac*/
#p7menubar li {
	float: left;
	width: 9em;
}

/*Sub-Menu box and the List Items inside*/
#p7menubar li ul, #p7menubar ul li  {
	width: 150px;
	border-bottom:1px solid #000;
	font-size:12px;
}
/* The sub-menu links. */
#p7menubar ul li a  {
	color: #003;
	border-right: 0;
	padding: 3px 0px 3px 16px;
}
/* each dropdown sub-menu grouping. */
#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #EEE;
	border: 1px solid #333;
}

/* hover effects */
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #000;
	background-color: #EEE;
}
/* Trigger submenu visibilty on parent hover. */
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
/*
Sets the Text color of the Sub-Level links when the Root-Level
menu items are moused over. The second selector is
assigned to IE5 and IE6 via the P7_ExpMenu script.
*/
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000;
}
/*
The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the gradient background. We set text color to white.
*/
#p7menubar ul a:hover {
	background-color: #AAA!important;
	color: #333!important;
}
/* 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.
Do not edit this rule in any way. */
#p7menubar li {width: auto;}