﻿#menu
{
	font-size: small;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

.menuBlock
{	
	border: none;
	margin: 0;
	padding: 0;
}

#menu ul
{
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 0;
	margin: 0px;
	text-align: left;
	width: 100px;
}

#menu li
{		
	display: block;
	margin: 0 0 0 0;
	position: relative;
	z-index: 9;
}

#menu ul ul /*pop out window properties*/
{
	border: 1px groove #1E154C;
	background-color: #EDEDED;
	margin: 8px 0 0 -22px;
	padding: 0;
	text-align: left;
	width: 100px;
}

#menu a
{
	color: #1E154C;
	display: block;
	padding: 0 0 10px 0;
	text-decoration: none;
	width: 100%; /* IE */
}

#menu ul ul a, /*pop out links*/
#menu ul ul a:visited
{
	border-bottom: solid 2px #B6B6B6;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 0;
	padding-top: 5px;	
}

#menu a:hover
{
	/* background-color: #D2D2D2; */
	text-decoration: none;
}

#menu li.folder ul /*pop out window position*/
{
	position: absolute;
	left: 123px; /* IE */
	top: 7px;
}

li.folder > ul /* not sure what the purpose is */
{
	left: 0px;
}
/* others */


#menu li > a,
#menu li > a:visited
{
	width: auto;
}
/* others */

#menu li a.submenu
{
	background: url("images/default/cLogo.jpg") right no-repeat;
}

/* hovers with specificity */

#menu li.folder:hover
{
	z-index: 10;
}

#menu ul ul, li:hover ul ul
{
	display: none;
}

#menu li:hover ul, li:hover li:hover ul
{
	display: block;
}

#menu ul ul li a:hover
{
	background-color: #D2D2D2;
}