#menu{
	width: 100%;
	height: 35px;
	float: left;
	font-size: 1em;
	background: transparent url(../images/bg_menu_tile.gif) repeat-x;
}

#menu li{
	height: 35px;
	line-height: 35px;
}

#menu li li, #menu li li li{
	height: auto;
	line-height: normal;
	border-bottom: 1px solid #336699;
	background: #003366;
}

#menu ul {
	width: 180px;
 	display: none;
 	position: absolute;
 	top: 1.0em;
	top: 2.0em; 
 	margin: 12px 0 0 0;
 	left: 0;
	font-size: 1em;
}

#menu ul ul {
 	top: 0;
 	margin: 0 0 0 0;
	left: 170px;
	font-size: 1em;
}

#menu li {
 	float: left;
 	display: block;
 	position: relative;
 	margin: 0 -1px 0 0;
}

#menu ul li {
 	float: none;
 	margin: 0;
}

#menu ul>li:last-child {
 	margin-bottom: 1px;
}

#menu a {
	display: block;
 	padding: 0 15px;
 	color: #ffffff;
	font-weight: 800;
	background: url(../images/menu_divider.gif) no-repeat 100% 0;
}

#menu li li a, #menu li li li a{
	display: block;
 	padding: 5px 15px;
 	color: #ffffff;
	font-weight: 100;
	border-bottom: none;
	background: none;
}


/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
#menu a:hover, #menu a.highlighted:hover, #menu a:focus {
 	color: #ffffff;
	background: #3e3e3e;
	background: url(../images/bg_menu_on.gif) repeat-x;
}

#menu a.highlighted {
 color: #ffffff;
 background-color: #C86;
 background: url(../images/bg_menu_on.gif) repeat-x;
}


/* Only style submenu indicators within submenus. */
#menu a .subind {
 display: none;
}

#menu ul a .subind {
 display: block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
#menu a {
 float: left;
}
#menu ul a {
 float: none;
}
/* \*/
#menu a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html #menu ul li {
 float: left;
 width: 100%;
}

* html #menu ul li {
 float: left;
 height: 1%;
}
* html #menu ul a {
 height: 1%;
}
/* End Hacks */