/* ================================================================ 
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: 999px;
	height: 50px;
	position: relative;
	font-size: 11px;
	z-index: 100;
	margin-left: 0px;
	margin-top: 0px;
/*padding-top: 369px;*/
}
.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: 228px; height: 49px; 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; }

/* About ECAC
------------------------------------ */
.menu ul li a.models_tools { margin-left: 0px; width: 241px; height: 49px; background: url("../images/menu/menu_models.gif") left top no-repeat; }
.menu ul li a:hover.models_tools { background: url("../images/menu/menu_models-over.gif") left top no-repeat; }

/* Activities
------------------------------------ */
.menu ul li a.simulations { margin-left: 0px; width: 233px; height: 49px; background: url("../images/menu/menu_simulations.gif") left top no-repeat; }
.menu ul li a:hover.simulations { background: url("../images/menu/menu_simulations-over.gif") left top no-repeat; }

/* Publications
------------------------------------ */
.menu ul li a.policy_insights { margin-left: 0px; width: 296px; height: 49px; background: url("../images/menu/menu_policy.gif") left top no-repeat; }
.menu ul li a:hover.policy_insights { background: url("../images/menu/menu_policy-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: 1px;
}
.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: 296px !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: 45px; left: 0; padding-left: 0px; }
.menu ul li:hover ul.home { width: 178px; }
.menu ul li:hover ul.models_tools { width: 241px; }
.menu ul li:hover ul.simulations { width: 233px; }
.menu ul li:hover ul.policy_insight { width: 254px; }

.menu ul li:hover ul.home li { width: 178px; }
.menu ul li:hover ul.models_tools li { width: 241px; }
.menu ul li:hover ul.simulations li { width: 233px; }
.menu ul li:hover ul.policy_insights li { width: 254px; } /* 297 - 52 */

/*
.menu ul li:hover ul li a.hide { background: #A9CEBC; 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: #A9CEBC;
	color: #fff;
	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: 50px; }
.menu ul li:hover ul.models_tools li a { padding-left: 52px; }
.menu ul li:hover ul.simulations li a { padding-left: 63px; }
.menu ul li:hover ul.policy_insights li a { padding-left: 50px; }

/*.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: #C3DCC8; background: #55A698; }
/*
.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: 50px !important; }
.menu ul li:hover ul.models_tools { left: 0 !important; }
.menu ul li:hover ul.simulations { left: 0 !important; }
.menu ul li:hover ul.policy_insights { left: 0 !important; }