/* ================================================================ 
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/final_drop5.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.

NOTE: Hacked to death by EJN so if you use it and it doesn't work, don't hassle Stu Nicholls. Fanx.
=================================================================== */

/* General Menu styles */
.menu {
	/*font-size:0.85em;*/
	z-index: 1000;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none; 
	height: 55px;
}

/* style the sub menu */
.menu ul ul {
	width:315px; 
	margin-bottom:-30px;
	visibility:hidden;
	top:0;
	left:0;
	float:left;
}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{
	visibility:visible; 
	height:auto; 
	padding-bottom:3em;
}

/* Top level menu items - menu background applied here as graphic to give gap below */
.menu ul li {
	float:left;
	height:50px;
	line-height:3em;
	background-image: url(menubkgd.gif);
	background-repeat:repeat-x;
	background-position: top;
}

/* Sub menu items */
.menu ul ul li {
	width:105px;
	height:auto; 
	line-height:1em;
	background:none;
}

.menu .holder .menuholder {
	float:left;
	padding:0 0 0 5px;
	margin: 0;
	width:315px
}

/* Menu Links */
.menu ul li a {
	background-image: url(../images/triangle.png);
	background-repeat: no-repeat;
	background-position: top;
	width:60px;
}

.menu ul li a:hover {
	background-position: bottom;
	background-color: red;
}

.menu a, .menu a:visited {
	display:block;
	float:left;
	height:100%;
	font-size:1em;
	text-decoration:none;
	color:#666;
	padding:0 3em 0 1em;
}

.menulink
{
	line-height: 110%;
	font-size: 90%;
	font-weight: bold;
	padding: 0;
}

.menu .menulink a, .menu .menulink a:visited {
	background-color:#FFFFFF;
	font-size: 100%;
	padding:10px; 
	width: 275px;
}

.menu .menulink a:hover {
	color:#DD0000;
	background-color:#FFFFFF;
}

/* Menu Holder */
/* EJN Make a wrapper DIV visible... */
.menu .holder 
{
    z-index: 100000;
	border: 1px solid #ccc;
	visibility:hidden;
	position:/*fixed;*//*relative;*/absolute;
	top:0px;/*175px;*/
	left:10px;
	width:960px;
	margin-top:48px;
	background-color: #efefef;
	padding:10px;
	-khtml-opacity:.95; -moz-opacity:.95; -ms-filter:"alpha(opacity=95)"; filter:alpha(opacity=95); opacity:.95; 
}

.menu .item1 .holder {left: -0px;}
.menu .item2 .holder {left: -108px;}/*108.125*/
.menu .item3 .holder {left: -216px;}
.menu .item4 .holder {left: -324px;}
.menu .item5 .holder {left: -433px;}
.menu .item6 .holder {left: -541px;}
.menu .item7 .holder {left: -649px;}
.menu .item8 .holder {left: -757px;}
.menu .item9 .holder {left: -865px;}

.menu ul :hover .holder {
	visibility:visible;
}

.menu .menurow {
	border-bottom: 1px solid Red;
}

/* Sub Menu Links */
.menu ul ul a, .menu ul ul a:visited {
	display:block;
	background:#FFF; 
	color:#666;
	height:100%;
	padding:3px;
	font-size:85%;
}

/* I.E. Hack: */
* html .menu ul ul a, * html .menu ul ul a:visited  {
	width:14em; w\idth:12em;
}

/* style the level hovers */
/* first */
* html .menu a:hover {
	color:#FFF;
	position:relative; 
	z-index:100;	
	background-position: bottom;
	background-color: red;
}
.menu li:hover {position:relative;}
.menu :hover > a {
	color:#FFF;	
	background-position: bottom;
	background-color: red;
}
/* second */
* html .menu ul ul a:hover{color:#666;background:#FFF; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#666;background:#EFEFEF;}

.menu hr {
	height:1px; color: red;
}