/* ================================================================ 
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/skeleton2.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.
=================================================================== */

.preload1 {background: url(../images/nav-bg.gif);}
.preload2 {background: url(../images/nav-bg-selected.gif);}


#nav, 
#nav ul {float:left;padding:0; margin:0; list-style:none; font: 12px verdana, sans-serif; position:relative; z-index:100;}
#nav {width:954px; height:30px;top:21px;position:relative; z-index:100;}

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

#nav table {border-collapse:collapse;}
#nav li {float:left;text-align:center;}
#nav li li {float:left;width:159px;border-top:1px solid #ebeff1;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {line-height:30px;margin:0px;padding:0px;display:block;position:relative; float:left; color:#fff; text-align:center;background:url(../images/nav-bg.gif) no-repeat;width:159px; text-align:center; text-decoration:none; }
#nav li.last a {line-height:30px;display:block;position:relative; float:left; color:#fff; text-align:center; margin-right:0px; background:url(../images/nav-bg.gif) no-repeat;width:157px; text-align:center; text-decoration:none; }

#nav li.selected a {line-height:30px;display:block;position:relative; float:left; color:#fff; text-align:center;  background:url(../images/nav-bg-selected.gif) no-repeat;width:159px; text-align:center; text-decoration:none;}
#nav li.lastselected a {line-height:30px;display:block;position:relative; float:left; color:#fff; text-align:center; margin-right:0px; background:url(../images/nav-bg-selected.gif) no-repeat;width:157px; text-align:center; text-decoration:none;}



#nav li li a, #nav li.selected li a, #nav li.last li a  {height:auto;line-height:15px;float:left;position:relative;background:#8b9596;color:#FFF;text-align:left;top:0px;padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;margin:0px;font-size:11px;display:block;width:137px;}

#nav li:hover, #nav li.last:hover, #nav li.selected:hover, #nav li.lastselected:hover {position:relative; z-index:100;}
#nav a:hover, #nav li.last a:hover, #nav li.selected a:hover, #nav li.lastselected a:hover {position:relative; z-index:100; color:#fff;background:url(../images/nav-bg-selected.gif) repeat-y;height:auto; }
#nav li:hover > a {color:#fff;background:url(../images/nav-bg-selected.gif) repeat-y;}
#nav li.last:hover > a {color:#fff;background:url(../images/nav-bg-selected.gif) repeat-y;}
#nav li.selected:hover > a {color:#fff;background:url(../images/nav-bg-selected.gif) repeat-y;}
#nav li.lastselected:hover > a {color:#fff;background:url(../images/nav-bg-selected.gif) repeat-y;}


#nav :hover  ul {left:0; top:30px; width:150px;z-index:300;}
#nav a:hover ul {left:0px;}

#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:#fff;font-size:11px;line-height:15px;height:auto;}

#nav li a:hover ul li a:hover {background:#004a80;}

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