/* 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: Georgia, Times, serif;
	font-size: 0.75em;
	color:#000000;
	line-height: 1.5em;
	font-weight: bold;
	padding: 4px 12px;
}


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

#menu a:hover, #rightmenu a:hover {
color:#FFFFFF;
background-color:#3d3f1f;
}

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

#menu ul ul {
position: absolute;
z-index: 500;
/*border-right: 2px solid #6a1c0d;
border-left: 2px solid #6a1c0d;
border-bottom: 2px solid #6a1c0d;
*/}

#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>