/* CSS Document */

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
	margin: 0px 5px;
	padding: 0px;
	list-style: none;
	height: 40px;
}
ul#navmenu li {
	float: left;
	display: inline;
	list-style: none;
	position: relative;
	border-left: 1px solid #2C530E;
	border-right: 1px solid #5F8641;
}
ul#navmenu li.mainMenu-ACT {
	background-image: url(../../img/menu-act.jpg);
	background-repeat: repeat-x;
	border-left: 1px solid #2C530E;
	border-right: 1px solid #5F8641;
	color: #356410;
}
ul#navmenu li:hover {
	border-left: 1px solid #2C530E;
	border-right: 1px solid #5F8641;
	color: #356410;
}
/* style the links for the top level */
ul#navmenu a, ul#navmenu a:visited {
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	font-size: 16px;
	text-decoration:none; 
	color: #FFF; 
	font-weight: bold;
	height: auto !important;
	height: 1%; /*For IE*/
	line-height: 40px; /* IC */
	padding: 0px 10px;
}
ul#navmenu a:hover, ul#navmenu ul a:hover{
	background-image: url(../../img/menu-act.jpg);
	background-repeat: repeat-x;
	color: #356410;
}
ul#navmenu :hover > a, ul#navmenu ul :hover > a {
	background-image: url(../../img/menu-act.jpg);
	background-repeat: repeat-x;
	color: #356410;
}
ul#navmenu .mainMenu-ACT a, ul#navmenu .mainMenu-ACT a:visited {
	color: #FFF;
}
/* a hack so that IE5.5 faulty box model is corrected 
* html ul#navmenu a, * html ul#navmenu a:visited {
	width:200px;
	w\idth:200px;
}*/

/* style the second level background */
ul#navmenu ul {
	margin: 0;
	padding: 0;
}
ul#navmenu ul li {
	border: none;
}
ul#navmenu ul a, ul#navmenu ul a:visited {
	display:block;
	padding-left: 10px;
	width: 200px;
	height: auto !important;
	height: 1%; /*For IE*/
	line-height: 25px; /* IC */
	font-size:14px;
	text-decoration:none; 
	color:#000000; 
	background-color: #CACACA;
}
/* style the second level hover */
ul#navmenu ul a:hover {
	color: #000000;
	background-color: #EBEBEB;
}
ul#navmenu ul :hover > a {
	color: #000000;
	background-color: #EBEBEB;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
ul#navmenu ul {
	visibility:hidden;
	position:absolute;
	top:40px;
	left:0; 
	width:200px;
}
/* another hack for IE5.5 */
* html ul#navmenu ul {
	top:40px;
	t\op:40px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
ul#navmenu table {
	position:absolute;
	top:0;
	left:0;
}
/* make the second level visible when hover on first level list OR link */
ul#navmenu li:hover ul, ul#navmenu a:hover ul{
	visibility:visible; 
}