/* ================================================================ 
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/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 1000px;
	height: 56px;
	/*background: url("../images/menu/menu_background.gif") 0 340px no-repeat;*/
	position: relative;
	font-size: 11px;
	z-index: 100;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 225px; /*340px;*/
}
.menu ul li a, .menu ul li a:visited { 
	display: block;
	text-decoration: none;
	color: #000;
	/*width: 104px;*/
	text-align: left;
	color: #fff;
	line-height: 20px;
	font-size: 1.1em;
	overflow: hidden; 
}
.menu ul li a strong { display: none; }

/* Home
------------------------------------ */
.menu ul li a.home { margin-left: 0px; width: 168px; height: 56px; background: url("../images/menu/menu_home.gif") left top no-repeat; }
.menu ul li a:hover.home { background: url("../images/menu/menu_home-over.gif") left top no-repeat; }
.menu ul li a.home-fr { margin-left: 0px; width: 168px; height: 56px; background: url("../images/menu/menu_home-fr.gif") left top no-repeat; }
.menu ul li a:hover.home-fr { background: url("../images/menu/menu_home-fr-over.gif") left top no-repeat; }

/* About ECAC
------------------------------------ */
.menu ul li a.menu02 { margin-left: 0px; width: 302px; height: 56px; background: url("../images/menu/menu_2.gif") left top no-repeat; }
.menu ul li a:hover.menu02 { background: url("../images/menu/menu_2-over.gif") left top no-repeat; }
.menu ul li a.menu02-fr { margin-left: 0px; width: 302px; height: 56px; background: url("../images/menu/menu_2-fr.gif") left top no-repeat; }
.menu ul li a:hover.menu02-fr { background: url("../images/menu/menu_2-fr-over.gif") left top no-repeat; }

/* Activities
------------------------------------ */
.menu ul li a.menu03 { margin-left: 0px; width: 273px; height: 56px; background: url("../images/menu/menu_3.gif") left top no-repeat; }
.menu ul li a:hover.menu03 { background: url("../images/menu/menu_3-over.gif") left top no-repeat; }
.menu ul li a.menu03-fr { margin-left: 0px; width: 273px; height: 56px; background: url("../images/menu/menu_3-fr.gif") left top no-repeat; }
.menu ul li a:hover.menu03-fr { background: url("../images/menu/menu_3-fr-over.gif") left top no-repeat; }

/* Publications
------------------------------------ */
.menu ul li a.menu04 { margin-left: 0px; width: 256px; height: 56px; background: url("../images/menu/menu_4.gif") left top no-repeat; }
.menu ul li a:hover.menu04 { background: url("../images/menu/menu_4-over.gif") left top no-repeat; }
.menu ul li a.menu04-fr { margin-left: 0px; width: 256px; height: 56px; background: url("../images/menu/menu_4-fr.gif") left top no-repeat; }
.menu ul li a:hover.menu04-fr { background: url("../images/menu/menu_4-fr-over.gif") left top no-repeat; }

.menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
padding-left: 0px;
}
.menu ul li {
float:left;
position:relative;
}

.menu ul li ul {
	display:none;
}

/*
.menu ul li:hover ul.home li a { width: 228px !important; }
.menu ul li:hover ul.models_tools li a { width: 241px !important; }
.menu ul li:hover ul.simulations li a { width: 233px !important; }
.menu ul li:hover ul.policy_insights li a { width: 297px !important; }
*/

/* specific to non IE browsers */
.menu ul li:hover a { /*color: #fff; background: #3F4A71;*/ }
.menu ul li:hover ul { display: block; position: absolute; top: 52px; left: 0; padding-left: 0px; }
.menu ul li:hover ul.home { width: 148px; }
.menu ul li:hover ul.menu02 { width: 302px; }
.menu ul li:hover ul.menu03 { width: 273px; }
.menu ul li:hover ul.menu04 { width: 256px; }
.menu ul li:hover ul.home-fr { width: 148px; }
.menu ul li:hover ul.menu02-fr { width: 302px; }
.menu ul li:hover ul.menu03-fr { width: 273px; }
.menu ul li:hover ul.menu04-fr { width: 256px; }

.menu ul li:hover ul.home li { width: 148px; }
.menu ul li:hover ul.menu02 li { width: 302px; }
.menu ul li:hover ul.menu03 li { width: 273px; }
.menu ul li:hover ul.menu04 li { width: 236px; } /* 297 - 52 */
.menu ul li:hover ul.home-fr li { width: 148px; }
.menu ul li:hover ul.menu02-fr li { width: 302px; }
.menu ul li:hover ul.menu03-fr li { width: 273px; }
.menu ul li:hover ul.menu04-fr li { width: 236px; } /* 297 - 52 */

/*
.menu ul li:hover ul li a.hide { background: #D9E1EA; color: #fff; }
.menu ul li:hover ul li:hover a.hide { background: #55A698; color: #fff; }
*/
.menu ul li:hover ul li ul { display: none; }
.menu ul li:hover ul li a {
	background: #D9E1EA;
	color: #2B5493;
	text-align: left;
	font-size: 1em;
	display: block;
	padding: 0; /*.5em .5em 0 1em;*/
	line-height: 25px;
	border-bottom: 1px solid #fff;
}

.menu ul li:hover ul.home li a { padding-left: 20px; text-transform: uppercase; }
.menu ul li:hover ul.menu02 li a { padding-left: 20px; text-transform: uppercase; }
.menu ul li:hover ul.menu03 li a { padding-left: 20px; text-transform: uppercase; }
.menu ul li:hover ul.menu04 li a { padding-left: 20px; text-transform: uppercase; }
.menu ul li:hover ul.home-fr li a { padding-left: 20px; text-transform: uppercase; }
.menu ul li:hover ul.menu02-fr li a { padding-left: 20px; text-transform: uppercase; }
.menu ul li:hover ul.menu03-fr li a { padding-left: 20px; text-transform: uppercase; }
.menu ul li:hover ul.menu04-fr li a { padding-left: 20px; text-transform: uppercase; }

/*.menu ul li ul.models_tools li a { width: 241px; }
.menu ul li:hover ul.models_tools li a { width: 241px; }*/

.menu ul li:hover ul li a:hover { color: #ffffff; background: #ADBFDA; }
/*
.menu ul li:hover ul li:hover ul { display: block; position: absolute; left: 105px; top: 0; }
.menu ul li:hover ul li:hover ul.left { left: -105px; }
*/

.menu ul li:hover ul.home { left: 20px !important; }
.menu ul li:hover ul.menu02 { left: 0 !important; }
.menu ul li:hover ul.menu03 { left: 0 !important; }
.menu ul li:hover ul.menu04 { left: 0 !important; }
.menu ul li:hover ul.home-fr { left: 20px !important; }
.menu ul li:hover ul.menu02-fr { left: 0 !important; }
.menu ul li:hover ul.menu03-fr { left: 0 !important; }
.menu ul li:hover ul.menu04-fr { left: 0 !important; }