#nav, 
#nav ul {float:left;padding:0; margin:0; list-style:none; font: 12px arial; position:relative; z-index:100;}
#nav {width:960px; height:32px;margin-top:20px;position:relative; z-index:100;background:#8cd8ed;}

#nav a,a:visited,a:active,a:hover
{
    font: 12px verdana,sans-serif;
}

#nav table {border-collapse:collapse;}
#nav li {float:left;text-align:center;}
#nav li.last {float:left;border:0px;text-align:center;}

#nav li li {float:left;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {width:auto;display:block;position:relative; font-family:arial;font-size:12px;font-weight:bold; float:left; color:#333; text-align:center;height:32px; line-height:32px;background:url(../images/nav-border.gif) right no-repeat;padding-left:21px;padding-right:21px; text-decoration:none;margin-left:0px; }
#nav li.last a {width:auto;display:block;font-family:arial; font-size:12px;font-weight:bold; float:left; color:#333; text-align:center;height:32px; line-height:32px; background:none;position:relative;padding-left:21px;padding-right:21px; text-decoration:none;background:none;margin-left:0px; }

#nav li.selected a {width:auto;display:block; float:left; color:#c3272e; text-align:center;height:32px; line-height:32px; position:relative;padding-left:21px;padding-right:21px; text-decoration:none; background:url(../images/nav-border.gif) right no-repeat;margin-left:0px;}
#nav li.lastselected a {width:auto;display:block; float:left; color:#c3272e; text-align:center;height:32px; line-height:32px; background:none;position:relative;padding-left:21px;padding-right:21px; text-decoration:none; background:none;margin-left:0px;}

#nav li li a, #nav li.selected li a {float:left;position:relative;height:auto;color:#333;text-align:left;top:0px;padding-top:7px;line-height:12px;padding-bottom:7px;text-transform:none;background:url(../images/nav-dotted.gif) bottom repeat-x;margin-left:6px;padding-left:13px;width:174px;padding-right:10px;margin-right:7px;font-size:12px;font-family:arial;font-weight:normal;display:block;}
#nav li li.lastsub a, #nav li.selected li.lastsub a, #nav li.last li.lastsub a, #nav li.lastselected li.lastsub a  {float:left;position:relative;height:auto;color:#333;text-align:left;top:0px;padding-top:7px;line-height:12px;padding-bottom:7px;text-transform:none;background:none;margin-left:6px;padding-left:13px;width:174px;padding-right:10px;margin-right:7px;font-size:12px;font-family:arial;font-weight:normal;display:block;}
#nav li.last li a, #nav li.lastselected li a {float:left;position:relative;height:auto;color:#333;text-align:left;top:0px;padding-top:7px;line-height:12px;padding-bottom:7px;text-transform:none;background:url(../images/nav-dotted.gif) bottom repeat-x;margin-left:6px;padding-left:13px;width:174px;padding-right:10px;margin-right:7px;font-size:12px;font-family:arial;font-weight:normal;display:block;}

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100;  color:#c3272e; border-left:0px solid #843;font-size:12px;}
#nav li:hover > a {border-left:0px solid #843; color:#c3272e;}

#nav :hover  ul {left:0; top:31px;z-index:10;width:210px;z-index:300;background:#fff;border-left:2px solid #8cd8ed;border-right:2px solid #8cd8ed;border-bottom:2px solid #8cd8ed;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {color:#c3272e;font-size:12px;}
#nav li.selected:hover > a {color:#c3272e;}
#nav li.last:hover > a {color:#c3272e;}
#nav li.last a:hover {position:relative; z-index:100; color:#c3272e; }
#nav li.selected a:hover {position:relative; z-index:100; color:#c3272e; }


#nav li a:hover ul li a:hover {color:#c3272e;}

/* 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%; top:0;}

/* 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;}