/* ================================================================ 
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/navs/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

#nav {
	background: url(../../images/site/sprites.png) -192px 0 no-repeat;	
	float: left;
}

.nav { 
	font-family: arial, sans-serif; 
	width:174px; 
	position:relative; 
	margin:0px; 
	font-size:11px; 
	behavior: URL(csshover.htc);
}
.nav ul li a, .nav ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#000; 
	width:174px;
	text-align:left; 
/*	border:1px solid #000; 
	border-width:1px 1px 1px 1px;  */
	background: url(../../images/site/evilArrow.gif) no-repeat 7px 9px;
	border-bottom: 1px solid #999;
	font-weight: bold;
	line-height:1.1em; 
	font-size:13px; 
	font-family: Arial;
	color: white;
	padding: 6px 0px 6px 16px ;
	margin-top:-1px;
}
.nav ul {
	padding:0px; 
	margin:0px;
	list-style-type: none; 
	z-index:99; 
}
.nav ul li {
	float:left; 
	margin-right:1px; 
	position:relative;
}
.nav ul li ul {display: none;}
.nav-heading {
	background-color: #ccc;
	display: block;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	width: 178px; /* helps IE with hover */
	border-left:1px solid #000;
	border-right:1px solid #000;
}
/* specific to non IE browsers */
.nav ul li:hover a {color:#fff; background:#B1BDD1;}
.nav ul li:hover ul {display:block; position:absolute; top:0; left:169px; width:174px;}
.nav ul li:hover ul li a.hide {background-color:#B1BDD1; color:#fff;}
.nav ul li:hover ul li:hover a.hide {width:174px;}
.nav ul li:hover ul li ul {display: none;}
.nav ul li:hover ul li a {display:block; background-color:#fff; color:#000; width:174px;}
.nav ul li:hover ul li a:hover {background-color:#B1BDD1; color:#fff;}
.nav ul li:hover ul li:hover ul {display:block; position:absolute; left:169px; top:0px; color:#fff;}
.nav ul li:hover ul li:hover ul li a {display:block; width:174px; background-color:#fff; color:#000;}
.nav ul li:hover ul li:hover ul li a:hover {background-color:#B1BDD1; color:#fff;}