/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */

#menu_container 

{

	font-size:13px;

	font-family:"Trebuchet MS", MyriadPro-Regular, Arial,sans-serif !important ;

	position:relative;

	float:right; 

	width:200px;

	padding:0 0 0 30px;

	height:25px;

	z-index:1000;

}



/* Get rid of the margin, padding and bullets in the unordered lists */

#pmenu, #pmenu ul

{

	font-size:13px;

	

	padding:0 0 0 0;

	margin:0;

	list-style-type: none;

	text-align:right;

	display:inline;

}



/* Set up the link size, color and borders */

#pmenu a, #pmenu a:visited

{

	display:block;

	color:#ffffff;

	font-weight:bold;

	height:25px;

	line-height:24px;

	text-decoration:none; 

	z-index:1000;

}

* html #pmenu a, * html #pmenu a:visited

{

	display:block;

	width:0px;

	color:#ffffff;

	font-weight:bold;

	line-height:24px;

	text-decoration:none; 

	z-index:1000;

}



/* Set up the sub level borders */

#pmenu li ul li a, #pmenu li ul li a:visited

{

	border:1px solid #ffffff;

	border-width:0 1px 0 1px;

	background:#05919e;

	font-weight:bold;

	line-height:15px;

	font-family:"Trebuchet MS", MyriadPro-Regular, Arial,sans-serif !important ;

	font-size:12px;

	/*width:127px;*/

	width:152px;

	height:100%;

	text-align:left;

	padding:0 0 0 10px;

	z-index:1000;

	color:#ffffff;

	padding:3px;

}

* html #pmenu li ul li a, * html #pmenu li ul li a:visited

{

	/*width:123px;*/

	width:152px;

}



/* Set up the list items */

#pmenu li 

{

	float:left;

}

#pmenu ul li

{

	float:left;

	border:1px solid #ffffff;

	border-width:0 0 1px 0;

}



/* For Non-IE browsers and IE7 */

#pmenu li:hover 

{

	position:relative;

	z-index:1000;

}



/* Make the hovered list color persist */

#pmenu li:hover > a 

{

	color:#ffffff;

}



#pmenu li ul li:hover > a  

{

	

	color:#05919e;

	background-color:#ffffff; /*Change rollover Color here*/

}





/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */

#pmenu li ul 

{

	display:none;

	position:absolute; 

	top:-11px;

	margin:5px 0 0 5px; 

	padding:16px 2px 30px 2px;



}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */

#pmenu li:hover > ul 

{

	display:block; 

	position:absolute; 

	top:-8px; 

	/*left:170px; */

	padding:8px 30px 30px 30px; 

	width:200px;

}

/* Position the first sub level beneath the top level liinks */

#pmenu > li:hover > ul {left:-35px; top:16px;z-index:1000;}
*:first-child+html #pmenu > li:hover > ul {top:16px;z-index:1000; background:url(../images/blankMenu.gif) repeat-x left top;}
* html #pmenu > li:hover > ul {top:25px;z-index:1000; background:url(../images/blankMenu.gif) repeat-x left top;}


/* get rid of the table */

#pmenu table 

{

	position:absolute; 

	border-collapse:collapse; 

	top:0; 

	left:0; 

	z-index:100; 

	top:-3px;

	

}





* html #pmenu li a:hover 

{

	position:relative; 

	color:#000;

	z-index:1000;	

}

/* IE 6*/

* html #pmenu li ul a:hover 

{

	/*color:#215381;*/

	color:#05919e;

	background-color:#ffffff; /*Change rollover Color here*/

}







/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */



/* change the drop down levels from display:none; to visibility:hidden; */

* html #pmenu li ul 

{

	visibility:hidden; 

	display:block; 

	position:absolute; 

	top:-11px;

	margin:12px 0 0 22px; 

	padding:4px 10px 30px 10px;

	/*background:transparent url(transparent.gif);*/
	background:url(../images/blankMenu.gif) repeat-x left top;

}



/* keep the third level+ hidden when you hover on first level link */

#pmenu li a:hover ul ul

{

	visibility:hidden;

	padding:16px 10px 30px 10px;

}

/* keep the fourth level+ hidden when you hover on second level link */

#pmenu li a:hover ul a:hover ul ul

{

	visibility:hidden;

}

/* keep the fifth level hidden when you hover on third level link */

#pmenu li a:hover ul a:hover ul a:hover ul ul

{

	visibility:hidden;

}

/* keep the sixth level hidden when you hover on fourth level link */

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul

{

	visibility:hidden;

}



/* make the second level visible when hover on first level link and position it */

#pmenu li a:hover ul 

{

	visibility:visible; 

	left:-30px; 

	top:14px; 

	lef\t:-31px; 

	to\p:15px;

}



/* make the third level visible when you hover over second level link and position it and all further levels */

#pmenu li a:hover ul a:hover ul

{ 

	visibility:visible;

	top:-11px;

	left:170px;

}

/* make the fourth level visible when you hover over third level link */

#pmenu li a:hover ul a:hover ul a:hover ul

{ 

	visibility:visible; 

}

/* make the fifth level visible when you hover over fourth level link */

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul

{ 

	visibility:visible;

}

/* make the sixth level visible when you hover over fifth level link */

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul

{ 

	visibility:visible;

}



/* added by monika on 2 june 09 */
#menu {padding:0; margin:0; list-style:none; height:22px; border-bottom:#05919e 2px solid; position:relative; z-index:500; font-family:arial, verdana, sans-serif; border-right:#05919e 1px solid;}

#menu li {float:left; margin-right:1px; background:url(../images/menu-crnr-bg.gif) left top no-repeat; padding:0 0 0 9px; margin:0 2px 0 0; }
#menu li span{ background:url(../images/menu-bg.gif) right top no-repeat; padding:6px 7px 5px 0; }

#menu li a { float:left; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:5px 0 5px 0;}
* html #menu li a { padding:5px 0 3px 0;}

#menu li.selected {float:left; margin-right:1px; background:url(../images/selected-bg.gif) left top no-repeat; padding:0 0 2px 9px;   font-weight:bold; }
*:first-child+html #menu li.selected { padding:1px 0 2px 9px; }
* html #menu li.selected { padding:1px 0 2px 9px; }

#menu li.selected span{ background:url(../images/selected-li-bg.gif) right top no-repeat; font-size:11px; color:#000; padding:6px 7px 5px 0; }
* html #menu li.selected span{ padding:5px 7px 3px 0; }


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background:none;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:none;}

#menu :hover ul {left:0; top:24px; width:120px; background:#fff;}
* html #menu :hover ul {left:-10px; top:24px;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#fff; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; padding:0; border:1px solid #fff; border-width:0 1px 1px 1px; background:#05919e; color:#fff;}
#menu :hover ul li a {width:150px; padding:0; text-indent:3px; background:#05919e; color:#fff; height:23px; line-height:23px;}

#menu :hover ul :hover {background-color:#fff; color:#05919e;}
* html #menu :hover ul :hover { display:block; }


#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:3px; background:#fff; color:#05919e;}
#menu :hover ul :hover ul :hover {background-color:#fff; color:#05919e;}