/* ================================================================ 
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 {font-family: arial, sans-serif; width:152px; position:relative; z-index:81; margin:0px; font-size:11px; behavior: URL(csshover.htc);}
.nav ul li a, .nav ul li a:visited {
	display:block; 
	text-decoration:none; 
	width:163px; 
	text-align:left; 
}
.nav ul {
	padding:0px; 
	margin:0px;
	list-style-type: none;
	z-index:81; 
}
.nav ul li {
	float:left; 
	margin-right:1px; 
	position:relative;
}

.nav ul li a{
	font-size:14px;
	color:#ACC96D;
	font-weight: bold;
	background:url(../../images/site/leftnav_bar.gif) bottom left no-repeat;
	padding-left:3px;
	margin-top:10px;
}
.nav ul li a:hover{color:#fff;}

.nav ul ul li, .nav ul ul li:hover {
	background:url(../../images/site/leftnav_dashed.png)  no-repeat 4px bottom ;
}
.nav ul ul li a{
	color:#fff;
	font-size: 12px;
	background:url(../../images/site/leftnav_arrow.gif) 7px 8px no-repeat;
	padding:3px 0px;
	padding-left:17px;
	margin-top:0px;
}

.nav ul ul ul {display: none;background-color:#29497A;}
.nav-heading {
	background-color: #ccc;
	display: block;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	width: 158px; /* helps IE with hover */
}
/* specific to non IE browsers */
.nav ul li a:hover {
		/*color:#fff; */
		/*background-color:#29497A;*/
}

.nav ul ul li:hover ul {
	display:block; 
	position:absolute; 
	top:0px; 
	left:180px; 
	width:188px;
	border:1px solid #fff;
}

.nav ul li:hover ul li:hover a.hide {width:152px;}
.nav ul ul li:hover ul li ul {display: none;}

.nav ul ul li:hover ul li a {
	display:block; 
	background-color:#29497A; 
	background-image: none; 
	width:180px;
	padding:6px 4px;
	border-bottom:1px dashed #fff;
}

.nav ul ul li:hover ul li:hover a {background-color:#538CDF;}
.nav ul ul li:hover ul li:hover ul {display:block; position:absolute; left:180px; top:0px; background-color: #29497A; }
.nav ul ul li:hover ul li:hover ul li a {display:block; width:180px; background-color:#fff; color:#000;}
/*.nav ul ul li:hover ul li:hover ul li a:hover {background-color:#B1BDD1; color:#fff;}*/

#navImage{padding-left:3px; margin-top: 15px;}

#topnav{ 
	position:absolute;
	right:70px;
	top:131px;
	font-family: arial;
}
#topnav ul{
	margin: 0px;
	padding:0px;
	list-style: none;
}
#topnav ul li{
	float:left;
	position: relative;
	margin: 0px;
	background:url(../../images/site/topnav_bar.png) left no-repeat ; 
}
#topnav li a{
	color:#666;
	font-size:14px;
	padding:6px 10px;
	display:block;
	font-weight:bold;
	text-decoration:none;

}
#topnav ul li:first-child{background-image:none;}
#topnav a:hover{}
#topnav ul ul{display:none;}
#topnav ul li:hover ul{
		display:block; 
		background-color:#999; 
		border:1px solid #fff; 
		position:absolute;
		width:200px;
}
#topnav ul ul li{ background-image:none; border-bottom:1px dashed #fff;}
#topnav ul ul li a{ color:#fff; font-size:12px; width:180px; padding:4px 10px;}
#topnav ul ul li a:hover{ background-color: #ccc; color:#666;}