/* CSS Document */
body {
font-family: Tahoma, Arial;
color:#3b3b3b;
font-size:11px;
margin:0;
padding:0;
}

h1 {
font-size:24px;
}

a {
color:#3b3b3b;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.mainmenu {
	font:  12px Tahoma, Verdana, Arial;
	padding-bottom:1px;
}

.mainmenu ul {
	margin:0;
	padding:0;
	float:left;
}

.mainmenu ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	text-align:left;
	display:block;
}

.mainmenu h2 {
	margin:0;
	padding:0;
	font: bold 12px Tahoma, Verdana, Arial;
	
}
.mainmenu ul li a {
	color:#000000;
	text-decoration:none;
	padding:0px 44px 0px 44px;
	float:left;
	background: url(image/sap_menu.gif) no-repeat right;
	line-height:30px;
	height:30px;
	display:block;
}

.mainmenu ul li a:hover {
	color:#b31e1e;
	
}

.mainmenu ul ul {
	position: absolute;
	z-index: 500;
	top:30px;
	left:0px;
	border:1px solid #c2c2c2;
	width:130px;
}

html>body .mainmenu ul ul {
	width:auto;
}

.mainmenu ul ul li {
	display:block;
}


.mainmenu ul ul li a {
	width:150px;
	background:#e8e8e8;
	border-bottom: 1px solid #c2c2c2;
	color:#000000;
	display:block;
	float:none;
	padding-left:10px;
	font-weight:normal;
	height:25px;
	
}

.mainmenu ul ul li a:hover {
	background:#aade57;
	color:#000000;
}

.mainmenu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

.mainmenu ul ul,
.mainmenu ul li:hover ul ul,
.mainmenu ul ul li:hover ul ul
{display: none;}

.mainmenu ul li:hover ul,
.mainmenu ul ul li:hover ul,
.mainmenu ul ul ul li:hover ul
{display: block;}

html .mainmenu ul li { float: left; height: 1%;}
html .mainmenu ul li a { height: 1%; }

.mainmenu li:hover ul, li.over ul { display: block; float:left;}




<!--[if lt IE 7]>
.mainmenu{float:none;}
body{behavior:url(csshover.htc); }
.mainmenu ul li{float:left; }
.mainmenu a{height:1%;font: bold 11px arial, helvetica, sans-serif;}

<![endif]-->