/* ================================================================ 
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/pro_variable3.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.
=================================================================== */
#nav{position: relative; padding: 0; margin: 0; list-style: none; z-index: 200; height: 44px; width: 995px;}
 
#nav ul{padding: 0; margin: 0; list-style: none; float: left;}

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

#nav li a{display: block; float: left; color: #b9ab97; height: 10px; padding: 2px 16px; line-height: 10px; text-decoration: none; white-space: nowrap; text-transform: uppercase; background: url(/_img/bg-nav.gif) top right repeat-y; font-size: 100%;}

#nav li li a{display:block; height: 13px; line-height: 13px; float: none; padding: 3px 13px; font-size: 80%; background: none;}

#nav li:hover {position: relative; z-index: 300; cursor: pointer;}
#nav a:hover {position: relative; z-index: 300; border: 0;}

#nav li li a{color: #40badf;}
#nav li li a:hover {color: #321f61;}

#nav :hover ul{left: 0; top: 39px; _top: 14px; z-index: 500; background: #fff; border-top: 10px #1fb4db solid;}

#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: 0px; margin-left: 100%; top: -10px; 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: #1d1160;}
#nav li li:hover > a {color: #313131;}

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