/* ================================================================ 
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_drop3.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.


http://www.cssplay.co.uk/menus/final_drop3.html

An improved drop menu » 20-10-2006. A further improvement to the drop-down menu.

=================================================================== */
/* style the outer div to give it width */
.menu {
font-size:0.75em;

									color:#fcb81b;  
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
/*height:3em;*/ 					height:2.0625em;
									z-index:140; 
									position:relative;
background:#494949;                                    
}


/* style the sub-level lists */
.menu ul ul {
width:15em;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {
float:left;
/*height:3em;*/						height:2em;
/*line-height:3em; */				line-height:2em; 
}

/* style the sub level list items */
.menu ul ul li {
display:block;
width:12em;
height:auto;
/*position:relative;*/
line-height:1em;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
float:left;
height:100%;
font-size:1em;
text-decoration:none;
color:#fcb81b ;
background:#494949;
/*padding:0 3em 0 1em;*/			padding:0; 
									width: 8.6em;             
									font-family:  Arial, Helvetica, sans-serif; 
									text-align:center;
									
									

							border-left: 0.0625em solid #cacaca;	
							border-top: 0.0625em solid #cacaca;


}







/* style the sub level links */
.menu ul ul a, 
.menu ul ul a:visited {
display:block;
background:#494949; 
color:#fff;
width:12em;
height:100%;
line-height:1em; 
/*padding:0.5em 1em;*/			padding:0.3em 1em;       
								text-align:left; 
								border-right: 0.0625em solid #cacaca;
								
}								
								


.menu ul table ul a, 
.menu ul table ul a:visited  {
width:14em; 
w\idth:12em;
}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
position:absolute; 
left:0px; 
top:0; 
font-size:1em; 
z-index:-1; 					
}

.menu ul ul table {
lef\t:-1px;
}

									



.menu ul ul table ul.left {
margin-lef\t:2px;
}

.menu li:hover {
position:relative;
}

* html .menu a:hover {
position:relative;
}

/* style the third level background */
.menu ul ul ul a, 
.menu ul ul ul a:visited {
background:#494949; /*Color changed in IE 5.5 & 6*/
}

/* style the fourth level background */
.menu ul ul ul ul a, 
.menu ul ul ul ul a:visited {
background:#494949;
}

/* style the sub level 1 background */
/*.menu ul :hover a.sub1 {
background:#494949;
}*/

/* style the sub level 2 background */
/*.menu ul ul :hover a.sub2 {
background:#494949;
}*/



/* style the level hovers */
/* first */
.menu a:hover {
color:#fff;
background:#c98d02;
}

.menu :hover > a {
color:#fff;
background:#c98d02;
}

/* second */
.menu ul ul a:hover{
color:#fff;
background:#c98d02 ;/*Color changed in IE 5.5 & 6*/
}

.menu ul ul :hover > a {
color:#fff;
background:#c98d02 ;
}

/* third */
.menu ul ul ul a:hover {
background:#c98d02; /*Color changed in IE 5.5 & 6*/
}

.menu ul ul ul :hover > a {
background:#c98d02;
}

/* fourth */
.menu ul ul ul ul a:hover {
background:#c98d02;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
/*top:3em;*/					top:2.0625em;
left:0;
width:14em;
}


/* position the third level flyout menu */
.menu ul ul ul{
/*left: 14em;*/					left:13.5em;	/*left: 14.0625em;*/						
/*top:0;*/							top: 0.5em;						
width:14em;
}



							.menu ul.left {left:-5.4em;}



/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
/*left:-14.0625em;*/						left:-13.5em; /*left:-14.0625em;*/	top: 0.5em;									
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, 
.menu ul a:hover ul {
visibility:visible; 
height:auto; 
padding-bottom:3em; 
background:transparent url(images/trans.gif);
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
visibility:visible;
}