/* Navigation bar */

#SideContainer{
	margin-right:-40px;
	margin-left:-45px;
	margin-top:55px; 
	float:left;
	vertical-align:middle;
	width:175px;
	position:relative;
	z-index:1;
	clear:both;
	}

    /* Menu */

#menu{
background:none;
	}
	
.folder{}

#menu ul,
#menu li,
#menu a{
	display:block;
	margin:0;
	padding:0;
	border:0;
	}

#menu ul{
	width:100%;
	list-style:none;
	}

#menu li{
	position:relative;
    list-style:none;
	z-index:9;
	width:150px;
	height:40px;
	text-align:right;	
	border:#999999 groove thin;
	padding:4px 40px 2px 2px;
	background-color:#FFFF80; 
	font-size:16px;
	font-weight:bold;
	color:#000000;
	margin-top:15px;
	}

#menu ul li ul li{
	padding:2x 40px 0px 2px;
	margin-top:2px;
	margin-left:3px;
	background-color:#FFFFB9;
	width:140px;
	height:25px;
	}

#menu li.folder ul{
	position:absolute;
	left:100%; /* IE */
	top:-4px;
	width:145px;
	    }
	
#menu li.folder>ul { left:100%;} /* others */

#menu a{
	font: bold 11px Arial, Helvetica, sans-serif;
    color: #000000;
    letter-spacing:.1em;
    text-decoration:none;
    padding:8px 6px 10px 10px;
	width:127px; /* IE - needed to empirical test to determine size; 100% too wide. */
	}
	
#menu li>#menu a { width:auto;}

 /* others */
	

	/* Regular Hovers */

#menu a:hover
    {
	width:127px; /* IE - needed to empirical test to determine size; 100% too wide. */
	color:#388989;  /*#3399FF*/
	}

#menu li.folder a:hover{
	width:127px;
    }

	/* Hovers with Specificity */

#menu li.folder:hover{
	z-index:10;
    }
		
#menu ul ul,
#menu li:hover ul ul{
	display: none;

    }

#menu li:hover ul,
#menu li:hover li:hover ul{
  	display: block;
	padding:1px 1px 0px 1px;
    }