/* CSS Document */

#menu { position: absolute; top: 80px; left: 0px; width: 800px; float: left; }

#menu h2 { 
font: bold 11px/16px arial, helvetica, sans-serif; 
display: block; 
border: 1; 
margin: 0; 
padding: 0px 0px; 
border-width: 1px;  
border-style: solid; 
border-color: #aaaaaa, #aaaaaa, #aaaaaa, #aaaaaa; 
color: #999999; 
background: url(nav.jpg) no-repeat; 
text-transform: uppercase; 
text-align: center; }

#menu h2:hover { 
color: #666666; 
background: url(nav.jpg) no-repeat; 
display: block; 
background: #FDFDFD; }


#menu a { 
font: bold 11px/16px arial, helvetica, sans-serif; 
color: #ffffff;
background: #697E71; 
text-decoration: none; 
display: block; 
border: 0; 
border-left: .2em; 
margin: 0; 
padding: 0px 0px; 
text-align: left;
text-indent: .05em; }

#menu a:hover { 
color: #666666; 
background: #EEEEEE;  }


#menu li { position: relative; }

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

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

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

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

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

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

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul,
div#menu ul ul 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,
div#menu ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul li:hover ul

{display: block;}