/*******************************************************************/
/* default styles pertaining to the left menu  */
/*******************************************************************/

/* position and width of the menu */
div#nav 
{
	float: left; 
	width: 192px; 
	margin: 0;
	z-index:100;
}
div#nav ul ul
{
	position: absolute; 
	top: -1px; 
	left: 192px; 
	display: none;
}
 
div#nav ul /* put borders around "ul" */
{
	margin: 0; 
	padding: 0; 
	width: 192px; 
	background: #001C14; /* Dark Green */
	/*border-top: 1px solid #aaa; */
	/*border-left: 1px solid #aaa; */
	/*border-right: 1px solid #aaa;*/
}
div#nav li  /* removes bullets and put splitting border in bottom of "li" */
{
	position: relative; 
	list-style: none; 
	margin: 0; 
	border-bottom: 1px solid #ccc;
} 
div#nav li a /* tidy up link */
{
	display: block;
	font-size:14px;
	font-weight:bold;
	font-family:Georgia;
	padding:4px 0 4px 8px; 
	text-decoration: none;
	width: 192px; 
	color: #ffffff; /* White */
}
div#nav li a.sub  /*link with sub-menu add an arrow */
{
	background:url(../images/arrow_white.gif) 185px 10px no-repeat;
}

 /* sets width automatic on links */   
div#nav>ul a,
div#nav>ul a:active
{
	width: auto;
} 
   
   
/*******************************************************************/
/* Handle menu hovering and fly-out for sub-menu  */
/*******************************************************************/   
   

/* displays menu if hovered over */
div#nav li:hover > ul {display:block;}
div#nav ul.level1 li.over ul.level2 {display:block;}   
div#nav ul.level2 li.over ul.level3 {display:block;}
div#nav ul.level3 li.over ul.level4 {display:block;}
div#nav ul.level4 li.over ul.level5 {display:block;}

/* Change list item background color when hovered or expanded */
div#nav li.over,
div#nav li:hover
{
	background: #e8e8e8;  /* Off-White */
}

/* change the link color when hovered */
div#nav li a:hover
{
	display: block; 
	text-decoration: none;
	color:#001C14; /* Dark Green */
}

div#nav li.over a,
div#nav li:hover a
{
	display: block; 
	text-decoration: none;
	color:#001C14; /* Dark Green */
}

div#nav li.over a.sub,
div#nav li:hover a.sub
{
	background:url(../images/arrow_dark.gif) 185px 10px no-repeat;
}

div#nav ul.level1 li.over ul.level2 li a,
div#nav ul.level1 li:hover ul.level2 li a
{
	display: block; 
	text-decoration: none;
	color:white;	
	font-size:12px;
}

div#nav ul.level1 li.over ul.level2 li.over a,
div#nav ul.level1 li:hover ul.level2 li:hover a

{
	display: block; 
	text-decoration: none;
	color:#001C14; /* Dark Green */
}