/*
 * $Id: menu.css 121 2007-12-13 16:19:14Z davies_fj $
 *
 * Copyright SciSys UK Limited
 *
 */



/* css menu */
.nav
{
	width: 100%;
	height: 2.5em;
	position: relative;
	font-weight: bold;
    z-index: 990; /* the menu should be in front of everything else on the page */
}

/* top level menu */
.nav ul 
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    z-index: 992; /* the menu should be in front of everything else on the page */
}

.nav li 
{
    float: left;
    position:relative;
}

/* when hovering over the top level list item, raise its z-index slightly */
/* this fixes IE's interpretation of the z-index */
.nav li.AspNet-TreeView-Root:hover
{
    z-index: 993;
}

/* top level menu items, blocked 'a' or span AspNet-TreeView-NonLink */
.nav ul a:link, .nav ul a:visited, .nav span .AspNet-TreeView-NonLink
{
    text-decoration:none; 
    background: #191919;
	border-top: solid 1px #191919;
	border-bottom: solid 1px #191919;
	display:block;
	float: left;
	line-height: 2em;
	padding: 0 0.5em;
	/* width: 12em;*/ /* don't force the top level menu to be any particular width */
	font-size: 1em;
}

/* a hack so that IE5.5 faulty box model is corrected */
/* * html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}*/

/* second level menu items */
.nav ul ul a:link, .nav ul ul a:visited 
{
    text-decoration:none; 
	/* border: solid 1px #96fe31;*/
	border: none;
	display:block;
	float: left;
	line-height: 2em;
	padding: 0 0.5em;
	width: 12em;
}

/* hide the sub levels and give them an absolute positon so that they don't impose on anything else */
.nav ul ul 
{
    visibility: hidden;
    position: absolute;
    height:0;
    top:2em;
    left:0; 
    width:12em;
    z-index: 998; /* the menu should be in front of everything else on the page */
}

/* position the third level flyout menu */
.nav ul ul ul
{
    left:13em; /* make this width+1em if using borders, just width if not */
    top:0;
    width:12em;
    z-index: 999; /* the menu should be in front of everything else on the page */
}

/* style the top second and third level hover */
.nav ul a:hover, .nav ul ul a:hover, .nav ul ul ul a:hover 
{
    color: #fff;
    background: #696969;
}

/* make the second level visible when hover on first level list */
/*.nav ul :hover ul {
    visibility: visible;
}*/
.nav li.over ul {
    visibility: visible;
    /*border: thin solid green; /* for testing */
}

/* keep the third level hidden when you hover on first level list OR link */
.nav ul :hover ul ul
{
    visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.nav ul :hover ul :hover ul
{
     visibility: visible;
}

.nav li.over {
    /*border: solid thin red !important; /* for testing */
}