/* ================================================================ 
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.stunicholls.com/menu/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, 
#nav ul {
	padding:0 0 5px 0; 
	margin:0; 
	list-style:none; 
	font: 10px verdana, sans-serif; 
	position:relative; 
	z-index:200;
	
}
#nav {
	height:45px; 
	padding-top:3px;
	
}

#nav li {float:left;
	padding: 0px 1px 0px 0px;
	margin:1px;
	background:#ffffff;
	width:128px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 5px;
}
#nav li li {
	float:none; 
	background:#fff;
}
/* a hack for IE5.x and IE6 */
* html #nav li li {
	float:left;
}

#nav li a {
	display:block; 
	float:left; 
	color:rgb(55, 173, 224);
	margin:0 10px 0 10px; 
	height:46px; 
	line-height:45px; 
	font-weight:bold;
	width:94px;
	text-align:center;
	text-transform: uppercase;
	text-decoration:none; 
	white-space:nowrap;
	font-size:12px;
}
#nav li a:hover{
	color:#e1e1e1;
}
#nav li ul li a {
	display:block; 
	position: relative;
	right: 10px;
	color:#1981BF; 
	height:25px;
	line-height:25px; 
	font-weight:bold;
	text-align:left;
	width:101%;
	text-transform: none;
	text-decoration:none; 
	white-space:nowrap;
	font-size:12px;
	border-bottom:1px #e1e1e1 solid;	
	padding: 0 0 0 6px ;
}
#nav li ul li  {
	float:left;
	padding: 0px 1px 0px 0px;
	margin:1px;
	background:#ffffff;
	width:100%;
}

#nav li li a {
	height:20px; 
	line-height:20px; 
	float:none;
}

#nav li:hover {
	position:relative; 
	z-index:300;
}
#nav li:hover ul {
	left:0; 
	top:45px;
}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {
	left:10px;
}

#nav ul {
	position:absolute; 
	left:-9999px;
	top:-9999px;
	background:white;
}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {
	width:1px;
}

/* 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 and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{
	left:-15px; 
	margin-left:100%; 
	top:-1px;
	background:white;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 11px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 11px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 11px rgba(50, 50, 50, 0.75);
}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{
	position:absolute; 
	left:-9999px; 
	top:-9999px;
}

/* show path followed */
#nav li:hover a
{
	text-decoration:none; 
	color:#b75;
}

#nav li ul li a:hover{
	background:#1981BF;
	color:#ffffff;
	
}

/* hide futher possible paths */
#nav li:hover li a
{
	text-decoration:none; 
	color: rgb(55, 173, 224);
}

}