/* ================================================================ 
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/skeleton.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 is the top level menu */
#nav  {
    margin:0; 
    padding: 0;
    list-style:none; 
    font: 14px verdana, sans-serif; 
/*    border:1px solid #000;*/
    background-image:url(images/Menu_bg.jpg);
    position:absolute; 
    top: 140px;
    width: 100%;
    height:25px;
    z-index:200;
}

/* nav ul is the dropdown list items */
#nav ul { 
    padding:0; 
    margin :0; 
    list-style:none; 
    font: 14px verdana, sans-serif; 
/*    border:1px solid #000;*/
    border-top: none; 
    background: #d88a0e;
    position:absolute;
/*    top: 136px;*/
    left:-9999px; 
    top:-9999px; 
    width: 125px;
/*    z-index:200;*/
}

#nav table {border-collapse:collapse;}
#nav li {float:left;} /* affects the top level menu */
#nav li li {float:none; background: #d88a0e;}

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

/* Top level menu */
#nav li a {
    display:block; 
    float:left; 
    height:25px; 
    padding:0px 9px 0px 10px; 
    margin: 0px 0px 0px 0px;
    line-height:25px; 
    text-decoration:none;
    color:#000; 
    white-space:nowrap;
    border-right: 1px solid #000;
}

#nav li li a {
/*    padding:0px 20px 0px 0px; */
    margin :0; 
    height:25px; 
    line-height:25px; 
    float:none; 
    background: #d88a0e; 
    color: #000;
    border: 1px solid #000;
} /*Drop down menu */

#nav li:hover {
    position:relative; 
    z-index:300; 
    background:#d88a0e;
}

/**********************************/
/* another hack for IE5.5 and IE6 */
/**********************************/
#nav a:hover {
    position:relative; 
    z-index:300; 
    background: #d88a0e;
    padding:0px 9px 0px 10px; 
/*    border-left:1px solid #000; */
/*    border-right:1px solid #000;  */
/*    color: #eee;*/
}

#nav :hover ul {left:-1px; top:25px;} /* This positions the first level drop downs */

/**********************************/
/* another hack for IE5.5 and IE6 */
/**********************************/
#nav a:hover ul {left:-1px; top: 26px;}
#nav a:hover ul a:hover {background:#ffa619;}

/* 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:0px; width: auto;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li li:hover > a {
/*    color:#eee; */
/*    border-top:1px solid #000; */
    background: #ffa619;
}


/* 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:-1px;
  background: #d88aff; 
}

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