/**************** Dropdown menu coding *****************/
/*CC mod*/
#menu 
{
	position: relative;
	float: right;
	border-right: solid 72px #d6e4f3;
	height: 28px;
	background-color: transparent;	
	z-index: 20;
}

#menu ul 
{
	float: left;/**/
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: 28px;
	overflow: visible;
}
/**/
#menu li 
{
	/*position: relative;
	height: 28px;*/
	/*float: left;*/
	/*width: 70px;
	display: inline;
	width: inherit !important;*/
}

/*CC mod*/
#menu ul li a  
{
	position: relative;
	height: 28px;
	line-height: 28px;
	width: 100%;
	padding: 0px 5px;
	display: block;
	background: #d6e4f3 none;
	color: #be002e;
	font-family: trebuchet ms,arial,verdana,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	white-space: nowrap;
}

#menu ul li a:hover
{
	color: #042b47;
	background: #fff;	
}

#menu ul li ul
{
	padding: 8px 0px;
	width: 160px;
	background: #fff url(imgs/FMT/Dropmenu_bg.jpg) repeat-y 0 0; 
}
/* This is a test by AN for IE 7 ...*/
/*
#menu ul li.first a, #menu ul li.last a{
color: #000;
background: #fff;
}
#menu ul li.first a:hover, #menu ul li.last a:hover {
color: #fff;
background: #cc3f2d;
}
*/

/*  End of the test    */

/*
#menu ul li ul li
{
	position: relative;
	overflow: visible;
	display: block
	background-color: #fff;
	width: 100%;
	border: solid 1px red;
}*/

#menu ul li ul li a
{
	overflow: visible;
	height: auto;
	width: 100%;
	background: #fff url(imgs/FMT/Dropmenu_bg.jpg) repeat-y 0 0;
	font: bold 10px/16px trebuchet ms, arial, helvetica, sans-serif;
	display: block;
	margin: 0px;
	padding: 0px 9px;
	color: #042b47;
	

	text-align: left;
	white-space: no-wrap;
}

#menu ul li ul li a:hover
{
	color: #be002e;
	font-weight: bold;
	background: #fff url(imgs/FMT/Dropmenu_bg.jpg) repeat-y 0 0;
}

#menu ul ul {
position:absolute;
z-index:5200;
background: #fff;
white-space: no-wrap;
}/**/
#menu ul ul ul {
left:100%;
position:absolute;
top:0pt;
}

div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul 
{
	display:none;/*
	border: solid 1px red;*/
}

div#menu ul li:hover ul, div#menu ul ul li a:hover ul, div#menu ul ul ul li:hover ul 
{
	display: block;
}