ul#menu {
    color:#ffffff;
}

ul#menu ul.children {
display:none;
}

ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: auto;
	font-size:1.0em;
}

ul#menu li {
	float: left;
	padding: 0 20px 0 20px;
	margin: 0;
    
    display:block;
    
}

ul#menu li a{
	color:#ffffff;
    padding:0;
}

ul#menu li ul li{
    padding:0 10px 0 10px;
    font-size:10pt;
    display:block;
    }

ul#menu ul li {
	float: none;
	z-index:1000;
    
    display:none;
}

ul#menu li ul {
	margin: 0;
	padding: 0;
	display:none;
	list-style: none;
	position: absolute;
	background-color:#3d7dd3;
    
    display:block;
    
}
ul#menu ul ul{
	position: absolute;
	top: 0; /* if using borders, -1px to align top borders */
	left: 100%;
    display:block;
}

ul#menu * a {
    border-bottom: 1px solid #3d7dd3;
}

ul#menu * a:hover, ul#menu li a:active{

border-bottom: 1px dotted white;
color: #FFFFFF;
}

ul#menu li ul li a:hover {
    
    border-bottom: 1px dotted white;
    
    display:block;
}

ul#menu li ul {
    text-align:left;
    padding:0 0 3px 0;
}

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