/* Jack's Nav MENU.CSS */

#nav, #nav ul {
			padding: 5px; 
			margin: 2; 
			list-style: none; 
			font:  12px Arial, Helvetica, sans-serif, verdana;
			color: #006; 
			border: 1px solid #000; 
			border-color: #eca #b97 #a86 #edb; 
			border-width: 1px 3px 3px 1px; 
			background: #fff; 
			position: relative; 
			z-index: 200;
			}
			
#nav {
			height: 30px; 
			padding: 5px;
			}

#nav table {border-collapse: collapse;
			}
			
#nav li {
			float: left; 
			padding: 0 20px 0 10px;
			}
			
#nav li li {float: none;
			}
			
/* a hack for IE5.x and IE6 */
#nav li a li {float: left;
			}

#nav li a {
			display:block; 
			float:left; 
			color:#0000A0; 
			height:25px; 
			padding-right:5px; 
			line-height:25px; 
			text-decoration:none; 
			white-space:nowrap;
			}
			
#nav li li a {
			height:20px; 
			line-height:20px; 
			float:none;
			}

#nav li:hover {
			position:relative; 
			z-index:300; 
			background:#fff;
			}
			
#nav a:hover {
			position:relative; 
			z-index:300; 
			text-decoration:underline; 
			color: #756B3E ;
			}

#nav :hover ul {
			left:0;
			top:22px;
			}
			
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {
			left:-10px;
			}

#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:-15px; 
			margin-left:100%; 
			top:-1px;
			}
			
/* keep further levels hidden */
#nav li:hover > ul ul {
			position:absolute; 
			left:-9999px; 
			top:-9999px; 
			width:auto;
			}
			
/* show path followed */
#nav li:hover > a {
			text-decoration:underline; 
			color:#b75;
			}

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

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


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