/* This style is tailor-made to work in IE7, Firefox3 and Safari3 */

/*This style will be applied to the div element holding the menu*/

/******** using visibility:hidden & visibility:visible **********/

#menuContainer {
	/*height:25px;*/
	line-height: 25px;
	text-align: center;
	color:#003300;
	font-weight:bold;
	position:relative;
/*	top:130px;
	left:0px;*/
	padding:0;
	margin:0;
	border:none;
	background-color:#99CC33;
	cursor:pointer;
	z-index:500;
	min-width:775px;
}
#menuContainer td
{
	height:100%;
}

/* Link styles*/
#menuContainer a:link, #menuContainer a:hover, #menuContainer a:active, #menuContainer a:visited{
  text-decoration: none;
  color: #663300;
}
        
/* Hide bullets in unordered list*/
#menuContainer ul { 
	padding:0;
	margin:0;
	list-style-type: none;
	background:#99CC33;
}
#menuContainer ul li
{
	height:100%;
}

/*Initially hide second level (or higher) pop-up*/
#menuContainer ul ul {
	width:140px;
	border: 1px solid #009933;
	visibility:hidden;
	position:absolute;
	text-align:left;
}

/*Initially hide second level (or higher) pop-up*/
#menuContainer ul ul ul{
	width:100%;
  	visibility:hidden;
	position:absolute;
	top:-1px;
	left:100%;
	padding-right: 3px;
}

/* Mouseover li style*/
#menuContainer li:hover {
	color:#FFFFFF;
	background-color: #006600;
}

#menuContainer li li:hover {
	background:#006600;
	color:#FFFFFF;
}

#menuContainer li ul li {
	width:100%;
	background:#99CC33;
	position:relative;
	text-indent:10px;
	color:#000000;
}

#menuContainer ul li ul li ul li {
	padding-right: 3px;
}

/*Mouseover: display second level (or higher) pop-up*/
#menuContainer li:hover > ul {
  	visibility:visible;
}
