/* original based off final_drop.css by Stu Nicholls at CSS Play (www.cssplay.co.uk) */
/* modified by Atlantic BT */

/* leave alone! */
* html body { behavior: url(/css/csshover2.htc); }

#navigation ul { position: relative; z-index: 800; }
#navigation ul li { position: relative; }
#navigation ul li ul { display: none; margin: 0; }
/* extra drop down */
#navigation ul li:hover ul li ul { position: absolute; left: -9000em; top: 1.25em; margin: 0; }


/* EDITABLE AREA */
#navigation ul li:hover a { width: auto; }
	/* keep hover state on */



/* style of drop down */
#navigation ul li:hover ul {
	display: block; 
	position: absolute; 
	top: 20px; left: 0; /* top = height of primary nav button */
	/* basic style */
	margin: 0; padding: 5px;
	width: 160px;
	background: #f60;
	color: #fff;
	border-top: 1px solid #306;
	border-bottom: 1px solid #306;
	/* end basic style */
	z-index: 900; /* leave z-index */
	height: auto; /* override height from nav */
	font-size: 100%; /* override height from nav */
}
	#navigation ul li#n-resources:hover ul { left: -53px; }

#navigation ul li:hover ul li {
	margin: 0; padding: 0;
	line-height: 1em;
	height: auto; /* override height from nav */
	width: 160px;
}

#navigation ul li:hover ul li a {
	display: block;
	padding: 0 10px;
	background: none;
	text-align: left;
	text-indent: 0;
	color: #306;
	height: auto; /* override height from nav */
	width: 140px;
}
	#navigation ul li ul li a:hover { color: #63f; }
	 #navigation ul li:hover ul li.drop
	{ background: url(/images/icons/i_drop-leaf-lft.gif) no-repeat left bottom; }

#container #nav-wrap #navigation ul li ul li a:hover { background-color: #86c436; }

/* for these IE needs a <div> around the inner <ul>, to be ingored in the css -- only there for holder */
#container #navigation ul li ul li:hover ul {
	display: block; 
	position: absolute; 
	left: 170px; 
	top: 0;
	width: 160px;
	font-size: 100%;
}

#container #nav-wrap #navigation ul li ul li:hover ul.left { left: -170px; }