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

.menu {
	width: 745px;
	height: 32px;
	position: relative;
	z-index: 1;
	float: left;
} 
/* hack to correct IE5.5 faulty box model */ 
* html .menu {width:746px; w\idth:745px;} 
/* remove all the bullets, borders and padding from the default list styling */ 
.menu ul {padding:0;margin:0;list-style-type:none;} 

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu ul ul a:hover { color: black !important; }
.menu ul li:hover ul a, .menu ul a:hover ul a { border-left: 5px solid white; border-right: 5px solid white; }
.menu ul li:hover a, .menu ul a:hover { border-right: 5px solid #fec400; }      

.sel a ul a, .sel ul a { color: #7e7e7e !important; border-right: 5px solid white !important; }
.sel a { border-right: 5px solid #fec400 !important; }
.menu ul li a, .menu ul a { border-right: 5px solid #fff;}
.sel a ul a, .sel ul a { color: #7e7e7e !important; border-right: 5px solid white; }  
.sel a { color: black !important; border-right: 5px solid #fec400; }  
.hd a  { border-left: 5px solid white;}      
.menu li {float:left;width:100px; position:relative;background:#fff; z-index: 20; text-align: right;}        

.hd a:hover { border-right: 5px solid #fec400;} 
/*.hd ul li a:hover {   } 
ul ul .hdf a:hover, */

ul ul .hdf a {border-left: 5px solid #fec400 !important;} 

/* style the links for the top level */ 
.menu a {display:block;font-size:14px;text-decoration:none; color:#7e7e7e; width:104px; height:20px; padding-left:10px; line-height:20px; }
.menu li li, .menu li a { position: inline !important; width: auto !important; }

.menu ul ul li a {font-size:11px; width:90px; } 

/* style the second level background */ 
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ccc;}


/* 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:20px;left:95px; width:450px; z-index: 20; }

/* another hack for IE5.5 */ 
* html .menu ul ul {top:19px;t\op:21px;} 

/* style the table so that it takes no ppart in the layout - required for IE to work */ 
.menu table {position:absolute; top:-1px; left:0; border-collapse:collapse;} 

/* style the second level links */ 
.menu ul ul a, .menu ul ul a:visited {color:#000; height:auto; line-height:1em; padding:5px 0 5px 7px;} 
/* yet another hack for IE5.5 */ 
* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:98px;} 

/* style the top level hover */ 
/*.menu a:hover, .menu ul ul a:hover{ background:#fff;} 
.menu :hover > a, .menu ul ul :hover > a { background:#fff;} *//* main menu background highlight aaa */

/* 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; z-index: 20 !important; } */

.menu .sel ul { visibility:visible; z-index: 1 !important; }          

ul ul .sel a { color: black !important; }