#menu 
   {
    width:          900px;               /* set width of menu */
    background:     #eee;
    float:          center;
    text-align:center;
   }

#menu ul                                /* remove bullets and list indents */
   {                                
    list-style:     none; 
    margin:         0;
    padding:        0;
    text-align:center;

   }

#menu a, #menu h2                       /* style, color and size links and headings to suit */
   {
    font:           bold 13px/13px arial, helvetica, sans-serif;
    display:        block;
    border-width:   0px;
    border-style:   solid;
    border-color:   #ccc #888 #555 #bbb;
    margin:         0;
    padding:        2px 3px;
    text-align:		left;
   }

#menu a
   {
	color: #5B5A5A;
	background: #FFFFFF;
	text-decoration: none;
}

#menu h2
    {color:         #5B5A5A;
    background:     #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;

    }
   
#menu a:hover
   {
    color:          #008FD1;
    background:     #fff;
    text-decoration:none;
   }
   
/* POSITIONING THE POP-OUTS */

#menu li                                /* Make the list elements a containing block for the nested lists */
   {
    position:       relative;
        text-align:left;
   }
   
#menu ul ul
   {
    position:       absolute;
    text-align:left;
    z-index:        500;
 
   }

#menu ul ul ul
   {
    top:            0;
    left:           100%;               /* to position them to the right of their containing block */
    text-align:left;
       }

 


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

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
text-align:left;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
	font: bold 0.6em/1.2em arial, helvetica, sans-serif;
	font-size: 9pt;
} 
</style>
<![endif]-->