#cssmenu { 
    width: 100%;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	line-height: 1.6em;   
	/*text-transform: uppercase;*/        
	text-align: center;
	font-size:1.4em;   
	font-weight:300;
}

#cssmenu > ul {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0;   
  /*box-shadow:1px 1px 4px #999;*/
  /*filter: alpha(opacity=90); -moz-opacity: .9; KhtmlOpacity: .9; opacity: .9; */
}   

#cssmenu > ul li {
  display: inline-block;
  /***********/  
  width: 19.7%;
  /***********/
}

#cssmenu > ul li a, #cssmenu > ul li span {  
	background: #547ab0; /*blue*/
	background: -moz-linear-gradient(top,  #547ab0 0%, #406fad 100%);
	background: -webkit-linear-gradient(top,  #547ab0 0%,#406fad 100%);
	background: linear-gradient(to bottom,  #547ab0 0%,#406fad 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#547ab0', endColorstr='#406fad',GradientType=0 );
	display: block;
	padding: 12px 24px;
	text-decoration: none;
	color: #fff;
	/*text-shadow: 1px 1px 0px #000;*/  
	border-radius:3px;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	white-space: nowrap;	
	/*box-shadow:0 0 4px #999;*/
}  

#cssmenu > ul li a.active, #cssmenu > ul li a:hover, #cssmenu > ul li.has-sub a:hover{  
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
	color: #003366;
	/*text-shadow: 0px 1px 0px #000;*/ 
	/*filter: alpha(opacity=70); -moz-opacity: 0.7; KhtmlOpacity: .7; opacity: 0.7;*/
	/*box-shadow:0 0 4px #999;*/
}    


/*#cssmenu > ul li.has-sub {
  position: relative;
}*/

#cssmenu > ul li.has-sub:hover ul {
	z-index:100; 
	display: block;
}

#cssmenu > ul li.has-sub ul {
	display: none;	
	position: absolute;	
	margin: 0;
	padding: 0;
	list-style-type: none;  
	/*background: #3C424D;*/	
	/*box-shadow:0 0 4px #999;*/
	-webkit-border-radius: 3px;  
	-moz-border-radius:3px;  
	-o-border-radius:3px;  
	border-radius:3px;
	/*filter: alpha(opacity=96); -moz-opacity: 0.96; KhtmlOpacity: 0.96; opacity: 0.96;*/  
}

#cssmenu > ul li.has-sub ul li {
	display: block;		
	width:250px;	
} 

#cssmenu > ul li.has-sub ul li.collapsed {
	display: block;		
	width:100%;	
} 

#cssmenu > ul li.has-sub ul li a{
	display: block;		
	background:#547AB0;
	color:#fff;
} 

#cssmenu > ul li.has-sub ul li a.active{		
	background:#EDEDED;
	color:#003366;
} 

/*
#cssmenu > ul li.has-sub > a, #cssmenu > ul li.has-sub > span {
  background-image: url('../img/caret.png');
  background-repeat: no-repeat;
  background-position: 95% 60%;  
}   
*/


#cssmenu > ul li.has-sub > a::after, #cssmenu > ul li.has-sub > span::after {
    content: '';
    position: relative;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #fff;
    right: -10px;
    top: 15px;	
}

#cssmenu > ul li.has-sub:hover > a::after, #cssmenu > ul li.has-sub > span::after {
    content: '';
    position: relative;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #003366;
    right: -10px;
    top: 15px;	
}

                                             
#cssmenu > ul li#responsive-tab {
  display: none;
  /* Hide for large screens */  
}

@media (max-width: 1062px) {
  #cssmenu > ul {
    width: 100%;
  }
  
  #cssmenu > ul li#responsive-tab {
	width:100%;
    display: block;	
	background:#547AB0;
  }
  
  
  #cssmenu > ul li#responsive-tab a {     
    background: url('../img/menu.png') no-repeat;
    background-position: 95% 260%;
  }
  
  #cssmenu > ul li#responsive-tab a:hover {
    background-color: #344868;
	color:#fff;
    /*background-position: 95% 135%; */      
  }       
  
  #cssmenu > ul li {
    display: none;
	width:100%;
	margin: 1px 0;
  }
  
  #cssmenu > ul li.right {
    float: none;
  }
  
  #cssmenu > ul li.has-sub {
    position: relative;          
  }
  
  #cssmenu > ul li.has-sub ul {
    display: block;
    position: static;
    width: 100%;    
   /* border: none;   
    box-shadow:none; */        
  }
  
  #cssmenu > ul li.has-sub ul li{
    display: block !important; 
    /*background: url('../img/fcaret.png') no-repeat;
    background-position: 12px 16px;     
	margin-left:25px;*/  
  } 
}

/* Make sure they show even if hidden in mobile view by JS */
@media (min-width: 1062px) {
    #cssmenu > ul > li.collapsed {
    display: inline-block !important;
    *display: inline;
    zoom: 1;
	width:100%;
  }
  
  #cssmenu > ul ul li.collapsed {
    display: block !important;
  }
}