.menu {
	text-decoration: none;
	width:100%;
    background-color:#6c96c5;
    z-index:2000;
	border: 1px groove #FFFFFF
}
.selected {
    background-color:#5988b7;
    color:#FFFFFF;
}
.menu a:link {
	font-weight: bold;
	text-decoration: none;
    color:#FFFFFF !important;
}
.menu a:visited {
	text-decoration: none;
    color:#FFFFFF !important;
}
.menu a:hover {
	color: #CC0000 ;
	text-decoration: none;
	background-color: #5988b7 ;
}
.menu ul {
    text-align: left;
    display: inline;
    margin: 0;
    padding: 15px 4px 17px 0;
    list-style: none;
}
.menu ul li {
    font-size:16px;
	font-family: Arial, Helvetica, Tahoma, sans-serif ;
    display: inline-block;
    margin-right: -4px;
    position: relative;
    padding: 8px 22px;
    font-weight:600;
    transition: all 50ms linear;
    transition-delay: 0s;
	text-decoration: none;
}
.menu ul li ul {
    padding: 0;
    position: absolute;
    top: 37px;
    left: 0;
    width: 230px;
	text-decoration: none;
	color: #FFFFFF !important;
	font-weight: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    display: block;
    opacity: 0;
    -webkit-transition: opacity .2s;
    z-index:50000;
}
.menu ul li ul li { 
    color: #FFFFFF !important;
	background-color:#CC0000;
    border-top:1px solid #fff;
    display: block; 
	text-decoration: none;
	font: Tahoma;
	font-weight: none;
	font-size:12px;
    color:#fff;
}
.menu ul li ul li:hover { 
	color: #FFFFFF !important;
	font-weight: none;
    background: #CC0000; 
}
.menu ul li:hover ul {
    color: #FFFFFF !important;
	display: block;
	font-weight: none;
    opacity: 1;
    visibility: visible;
}