// have not integrated this yet...

/*Style for dropdown links*/
li:hover ul a { 
        background: #f3f3f3;
        color: #2f3036;
        height: 40px;
        line-height: 40px; 
	border: 5px solid red;
}
        
/*Hover state for dropdown links*/
li:hover ul a:hover {
        background: #19c589;
        color: #fff; 
}
        
/*Style for dropdown links*/
li:hover ul a { 
        background: #f3f3f3;
        color: #2f3036;
        height: 40px;
        line-height: 40px; 
}
        
/*Hover state for dropdown links*/
li:hover ul a:hover {
        background: #19c589;
        color: #fff;
}
        
/*Hide dropdown links until they are needed*/
li ul {
        display: none;
}
        
/*Make dropdown links vertical*/
li ul li {
        display: block;
        float: none;
}

/*Prevent text wrapping*/
li ul li a {
        width: auto;
        min-width: 100px;
        padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden2, .hidden2:hover {
        display: block; 
	position: absolute;
	top: 50px;
}

#menu2 ul li a:hover + .hidden2, #menu2 .hidden2:hover {
        display: block;
	width: 100%;
	background-image: none;
	background-color: gray;
	z-index: 100;
}