/* formatting for all list elements
---------------------------------------------------------- */
#prenav 
{
	float:left;
	text-align:left;
}

#prenav ul /* all lists */
{ 
	margin: 95px 0 0 8px;
}

#nav li /* all list items */
{ 
	float: left;
}

#prenav li a, #footer ul li a  /* all list item links, this makes the entire item and not just the text clickable */
{
	display: block;
	text-decoration:none;
	padding:10px 8px 10px 8px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.4em;
	color:#a4a9b3;
}
#prenav li a:visited, #footer ul li a:visited
{
	color:#a3aab5;
} 
#prenav li a:hover, #footer ul li a:hover
{
	color:#426214;
}
#prenav li a:active, #footer ul li a:active 
{
	color:#9ca441;
}

#nav 
{
}

/* list ends
---------------------------------------------------------- */


/* second level lists
---------------------------------------------------------- */

#prenav li ul {	
	display: none;
	margin:-2px 0 0 0px;
	position:absolute;
	z-index:999;
}

#prenav li ul li 
{
}

#prenav li ul li a 
{
	display: block;
	padding:10px 15px 0 15px;
	margin:0;
	width:250px;
	height:20px;
	font-weight:bold;
	background:transparent url(Images/bonsai_NavSubBG.png) no-repeat top left;
}
#prenav li ul li a.subNavBtm 
{
	background:transparent url(Images/bonsai_NavSubBGBttm.png) no-repeat top left;
}

/* second-level list item links hover */
#prenav li ul li a:hover 
{ 
}

/* third level lists
---------------------------------------------------------- */

#prenav li ul li ul {	
	display:none;
	margin:-35px 0 0 221px;
	position:absolute;
	top:-30px;
	
}

#prenav li ul li ul li
{
	display:none;
}

#prenav li ul li ul li a 
{
	display: block;
	color:green;
	width:275px;
	background:transparent url(Images/bonsai_NavSubBG291x34.png) no-repeat top left;
	font-weight:normal;
}

/* second-level list item links hover */
#prenav li ul li ul li a:hover 
{ 
	color:Blue;
}
/* IE and mozilla fixes
---------------------------------------------------------- */

#prenav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#prenav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

#prenav li ul li {
	clear: left; /* float fix for IE*/
}

/* IE and mozilla fixes (third level
---------------------------------------------------------- */

#prenav li ul li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#prenav li:hover ul li:hover ul li, li.over ul li.over ul li { /* lists nested under hovered list items */
	display: block;
}


/* misc
---------------------------------------------------------- */



/*Hacks :( */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
#prenav li a {
	font-size:1em;
	margin:auto 15px;
}