@charset "utf-8";
/* CSS Document */

/* --------------- Top CSS Drop Down Menu ----------------------- */

.menu5 {
position:relative; 
font-size:11px;
margin:0px 0px 0px 0px;
padding:0;
list-style-type:none;
width:994px;
height:32px;
z-index:1000;
}

.menu5 ul {
padding:0; 
margin:0;
list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; 
position:relative;
text-align:center;
background-image:url(images/menu_bg.gif);
background-repeat:repeat-x;

}



.menu5 li a{
display:block; 
text-decoration:none;
float:left; 
padding:10px 0px 0px 0px;
color:#000; 
padding-bottom:3px;
text-transform:uppercase;
height:1.73em;
font-weight:bold;
}

* html .menu5 li a, .menu5 li a:visited {
margin:0;
height:2em;
padding:10px 0px 0px 0px;
}


.menu5 li ul li a
{
 padding:1px 2px 2px 2px;
 text-transform:uppercase;
 border:0;
}


.menu5 li ul a
{
 color:#000;  
 text-align:left; 
 width:13em;
 background-image:none;
 background-color:#585858;
 background-image:url(images/submenu_bg.gif);
 background-repeat:no-repeat;
 background-position:bottom center;
 text-align:center;
}

.menu5 li ul li {
background-image:none;

}

.menu5 li ul {
visibility:hidden; 
position:absolute; 
top:0.5em; 
left:0;
z-index:10;
border-top:1px solid #ffffff;

}


.menu5 table {
margin:-1px; 
border-collapse:collapse; 
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a, .menu5 li a:hover {
text-decoration:none;
position:relative;
background-image:url(images/menu_hover_bg.gif);
background-repeat:repeat-x;
}

.menu5 li:hover a:hover {

}

.menu5 li:hover ul li.contactLink, .menu5 li:hover ul li a.contactLink {
width:10em;
}

* html .menu5 li:hover ul li.contactLink, * html .menu5 li a:hover ul li a.contactLink  {
width:10em;
}



.menu5 li:hover ul, .menu5 li a:hover ul {
visibility:visible; 
height:auto; 
left:-1px; 
top:2.88em; 
background-color:#333;
}

*html .menu5 li:hover ul, .menu5 li a:hover ul {
left:-1px; 
top:2.85em;
}


.menu5 li:hover ul li a, .menu5 li a:hover ul li a {
display:block; 
font-weight:normal; 
text-decoration:none; 
height:18px; 
color:#fff;
padding:6px 2px 0px 0px;
background-image:url(images/submenu_bg.gif);
background-repeat:no-repeat;
background-position:top;

}


* html .menu5 li a:hover ul li a {
w\idth:9em; /* hack for IE5.5 */
width:13em;
height:18px;
padding:6px 2px 0px 0px;
}

.menu5 li:hover ul li a.drop, .menu5 li a:hover ul li a.drop {
font-weight:bold;
}

.menu5 li:hover ul li ul, .menu5 li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
top:0; 
left:9.5em; 
height:0; 
overflow:hidden;

}
/* hover over for submenu */
.menu5 li:hover ul li a:hover, .menu5 li a:hover ul li a:hover {
text-decoration:none;
color:#e4b028;
}
.menu5 li:hover ul li:hover ul, .menu5 li a:hover ul li a:hover ul {
visibility:visible; 
color:#000; 
border:1px solid #ddd; 
height:auto; 
background:#fff; 
} 
.menu5 li:hover ul li:hover ul.left, .menu5 li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.menu5 li:hover ul li:hover ul li a, .menu5 li a:hover ul li a:hover ul li a {
display:block; 
height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a, .menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}

#future_activites .menu5 #futureLink, #about .menu5 #aboutLink, #news .menu5 #newsLink, #membership .menu5 #membershipLink, #publications .menu5 #publicationsLink, #links .menu5 #linksLink, #industry .menu5 #industryLink, #contact .menu5 #contactUsLink, #education .menu5 #educationLink, {
background-color:#40983a;
}

.menu5 li #products a {
	width:123px;
}
.menu5 li #stockists a {
	width:123px;
}
.menu5 li #team a {
	width:123px;
}
.menu5 li #newsevents a {
	width:123px;
}
.menu5 li #aboutus a {
	width:127px;
}

* html .menu li a {
	width:126px;
}