/* ================================================================ 
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: "Arial black", Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	width: 1000px;
	height: 38px;
	/*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: 0; /*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: 12px;
	overflow: hidden; 
}
.menu ul li a strong { display: none; }

/* Home
------------------------------------ */
.menu ul li a.home { margin-left: 0px; width: 150px; height: 38px; 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-sel { margin-left: 0px; width: 150px; height: 38px; background: url("../images/menu/menu_home_over.gif") left top no-repeat; }
.menu ul li a:hover.home-sel { background: url("../images/menu/menu_home_over.gif") left top no-repeat; }

/* About ECAC
------------------------------------ */
.menu ul li a.menu02 { margin-left: 0px; width: 185px; height: 38px; 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-sel { margin-left: 0px; width: 185px; height: 38px; background: url("../images/menu/menu_2_over.gif") left top no-repeat; }
.menu ul li a:hover.menu02-sel { background: url("../images/menu/menu_2_over.gif") left top no-repeat; }

/* Activities
------------------------------------ */
.menu ul li a.menu03 { margin-left: 0px; width: 235px; height: 38px; 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-sel { margin-left: 0px; width: 235px; height: 38px; background: url("../images/menu/menu_3_over.gif") left top no-repeat; }
.menu ul li a:hover.menu03-sel { background: url("../images/menu/menu_3_over.gif") left top no-repeat; }

/* Publications
------------------------------------ */
.menu ul li a.menu04 { margin-left: 0px; width: 430px; height: 38px; 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-sel { margin-left: 0px; width: 430px; height: 38px; background: url("../images/menu/menu_4_over.gif") left top no-repeat; }
.menu ul li a:hover.menu04-sel { background: url("../images/menu/menu_4_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;
}

/* specific to non IE browsers */
.menu ul li:hover a { /*color: #fff; background: #3F4A71;*/ }
.menu ul li:hover ul { display: block; position: absolute; top: 38px; left: 0; padding-left: 0px; border-top: 0px solid #000000; }
.menu ul li:hover ul.home { width: 151px; }
.menu ul li:hover ul.menu02 { width: 186px; }
.menu ul li:hover ul.menu03 { width: 236px; }
.menu ul li:hover ul.menu04 { width: 430px; }

.menu ul li:hover ul.home li { width: 149px; border-left: 1px solid #224407; border-right: 1px solid #224407; border-bottom: 1px solid #000000; }
.menu ul li:hover ul.menu02 li { width: 184px; border-left: 1px solid #224407; border-right: 1px solid #224407; border-bottom: 1px solid #000000; }
.menu ul li:hover ul.menu03 li { width: 234px; border-left: 1px solid #224407; border-right: 1px solid #224407; border-bottom: 1px solid #000000; }
.menu ul li:hover ul.menu04 li { width: 428px; border-left: 1px solid #224407; border-right: 1px solid #224407; border-bottom: 1px solid #000000; } /* 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: #ffffff;
	color: #2D5710;
	text-align: left;
	font-size: 12px;
	display: block;
	padding: 0 0 0 0; /*20px;*/
	line-height: 20px;
	text-transform: uppercase;
	width: 100%; 
	height: 100%; 
}

.menu ul li:hover ul.home li a div { margin: 0 23px; }
.menu ul li:hover ul.menu02 li a div { margin: 0 35px; }
.menu ul li:hover ul.menu03 li a div { margin: 0 37px; }
.menu ul li:hover ul.menu04 li a div { margin: 0 37px; }

.menu ul li:hover ul li a:hover { color: #ffffff; background: #81b795; }

.menu ul li:hover ul.home { left: 0 !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; }