/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* top tabbing starts here */


#globalnav {
	position:absolute;
	float:left;
	padding:1em 0 1.75em 1em;
	margin:0;
	list-style:none;
	top:65px;
	right:160px;
}
#globalnav LI {
	float:left;
	margin:0;
	padding:0;
}
#globalnav A {
	display:block;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../imgs/tab1.gif);
	background-repeat:no-repeat;
	background-position:center;
	width:101px;
	height:32px;
	margin:0;
	text-align:center;
	vertical-align:middle;

}

#globalnav A:hover,
#globalnav A:active,
#globalnav A.here:link,
#globalnav A.here:visited {
	background-image:url(../imgs/tab2.gif);
	background-repeat:no-repeat;
	width:101px;
	height:32px;
}

#globalnav A.here:link,
#globalnav A.here:visited {
	position:relative;
	z-index:102;
}

/*subnav*/

#globalnav UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:left;
	background-image:url(../imgs/tab1.gif);
	background-repeat:no-repeat;
	width:101px;
	height:32px;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

#globalnav UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

#globalnav UL A {
	background-image:url(../imgs/tab2.gif);
	background-repeat:no-repeat;
	width:101px;
	height:32px;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	color:#333333;
}
/* top tabbing ends here */



#menu_container  { position: absolute; left: 160px; top:110px; height: 35px; background: url(../imgs/menu_bg.jpg) 0 -459px repeat-x;z-index:1;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu {  left: 5em; list-style: none; margin-left: 5em; }
#pmenu ul { padding:0; margin:0; list-style: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {margin: 0 3.8em 0 0 ; display:inline; font-size:12px; color:#333333; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:0px;} 
#pmenu ul a, #pmenu ul a:visited { margin:0 ; display:block; width: 250px; }
 
/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; list-style:none;}
#pmenu ul { border: 1px solid #333; } 
#pmenu ul li {  background:#fff; color: #000; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; } 
/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu a:hover { text-decoration:underline;}
#pmenu ul li:hover > a {background:#fff; color:#000; }
/* 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;}
/* 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:-12px; left:80px; margin:0px 3px 3px 3px; background:transparent; width:250px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-5px; top:22px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:10px; left:10px; z-index:100; font-size:1em;}
#pmenu table, #pmenu td { border: 0; } 

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; text-decoration: underline; }
#pmenu ul li a:hover { background: #666; color: #ccc; } 

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* Sort out the menu positioning */
* html #pmenu {  left: 2em; list-style: none; margin-left: 2em; }
* html #pmenu li a {  padding:0; margin-left: 0.25em; }

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:0px; margin:0px 3px 3px 3px; background:transparent;}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-21px; top:4px;
}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* 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 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:80px;
}
/* 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;
}