/* CSS Document */

#menu
 {
width:700px;
float: left;
font-size:11px;
z-index:1000;
}

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

#menu
 a, #menu
 h2 {
width:138px;
height:20px;
display: block;
margin: 0;
text-align:center;
}

#menu
 h2 {
color: #fff;
border:1px solid #fff; 
background:#000080; 
line-height:20px; 
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}


#menu
 a {
color: #000;
background:#DDD;
text-decoration: none;
}

#menu
 a:hover, #menu
 ul li:hover a h2{
color:#FFF; 
background:#8B0000;
}

#menu
 li {position: relative;
 z-index:1000;
}



#menu
 ul li ul li{
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

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

}

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

}

div#menu
 ul ul {
display: none;
}

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

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;}
html #menu h2{
		width:136px;
		}