<style type="text/css">
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#links {}
#nav {padding:0; margin:0; list-style:none; left:10px; position:relative; top:-62px; z-index:200; font-family:arial, verdana, sans-serif; width:100%; /*background:url(../images/menu/menubar.gif); padding: 10px;*/ background-repeat:no-repeat;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:40px; width:150px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-999px; color:#FFFFFF;}

#nav li a.about{background:url(../images/menu/about.gif); background-repeat:no-repeat;}
#nav li a.productions{background:url(../images/menu/productions.gif); background-repeat:no-repeat;}
#nav li a.develop{background:url(../images/menu/developments.gif); background-repeat:no-repeat;}
#nav li a.education{background:url(../images/menu/education.gif); background-repeat:no-repeat;}
#nav li a.contact{background:url(../images/menu/contact.gif); background-repeat:no-repeat;}

#nav li a.about:hover{background:url(../images/menulight/about.gif); background-repeat:no-repeat;}
#nav li a.productions:hover{background:url(../images/menulight/productions.gif); background-repeat:no-repeat;}
#nav li a.develop:hover{background:url(../images/menulight/developments.gif); background-repeat:no-repeat;}
#nav li a.education:hover{background:url(../images/menulight/education.gif); background-repeat:no-repeat;}
#nav li a.contact:hover{background:url(../images/menulight/contact.gif); background-repeat:no-repeat;}

#nav li:hover a:hover {}
#nav a:hover{background-position: 0 55px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; color:#FFFFFF;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}


#nav :hover ul.sub
{left:0; top:35px; width:150px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:35px; position:relative; float:left; width:150px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:35px; width:150px; text-decoration:none; padding:0; cursor:pointer;}
#nav ul.sub li a b:hover{position:absolute; left:-9999px; margin:0;}

#nav  ul li a.newsletter:hover{background:url(../images/menulight/newsletter.gif);background-repeat:no-repeat;}
#nav ul li a.newsletter{background:url(../images/menu/newsletter.gif);background-repeat:no-repeat;}
#nav  ul li a.news:hover{background:url(../images/menulight/news.gif);background-repeat:no-repeat;}
#nav ul li a.news{background:url(../images/menu/news.gif);background-repeat:no-repeat;}
#nav  ul li a.projects:hover{background:url(../images/menulight/projects.gif);background-repeat:no-repeat;}
#nav ul li a.projects{background:url(../images/menu/projects.gif);background-repeat:no-repeat;}
#nav ul li a.faq:hover{background:url(../images/menulight/faq.gif);background-repeat:no-repeat;}
#nav ul li a.faq{background:url(../images/menu/faq.gif);background-repeat:no-repeat;}

#nav ul li a.research{background:url(../images/menu/research.gif); background-repeat:no-repeat;}
#nav ul li a.research:hover{background:url(../images/menulight/research.gif); background-repeat:no-repeat;}
/*#nav :hover ul li a.newsletter:hover {background:url(../images/menudark/newsletter.gif);background-repeat:no-repeat; );}
#nav :hover ul li a.faq:hover {background:url(../images/menudark/faq.gif);background-repeat:no-repeat; );}*/

#nav  ul li a.current:hover{background:url(../images/menulight/current.gif); background-repeat:no-repeat;}
#nav ul li a.current{background:url(../images/menu/current.gif); background-repeat:no-repeat;}
#nav ul li a.archive:hover{background:url(../images/menulight/archive.gif); background-repeat:no-repeat;}
#nav ul li a.archive{background:url(../images/menu/archive.gif); background-repeat:no-repeat;}

/*#nav :hover ul li a.current:hover{background:url(../images/menudark/current.gif); background-repeat:no-repeat;);}
#nav :hover ul li a.archive:hover{background:url(../images/menudark/archive.gif); background-repeat:no-repeat;);}*/


#nav ul li a.resources{background:url(../images/menu/resources.gif); background-repeat:no-repeat;}
#nav ul.sub li a.resources:hover{background:url(../images/menulight/resources.gif); background-repeat:no-repeat;}
#nav ul li a.training{background:url(../images/menu/training.gif); background-repeat:no-repeat;}
#nav :hover ul.sub li a.training:hover {background:url(../images/menulight/training.gif ); background-repeat:no-repeat;} 

/*#nav :hover ul li a.resources:hover {background:url(../images/menudark/about.jpg); background-repeat:no-repeat;);}
#nav :hover ul li a.training:hover {background:url(../images/menudark/training.gif); background-repeat:no-repeat;);}*/

/*background-repeat:no-repeat;);}
{background-position: 0 30px; position:relative;}
#nav :hover ul.sub li a:hover b {left:0px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}*/

</style>
