/* style sheet info for navbar with pull down menus */
#menuwrapper {
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu-toggle {
	font-family: Arial;
	font-weight: bold;
}

/* Hide the menus when mouseout */
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
/* Topmenu root list */
#topmenu, #topmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial;
}
/* Root Links */
#topmenu a {
	display: block;
	text-decoration: none;
	/*padding-top: 5px;
	padding-bottom: 6px;*/
	padding-left: 30px;
	padding-right: 30px;
	border-right: 1px solid #6462AC;
	font-weight: bold;
	color: #006699;
	/*font-size: .85em;*/
	line-height: 2.1em;
}
/* Parent root links */
#topmenu a.trigger {
	padding: 5px 16px 5px 10px;
	background-image: url(images/p7PM_dark_south.gif);
	background-repeat: no-repeat;
	background-position: right center; 
}
/* Root list. */
#topmenu li {
	float: left;
	width: 9em;
	text-align: left;
}

/* Text and bg color of root items */
#topmenu li:hover a, #topmenu a:focus, #topmenu a:active, #topmenu li.menuhover a {
	
}

/* Submenu floating block */
#topmenu li ul, #topmenu ul li	{
	width: 12em;
	text-align: left;
}
#topmenu ul li	{
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

/* Submenu links */
#topmenu ul li a	{
	color: #565656;
	border-right: 0px;
	font-weight: bold;
	margin: 0px;
	border: 0px solid #CCD6E7;
	padding: 3px 12px 3px 5px;
}
/* Submenu list */
#topmenu li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
}

/* Text and bg color of root items */
#topmenu li:hover a, #topmenu a:focus, #topmenu a:active, #topmenu li.menuhover a {
	color: #8bc1ad;
}

/* Make sublink appear */
#topmenu li:hover ul, #topmenu li.menuhover ul {
	display: block;
	z-index: 5;
}

/* Sublink text hover */
#topmenu li:hover ul a, #topmenu li.menuhover ul a {
	color: #000000;
	background-color: transparent;
	position:relative;
	z-index: 5;
}

/* Sub links hover */
#topmenu ul a:hover {
	background-color: #cccccc !important;
	color: #FFFFFF !important;
	position:relative;
	z-index: 5;
}

/* \ Cross-browser adjustment */
#topmenu li {
	width: auto;
}

#topmenu ul li ul {
	position: relative;
	top: 0;
	left: 0%;
	width: 80%;
	color: #dedede;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: normal;
	margin-right: 0px;
	padding: 3px 12px 3px 16px;
	overflow: hidden;
}

#topmenu ul li ul li a {
	font-size: 12px;
	font-weight: normal;
	border: none;
}

#topmenu ul li ul a:hover {
	background-color: #ffffff;
}