/* *****************  Navigation   *****************  */
 
div.leftside 
{
	position : absolute;
	margin-top: 5em;
	top : 1em;
	left : 1%;
	width : 15em;
	z-index : 1;
	padding : 0em;
/*	border: 1px solid #0000ff;		*/
}

/* ***** Start nav menu ******** */

div#nav 
{
	float: left; 
	width: 9em; 
	margin: 1em 0 0 -1px;
	color: #2e0200;

/* 	background: transparent #e0e0e0;	*/
}

div#nav ul 
{
	margin: 0; 
	padding: 0; 
	width: 10em; 
/*	background: transparent  #e0e0e0;  */
	color: #2e0200;
	font-weight: bold;
	border: 0px solid #dCF6FE;
}

div#nav ul.level2 {background:   #dddddd; color: #2e0200;}

div#nav ul.level3 {background: #000000; color: #2e0200;}

div#nav li 
{
	position: relative; 
	list-style: none; 
	margin: 0;
	color: #2e0200;
	font-weight: bold;
  	border-bottom: 0px solid #C0C0C0;
}

div#nav li:hover 
{
	background: #fba0a0; 
/*	color: #BE0202;		*/
	color: green;
	font-weight: bold;
}

div#nav li.submenu:hover 
{
	background: #fba0a0; 
	color: #2e0200;
	font-weight: bold;
/*		border: 2px solid #0000ff;	*/
}

div#nav li a 
{
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
  	text-decoration: none; 
  	color: #2e0200;
  	font-weight: bold;
  	width: 10em; 
  	border-left: 0.75em solid #2e0200;
}

div#nav li a:hover 
{
	border-left-color: #2e0200; 
	color: #2e0200; 
	background: #fba0a0;
	font-weight: bold;
}
 
div#nav>ul a {width: auto;}

div#nav ul ul 
{
	position: absolute; 
	top: 0; 
	left: 9.5em;
	display: none;
}

div#nav ul.level1 li.submenu:hover ul.level2, 

div#nav ul.level2 li.submenu:hover ul.level3 { display: block; }

/*  End nav menu  */