.topnav {  
    width: 200px;  
    padding: 40px 28px 25px 0;  
    font-family: "Segoe UI", Calibri "CenturyGothicRegular", "Century Gothic", Arial, Helvetica, sans-serif;  
}  

    

ul.topnav {  
    padding: 0;  
    margin: 0;  
    font-size: 1em; 	
    line-height: 0.5em;  
    list-style: none;  
    list-style-type: none;
}
      


ul.topnav li {
    list-style-type: none;
}  
    
/* Level 1 */
ul.topnav li a {  
    line-height: 10px;  
    /*font-size: 11px;*/  
	font-size: 14px;
    padding: 10px 5px;  
    color: #FFFFFF;  
    display: block;  
    text-decoration: none;  
    font-weight: bolder;  
}  
    

ul.topnav li a:hover {  
    background-color:white;  
    color:black;  
}  

    

ul.topnav ul {  
    margin: 0;  
    padding: 0;  
    display: none;  
}  

    

ul.topnav ul li {  
    margin: 0;  
    padding: 0;  
    clear: both;  
}  

    
/* Level 2 */
ul.topnav ul li a {  
    padding-left: 20px;  
    /*font-size: 10px;*/
	font-size: 12px;  
    font-weight: normal;  
}  
    

ul.topnav ul li a:hover {  
    background-color:white;  
    color:black;  
}  

    
/* Level 3 */
ul.topnav ul ul li a {  
    /*color:silver;*/  
    padding-left: 40px;
	font-size: 13px;  
}  
    

ul.topnav ul ul li a:hover {  
    background-color:white;  
    color:black;  
}  
    

ul.topnav span{  
    float:right;  
}  


/* Level 4 */
ul.topnav ul ul ul li a {  
    /*color:silver;*/  
    padding-left: 40px;
	font-size: 13px;  
}  

/* Level 5 */
ul.topnav ul ul ul ul li a {  
    /*color:silver;*/  
    padding-left: 40px;
	font-size: 13px;  
}  

/* Level 6 */
ul.topnav ul ul ul ul ul li a {  
    /*color:silver;*/  
    padding-left: 40px;
	font-size: 13px;  
}