/* ===== Top ===== */
#navigation ul {
    list-style:none;
    margin:0;
    padding:1px 0;
    float:right;
}
#navigation ul li{
    float:left;
}
/* ===== First Level ===== */	
#navigation ul li {
    position:relative;
    padding:0;
    margin:0;
    font-family: 'Lato', sans-serif;
    font-size: 1.1em;
    padding-right: 10px;
    font-weight: 700; 
}

#navigation ul li a:hover {color: #1C81C3;}

#navigation ul ul li {
    border:none;
    text-transform: uppercase; 
}

#navigation li ul li a {color: #ffffff; font-size: 85%; }
#navigation li ul li a:hover {color: #ffffff; text-decoration: underline; }

#navigation ul li a {
    display:block;
    text-decoration:none;
    padding:0 5px;
    font-weight: 700; 
}
#navigation ul li:hover a {
    position:relative;
}
#navigation ul ul, #navigation ul li:hover ul ul {
    position:absolute;
    display:none;
/*    border: 1px solid #000000;*/
}
#navigation ul ul li:hover ul, #navigation ul li:hover ul li:hover ul {
    display:block;
    top:0px;
    left: 100%;
}
/* ===== Second and Third Level ===== */
#navigation ul li:hover ul {
    display:block;
    position:absolute;
    left:5px;
    top:100%;
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    z-index: 99;
}
#navigation ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	background: #4D6E93; 

}
#navigation ul ul ul {
    margin-left:-14px;
}
#navigation ul ul li a {
    float:none;
    width:240px;
    line-height:normal;
    font-variant:normal;
    padding:3px 10px;
}
#navigation ul ul ul li a {
    font-weight:bold;
}
#navigation ul ul li:hover>a {
}
#navigation ul ul ul li:hover>a {
}