/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

#menu{
width: 700px;
margin: 0 auto 0 auto;
padding: 0;
background-color: black;
color: white;
text-align: center;
list-style-type: none;
overflow: visible;
height: 22px;
}

#menu a,#menu a:visited, #menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
white-space:nowrap;
margin:0;
padding:0;
text-decoration: none;
}

#menu h2{
	text-transform: uppercase;
}

#menu a, #menu a:visited{
display: block;
color:#000;
background-color: white;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
text-align: left;
padding: 0 0.5em;
}

#menu a:hover{
color:#000;
background-color:#ddd;
}

#menu a:active{
color:#060;
background-color:#ccc;
}

#menu li {
z-index: 100;
position: relative;
list-style:none;
height: 22px;
margin:0;
padding:0;
display: -moz-inline-box;
display: inline-block;
padding-left: 3em;
zoom: 1;
}
#menu li.first_element {
	padding-left: 0;
}
#menu li.first_element	ul {
	left: -3em;
}

#menu ul { display: none; }
#menu li:hover ul {
	display: block;
}
#menu li ul {
	position: absolute;
	z-index: 100;
	top: 16px;
	left: 0;
	margin: 0;
	padding: 0;
	zoom: 1;
}
#menu ul	li {
	display: block;
	height: auto;
}