/* ================================================================ 
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 {
	width:200px; 
	position:relative; 
	margin:0px; 
	font-size:12px; 
	behavior: URL(csshover.htc);
}
.nav ul li a, .nav ul li a:visited {
	display:block; 
	text-decoration:none; 
	text-align:left;
}
.nav ul {padding:0px; margin:0px;list-style-type: none; z-index:99; }
.nav ul li {border-bottom:1px solid #FFF;float:left; margin-right:1px; position:relative;}
.nav ul li ul li ul {display: none;}
.nav-heading-green {
	background-color:#A2AC32;
	display: block;
	font-weight:bold;
	color:#FFF;
	margin: 0px;
	text-decoration: none;
	font-size:14px;
	font-family:Helvetica;
	letter-spacing:-1px;
	border:none;
	margin-top:-1px;
	width: 171px;
	padding:3px 4px 3px 25px;
	background-image:url(../../images/site/design_left_nav_bullet_green_h.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.nav-heading-orange {
	background-color:#F97715;
	display: block;
	font-weight:bold;
	color:#FFF;
	margin: 0px;
	text-decoration: none;
	font-size:14px;
	font-family:Helvetica;
	letter-spacing:-1px;
	border:none;
	margin-top:-1px;
	width: 171px;
	padding:3px 4px 3px 25px;
	background-image:url(../../images/site/design_left_nav_bullet_orange_h.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.nav-heading-blue {
	background-color:#00AAD6;
	display: block;
	font-weight:bold;
	color:#FFF;
	margin: 0px;
	text-decoration: none;
	font-size:14px;
	font-family:Helvetica;
	letter-spacing:-1px;
	border:none;
	margin-top:-1px;
	width: 171px;
	padding:3px 4px 3px 25px;
	background-image:url(../../images/site/design_left_nav_bullet_blue_h.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.green {
	width: 171px;
	padding:3px 4px 3px 25px;
	background-color:#DBDEAF;
	background-image:url(../../images/site/design_left_nav_bullet_green.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.orange {
	width: 171px;
	padding:3px 4px 3px 25px;
	background-color:#FCBC8D;
	background-image:url(../../images/site/design_left_nav_bullet_orange.gif);
	background-position:left;
	background-repeat:no-repeat;
}
.blue {
	width: 171px;
	padding:3px 4px 3px 25px;
	background-color:#92CEDB;
	background-image:url(../../images/site/design_left_nav_bullet_blue.gif);
	background-position:left;
	background-repeat:no-repeat;
}
/* specific to non IE browsers */
.nav ul li.green:hover a {color:#000;}
.nav ul li.orange:hover a {color:#000;}
.nav ul li.blue:hover a {color:#000;}

.nav ul li ul li:hover ul {display:block; position:absolute; top:0; left:200px; width:200px;}
.nav ul li ul li:hover ul li a.hide {background-color:#B1BDD1; color:#fff;}
.nav ul li ul li:hover ul li:hover a.hide {width:152px;}
.nav ul li ul li:hover ul li ul {display: none;}

.nav ul li ul li.green:hover ul li a {display:block; background-color:#CFD396; color:#000; width:200px; padding:3px;}
.nav ul li ul li.orange:hover ul li a {display:block; background-color:#FCAA6D; color:#000; width:200px; padding:3px;}
.nav ul li ul li.blue:hover ul li a {display:block; background-color:#6DC4DB; color:#000; width:200px; padding:3px;}

.nav ul li ul li.green:hover ul li a:hover {background-color:#DBDEAF; color:#000;}
.nav ul li ul li.orange:hover ul li a:hover {background-color:#FCBC8D; color:#000;}
.nav ul li ul li.blue:hover ul li a:hover {background-color:#92CEDB; color:#000;}

.nav ul li ul li:hover ul li:hover ul {display:block; position:absolute; left:169px; top:0px; color:#fff;}
.nav ul li ul li:hover ul li:hover ul li a {display:block; width:152px; background-color:#fff; color:#000;}
.nav ul li ul li:hover ul li:hover ul li a:hover {background-color:#B1BDD1; color:#fff;}
