/* CSS Document */

<style type="text/css" media="screen">
/**************** menu coding *****************/
#menu {
width: 655px;
float: left;
clear:left;
/*margin-left:auto;
margin-right:auto;*/
}

#rightmenu {
width: 100px; 
float: left;
/*margin-left:auto;
margin-right:auto;*/
}

#menu ul, #rightmenu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
text-align:left;
}

#menu a, #menu h2, #rightmenu a, #rightmenu h2 {
	display: block;
	border-width: 0;
	margin: 0;
	outline:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	color:#FFFFFF;
	line-height: 1.5em;
	font-weight: bold;
	padding: 8px 11px;
}


#menu a, #rightmenu a {
text-decoration: none;
background-color:#3D7F7F;
}

#menu a:hover, #rightmenu a:hover {
background-color:#08426F;
}

#menu li, #rightmenu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

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

#rightmenu ul ul {
position: absolute;
z-index: 600;
left:-95%;
}

#rightmenu ul ul ul {
position: absolute;
top: 0;
left:-200px;
}

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;}

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

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

</style>