#nav {padding:0 0 0 0px;margin:0;list-style:none;font: 11px arial, sans-serif;position:relative;z-index:200; height:24px;}
 
#nav ul {padding:0;margin:0;list-style:none;float:left;background:#d9dadb;}

#nav table {border-collapse:collapse;margin:-1px;height:0;}
#nav li {float:left;border-left:1px solid #d9dadb;}
#nav li.first {float:left;border-left:0px solid #d9dadb;}
#nav li li {float:none;}
#nav li.last {}
/* a hack for  IE6 */
#nav li a li {float:left;}

#nav li a {display:block;float:left;color:#fff;height:24px; padding:0 15px 0 15px;line-height:24px;text-decoration:none;white-space:nowrap;/*font-weight:bold;*/ font-weight:normal;font-size:1.1em;}

#nav li li a {display:block;height:20px;line-height:20px;float:none;padding:1px 15px 2px 15px;font-weight:normal;letter-spacing:0px;background:#d9dadb;font-size:1em;}


#nav li:hover {position:relative;z-index:300;background:#d9dadb}
#nav a:hover {position:relative;z-index:300;color:#000;border:0;}

#nav li li a {color:#000;background:#d9dadb;}
#nav li li a:hover {color:#000;background:#d9dadb;text-decoration:underline;}

#nav :hover ul {left:-1px;top:24px;z-index:500;}
#nav :hover ul.primer {left:0px;top:24px;z-index:500;}

#nav ul {position:absolute;left:-9999px;top:-9999px;}
* html #nav ul {width:2px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-5px;margin-left:100%;top:-1px;z-index:500;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute;left:-9999px;top:-9999px;width:auto;}
/* show path followed */
#nav li:hover > a {color:#000;}
#nav li li:hover > a {color:#000;background-color:#d9dadb;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul {left:100%;margin-left:-5px;top:-1px;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul {position:absolute;left:-9999px;top:-9999px;}