/* CSS Document */
#mainnavigation{
	background-color:#889aa4;
	height:32px;
	padding:8px 40px 0px 40px;
}
#menu {
width: 100%;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 155px;
float: left;
}

#menu a, #menu h2{
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 1px 0px;

}

#menu h2 {
text-transform: uppercase;
}

#menu a {
text-decoration: none;
}

#menu h2 a {
	display: block;
	width: 146px;
	color:#FFFFFF;
	padding-left:9px;
}



#menu h2 a:hover {
	display: block;
	background-color:#9bafba;
	color:#FFFFFF;
}





#menu li {position: relative;}

#menu ul ul {
	padding-top:23px;
	position: absolute;
	z-index: 500;
	background-color:#889AA3;
	width:155px

}

#menu ul ul li{
	width:149px;
	padding:6px 6px 6px 0px;
	border-top-color:#FFFFFF;
	border-top-style:solid;
	border-top-width:1px;
}

#menu ul ul li a{
	color:#4E585E;
	font-weight:normal;
	padding-left:5px;
}

#menu ul ul li a:hover{
	background-color:#BCD5E3;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#mainnavigation_trenner{
	height:20px;
	width:2px;
	background-color:#373f42;
	float:left;
	margin-left:2px;
	margin-right: 2px;
}


