/* dropdown menu */
.menu {
	font-variant: small-caps; 
	font-size: 12px; 
	font-weight: bolder;
	height: 2.0em;
	margin-bottom: 1px;
	text-align: center;
	background: #ebeee8 url(../../images/bg-menubar.gif) repeat-x;
	font-family: serif, Georgia, times;
}

.menu ul li a, .menu ul li a:visited {
	display: block;
	text-decoration:none; 
	text-align:center; 
	color:#000; /*non-hovered font color*/
	font-weight: bolder;
	border-right: 1px solid #000;
	border-left:1px solid #000; 
	line-height:20px; 
	font-size:12px; 
	overflow:hidden;
	width: 10em;
	padding: 0px;
	/*background: #BFCFB5;*/
}

.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none; 
}

.menu ul li {
	float:left; 
	margin-right:1px; 
	position:relative;
}

.menu ul li ul {
	display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
	color:#BFCFB5; 		/*top hover color*/
	background:#27765F; /*top hover color*/
	border:1px dotted #000;
	height:1.85em;
}

.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:1.9em; 
	left:0px; 
	width:1.8em;
}

.menu ul li:hover ul li a.hide {
	color:#000;				/*2nd layer popout non-hovered*/
}

.menu ul li:hover ul li:hover a.hide {
	background: #333; 	/*don't know*/
	color: #BFCFB5;			/*don't know*/
}

.menu ul li:hover ul li a.hide2 {
	background: #333;  	/*don,t know*/
	color:#333;				/*don't know*/
}

.menu ul li:hover ul li:hover a.hide2 {
	background: #333; 	/*don't know*/
	color:#BFCFB5;				/*don't know*/
}

.menu ul li:hover ul li ul {
	display: none;
}

.menu ul li:hover ul li a {
	display:block; 
	/*background: transparent url(../../images/backPixel.png);*/
	background: #BFCFB5;
	color:#000;		/*non hovered bottom*/
	font-weight: bolder;
	border:1px solid #333;
	width: 10em;
	height:auto;
}

.menu ul li:hover ul li a:hover {
	background: #27765F; 
	color: #BFCFB5; /*slide out hover*/
}

.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:105px; 
	top:0;
}

.menu ul li:hover ul li:hover ul.left {
	left:-10.2em;
}

.menu .lastItem {
	border-bottom: 1px solid #000;
}

.menu a:active, a:focus {
	outline: 0;
}

li.heading, li.heading:hover a {
	background: #3b9164;
}

.menuContainer {
	width: 72em; 
	margin-left: auto; 
	margin-right: auto;
}