/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.wb.co.uk/menus/pro_variable4.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.
=================================================================== */
#menu {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	background-image: url('blank.png'); /* This is the background image that fills the entire width of the menu bar */
	background-repeat: repeat-x;
	background-position: top;
	list-style:none;
	position:relative;
	z-index:200;
	height:32px; /* Adjust this height to control menu depth */
	
	/* Menu Font Styles */
	font-weight: normal;
	color: #FFFFFF;
	font-size: 11px;
}
 
#menu ul {
	padding:0; #
	margin:0; 
	list-style:none; 
	float:left; 
	background: #B2C2D9; /* Adjust this colour for the dropdown menu background color */
	color: #FFFFFF;
}

#menu li {
	float:left;
}

#menu li li	{
	float:none;
	width: 200px; /* Adjust this width to control dropdown and flyout menu width */
	color: #FFFFFF;
}

/* This style applies a bottom border to the last menu item in a dropdown if you apply 'last' style */
#menu li li.last	{ 
	height: 28px;
	line-height: 28px;
	border-bottom: 1px solid #FFFFFF;
}

/* a hack for  IE6 */
* html #menu li li {
	float:left;
}

/* Basic Styling for top level menu items */
#menu li a {
	display:block;
	float:left;
	height:27px; /* Adjust this height to control the height of the menu items */
	padding: 0px 6px 0px 6px; 
	line-height:26px; /* Adjust this line-height to control the vertical position of the menu text */
	text-decoration:none; 
	white-space:nowrap;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

#menu li.down	{
	color: #FFFFFF;
	background-image: url('top_menu_arrow_trans.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px 16px 0px 0px; /* Adjust this value to move text closer to dropdown arrow */
	cursor: pointer;
}

#menu li.down:hover	{
	color: #FFFFFF;
	background-image: url('top_menu_off_1px.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 16px; /* Adjust this value to move text closer to dropdown arrow */
	cursor: pointer;
}

#menu li a.down span	{
	color: #FFFFFF;
	background-image: url('top_menu_arrow_trans.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 16px; /* Adjust this value to move text closer to dropdown arrow */
	cursor: pointer;
}

#menu li a.down span:hover	{
	color: #FFFFFF;
	background-image: url('top_menu_arrow_trans.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 16px; /* Adjust this value to move text closer to dropdown arrow */
	cursor: pointer;
}

/* Basic Styling for 2nd level dropdown menu items */
#menu li li a {
	display:block; 
	float:none; 
	padding: 0px 4px 0px 4px; 
	font-weight:normal; 
	letter-spacing:0px;
	height: 28px; /* Adjust this height to control the height of the menu items */
	line-height: 28px; /* Adjust this line-height to control the vertical position of the menu text */
	color: #FFFFFF;
	border-right: 0px solid #FFFFFF;
}

#menu li li a.fly {
	background: url('menufly.gif') no-repeat right center;
	cursor: pointer;
}

#menu li:hover {
	position:relative;
	z-index:300;
}

#menu li.wb_hover {
	position:relative; z-index:300;
}

#menu li.wb_hover a {
color: #2E5894; /* Adjust this value to change text color of dropdown menus */
}

#menu li li a {
	color:#FFFFFF;}

#menu li li.wb_hover a {
	color:#FFFFFF; 
	/*background-color:#C0C0C0*/;
}

#menu li.wb_hover ul {left:0; 
	top: 32px; /* Adjust this top value to control distance of dropdown from top level menu */
	z-index: 500;
	border-top: 1px solid #FFFFFF;
}

#menu ul {position:absolute; left:-9999px; top:-9999px;}

* html #menu ul {width:2px;}

#menu li:hover li:hover > ul {
	left:0px; margin-left:100%; top:-1px; z-index:500;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#menu li:hover > ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:auto; 
}

#menu li:hover > a	{
	color:#FFFFFF;
	background-image: url('top_menu_off_1px.gif');
	background-repeat: repeat-x;
	background-position: right;
}

#menu li li:hover > a {
	color:#4F1F91; 
	background-color: #A4B9D6;/* Adjust this colour for the dropdown on hover menu background color */
	background-image: none;
}

/* but IE5.x and IE6 need this lot to style the flyouts*/
#menu li.wb_hover li.wb_hover a,
#menu li.wb_hover li.wb_hover li.wb_hover a,
#menu li.wb_hover li.wb_hover li.wb_hover li.wb_hover a,
#menu li.wb_hover li.wb_hover li.wb_hover li.wb_hover li.wb_hover a,
#menu li.wb_hover li.wb_hover li.wb_hover li.wb_hover li.wb_hover li.wb_hover a
{
	color:#FFFFFF;
	background-color: #2E5894; /* Adjust this colour for the dropdown menu background color */
}

#menu li.wb_hover li.wb_hover li a,
#menu li.wb_hover li.wb_hover li.wb_hover li.wb_hover a,
#menu li.wb_hover li.wb_hover li.wb_hover li.wb_hover li a,
#menu li.wb_hover li.wb_hover li.wb_hover li.wb_hover li.wb_hover li a
{
	color:#2E5894;
	background-color:#B2C2D9; /* Adjust this colour for the flyout menu background color */
}

/* show next level */
#menu li.wb_hover li.wb_hover ul,
#menu li.wb_hover li.wb_hover li.wb_hover ul,
#menu li.wb_hover li.wb_hover li.wb_hover li.wb_hover ul,
#menu li.wb_hover li.wb_hover li.wb_hover li.wb_hover li.wb_hover ul
{
	color:#2E5894;
	left:100%; margin-left: 0px; top: 0px;
	border-top: 0px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-color:#B2C2D9; /* Adjust this colour for the flyout menu background color */
}

/* keep further levels hidden */
#menu li.wb_hover ul ul,
#menu li.wb_hover li.wb_hover ul ul,
#menu li.wb_hover li.wb_hover li.wb_hover ul ul,
#menu li.wb_hover li.wb_hover li.wb_hover li.wb_hover ul ul
{position:absolute; left:-9999px; top:-9999px;
}

<!--[if lte IE 7]>
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenu.co.uk/menus/pro_variable4.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.
=================================================================== */

/* The following style the iframes required for IE6 over form selects */
#menu li li a {behavior: expression(this.style.width=this.parentNode.parentNode.offsetWidth -32 + 'px', this.style.behavior=null);} /* minus link padding 30px + 2px for ul border width */
#menu li {behavior: expression(this.onmouseover=new Function("this.className+=''"),this.onmouseout=new Function("this.className = this.className.replace('','')"),this.style.behavior=null);}
#menu li li {behavior: expression(this.onmouseover=new Function("this.className+='wb_hover'"),this.onmouseout=new Function("this.className = this.className.replace('wb_hover','')"),this.style.behavior=null);}
#menu li ul {behavior: expression(this.shimmed = this.shimmed || 'shimmed:'+this.insertAdjacentHTML('beforeBegin','<iframe style="filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);position:absolute;top:expression(this.nextSibling.offsetTop);left:expression(this.nextSibling.offsetLeft);width:expression(this.nextSibling.offsetWidth);height:expression(this.nextSibling.offsetHeight)"; frameBorder=0 scrolling=no src="javascript:'+"''"+'"></iframe>'), this.style.behavior=null););}
<![endif]-->