/* CSS Document */

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li { /* all list items */
	float: left;
	position: relative;
	width:6em;
	margin-top:4px;
}

#menu li ul {/* second-level lists */
	position: absolute;
	display: block;
	top: 0em;
	left: 0;
	visibility: hidden;
}

#menu li>ul {/* to override top and left in browsers other than IE */
	top: auto;
	left: auto;
}

#menu li ul li ul  {/* third-level lists */
	position: absolute;
	display: block; 
	top: 0;
    left: 9em;
	
}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li {
	float: left;
	height: 1%;
	background-color: #354B57;
}
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul { display: block; }

#menu li:hover>ul { visibility:visible; }

#menu ul ul { }		

/* Make-up syles */
#menu ul, li {
    margin: 5 0 0 0; 
}

/* Styles for Menu Items */
#menu ul a {
display: block; height:12px; border-style:none; border-color:#BD56A0; border-width:1px; padding:0px;
	text-decoration: none;
	color:#ffffff; text-align:center; font-family:verdana; font-size:10px; text-decoration:none; 
	background:#354B57; /* IE6 Bug */
	padding: 9px;
	border: 0px;
}
/* Hover Styles */
#menu ul a:hover { 
	color: #ffc20d; 
	background: #354B57; 
} 

/* Sub Menu Styles */
#menu li ul a {
	text-decoration: none;
	color: #77F;
	background: #fff; /* IE6 Bug */
    padding: 5px; 
} 

/* Sub Menu Hover Styles */
#menu li ul a:hover { 
	color: #E2144A; 
	background: #f9f9f9; 
} 

/* Icon Styles */
#menu li a.submenu {background:#354B57; }
#menu li a.submenu:hover {background:#354B57;}
#menu li ul a.submenu {background:#00a775;}
#menu li ul a.submenu:hover {background:#FfC20d; color:#ED145A;}
body {
	background-color: #354B57;
}