/**
 * @modify by cuong.tran
 * @email cuong.tran@enclaveit.com, cuongtranquoc@gmail.com
 * @Css menu
 * @last update: 19 May 2010
 */

 /*======================*/
/*     Basic Setup      */
/*======================*/
.dropnav {
	width:100%;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	white-space:nowrap /*IE hack*/; float:left;
	background: #ffffff url(http://www.eurochamvn.org/Images/header-nav-bg.gif) left bottom repeat-x;
	float:left;
	margin-top: 0;
} 
.dropnav  ul .currentitem a{background-image:none;	background-color:#E7E6F6;}
.dropnav  ul .currentitem li a{background: #ffffff url(http://www.eurochamvn.org/Images/header-nav-bg.gif) left bottom repeat-x;}
.dropnav ul .showinleft{position: relative;}
.dropnav ul .showinleft ul li:hover ul li{float:left;right:231%;}
.dropnav ul .showinleft:hover ul li:hover ul {	border: none !important;}
.dropnav ul .showinleft:hover ul>li {border-top:#CDCDCD;}
.dropnav ul .showinleft ul .firstchild  a {border:solid 1px #cdcdcd !important;} 
/*Color subcells normal mode*/
/*Color navigation bar normal mode*/
.dropnav ul {list-style-type:none; display:inline; margin: 0; padding: 0;}
.dropnav ul li {position: relative;text-align: center; float:left; display: inline; margin: 0; padding: 0; z-index:auto !important;color: #000263;}
.dropnav ul li:hover{visibility: inherit; /* fixes IE7 'sticky bug' */}
.dropnav ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block;color: #000263;}
.dropnav ul li ul {display:none; z-index: 2;}
/*overwrite system css (dropdown.css)*/
.dropnav ul li:hover ul{position: absolute;z-index: 999;top: 2.1em;margin-left: 4px !important;}
.dropnav a{display: block;position: relative;}
.dropnav .first a{border-left: none !important;}
/*Basic Styling*/
.dropnav ul li a {
	padding: 0 1em; 
	height:2.1em; 
	line-height:2.1em; 
	text-decoration:none; 
	font-weight:bold;
	background: #ffffff url(http://www.eurochamvn.org/Images/header-nav-bg.gif) left bottom repeat-x;
}
.dropnav ul li a:hover {}
.dropnav ul li ul li a {width: 12em; text-align: left;}

/*======================*/
/*   Non-IE6 hovering   */
/*======================*/
/*Main Menu Bar Hovering*/
.dropnav ul li:hover {position:relative;} /*Sylvain IE hack*/
.dropnav ul li:hover a {text-decoration:none;} /*Color main cells hovering mode*/

/*First Submenu Positioning*/
.dropnav ul li:hover ul {display:block;}
.dropnav ul li:hover ul {position:absolute; z-index:999; top:2.1em; left:1px;}

/*Submenu styling*/
.dropnav ul li:hover ul {width: 12em; border-top:solid 1px #cdcdcd;}
.dropnav ul li:hover ul li a {width: 12em; white-space:normal; display:block; height:auto; line-height:1.3em; padding-top: 5px; padding-bottom: 5px; margin-left:-1px; border:solid 1px #cdcdcd; border-top:none; padding-right: 1em; font-weight:normal;} /*Color subcells normal mode*/
.dropnav ul li:hover ul li a:hover {background: none; background-color:#00015e; color:#FFFFFF !important; text-decoration: none;}

/*Second Level Submenu Positioning*/
.dropnav ul li:hover ul li ul {display:none;}
.dropnav ul li:hover ul li:hover ul {color:#FFFFFF;width: 13em; display:block; position: absolute;  z-index:999; margin-top:0; left:14.5em; top: 0;}

/*Third Level Submenu Positioning*/
.dropnav ul li:hover ul li:hover ul li ul {display:none;}
.dropnav ul li:hover ul li:hover ul li:hover ul {color:#FFFFFF;width: 13em; display:block; position: absolute;  z-index:999; margin-top:0; left:14.5em; top: 0;}
.dropnav ul li a {padding-bottom:0;padding-left:2.3em;padding-right:2.4em;padding-top:0; /*text-transform: uppercase ;*/}

/*Indicator*/
.dropnav .sf-sub-indicator{position: absolute;display: block;right: .75em;width: 10px;height: 10px;text-indent: -999em;overflow: hidden;	background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;}
.dropnav a > .sf-sub-indicator{top: .6em;	background-position: 0 -100px;}
/* apply hovers to modern browsers */
.dropnav a:focus > .sf-sub-indicator, .dropnav a:hover > .sf-sub-indicator, .dropnav a:active > .sf-sub-indicator, .dropnav li:hover > a > .sf-sub-indicator
{
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.dropnav ul ul .sf-sub-indicator{background-position: -10px 0;}
.dropnav ul ul a > .sf-sub-indicator{background-position: 0 0;}
/* apply hovers to modern browsers */
.dropnav ul ul a:focus > .sf-sub-indicator, .dropnav ul ul a:hover > .sf-sub-indicator, .dropnav ul ul a:active > .sf-sub-indicator, .dropnav ul ul li:hover > a > .sf-sub-indicator
{
	background-position: -10px 0;
}
.dropnav ul .showinleft ul .sf-sub-indicator{left: .8em;}/*Float menu left*/
.dropnav ul .showinleft ul a  .sf-sub-indicator{background-position: -20px 0;}
.dropnav ul .showinleft:hover ul a  .sf-sub-indicator{background-position: -30px 0;}