/* 
	LEVEL ONE
*/
#menu
{
width:580px;
height:34px;
float:right;
margin: -30px 0 0 0;
}

#menu ul
{
padding:0px;
margin: -5px 0 0 0;
}

#menu li
{
display:inline;  /** makes the li move to a single line horizontally **/
margin:0 1px 0 0 ;
padding:4px 0 15px 0;
float:left;

}

#menu li a
{

font-size:17px;
font-weight:bold;
color:#F06EAA;
text-decoration:none; /** this removes underline **/
margin:15px 15px 15px 15px;
}

#menu li a:hover, #menu li a.active
{
color:#ed145b;
margin:15px 15px 15px 15px;

}
/* #menu{
 
    width: 980px;
	height: 39px;
	padding: 8px 0 0 0;
}

#menu ul{
	margin: 0;
	padding: 0 0 0 30px;
    background: #FFFFFF;
	list-style: none;
 
}
#menu ul li{
	width: 103px;
	margin-right: 10px;
	padding: 4px 0 0 0;
	float: left;
	display: block;
}
ul.menu li a {
	width: 103px;
	height: 23px;
	margin-right: 10px;
	padding: 4px 0 0 0;
	float: left;
	position: relative;
	display: block;
	outline: none;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #21272d;	
}

#menu li a:hover{
    text-decoration: underline;
}
ul.menu li:last-child a{ 
    border-right: none; 
} 
ul.menu li.hover,
ul.menu li:hover{  
    position: relative; 
} */
/* 
	LEVEL TWO
*/
ul.menu ul{ 
    top: 100%; 
    left: 0; 
    min-width: 150px; 
    visibility: hidden; 
    position: absolute; 
}
ul.menu ul li{ 
    padding: 10px 10px 3px 15px;
    float: none;
    text-align: left;   
    font-weight: normal;                     
}
ul.menu ul li a{ 
    width: 100%; 
    display: inline-block; 
    border-right: none; 
}
/*
	LEVEL THREE
*/
ul.menu ul ul{ 
    left: 100%; 
    top: 0; 
}
ul.menu li:hover > ul{ 
    visibility: visible;
}