/* menu items */
ul#menu {
padding: 0;
margin-top: 100px;
list-style: none;
width: 1000px;
margin: auto;
height: 36px;
}

ul#menu li {
float: left;
position: relative;
width: 7.2em;
text-align: center;
z-index: 1;
}				

ul#menu li a {
display: block;
text-decoration: none;
color: #fff;
padding: 11px;
font-weight: bold;
background: url("../images/menu.gif") repeat-x;
}

ul#menu li a:hover {
text-decoration: underline;
}				

/* Holly Hack. IE Requirement \*/
* html ul#menu li { float: left; height: 1%; }
* html ul#menu li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */															

/* sub menu */
li ul {
position: absolute;
left: -25%; /* Set 1px less than menu width */
top: 36px;
display: none;
}
			
ul#menu li ul {
margin: 0px;
padding: 0;
list-style: none;
width: 11em;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
}

ul#menu li ul a {
background: 0;
color: #FFFFFF;	
display: block;
text-decoration: none;
padding: 11px;
font-weight: bold;
width: 9em;
background: #9c9c9c url("../images/subitem.jpg");
}

ul#menu li ul li {
float: left;
position: relative;
width: 100%;
}