/* Main menu formatting */

.menu {
    height: 	35px;
    background: #edf4fc;
    background: -webkit-linear-gradient(top, #2369b8 0%,#edf4fc 100%);
    background: -moz-linear-gradient(top, #2369b8 0%,#edf4fc 100%);
    background: -o-linear-gradient(top, #2369b8 0%,#edf4fc 100%);
    background: -ms-linear-gradient(top, #2369b8 0%,#edf4fc 100%);
    background: linear-gradient(top, #2369b8 0%,#edf4fc 100%);
    margin: 	0px ;
    padding: 	10px 0px 0px 0px ;
	border:		none ;
    outline: 	none;
}

.menu ul {
    margin: 	0px ;
    padding: 	0px ;
    border: 	none ;
    outline: 	none;
}

.menu li {
    position: 	relative;
    list-style: none;
    float: 		left;
    display: 	block;
    height: 	35px;
    margin: 	0px ;
    padding: 	0px ;
    border: 	none ;
    outline: 	none;
}

.menu a {
    margin: 	0px ;
    padding: 	0px ;
    border: 	none ;
    outline: 	none;
}
 
/* Style the main menu links */

.menu li a {
    display: block;
    padding: 3px 15px 3px 15px ;
    line-height: 25px ; 
    text-decoration: none;
 
    border-left: 1px solid #7a7577;
    border-right: 1px solid #7a7577;
 
    font-weight: bold;
    font-size: 1.1em ; 
 
    color: #2e0f16 ;
    text-shadow: 1px 1px 0px rgba(255,255,255,.6);
}

/* Remove the left border from the left-most menu item and the
	right border from the right-most menu item. */
	
.menu li:first-child a { border-left: none; }
.menu li:last-child a{ border-right: none; }

/* Describe the style of the menu items when the mouse is hovered over them */

.menu li:hover, .selected {
	background:	#2369b8 ;
    background: -webkit-linear-gradient(bottom, #2369b8 0%,#edf4fc 100%);
    background: -moz-linear-gradient(bottom, #2369b8 0%,#edf4fc 100%);
    background: -o-linear-gradient(bottom, #2369b8 0%,#edf4fc 100%);
    background: -ms-linear-gradient(bottom, #2369b8 0%,#edf4fc 100%);
    background: linear-gradient(bottom, #2369b8 0%,#edf4fc 100%);
} 

/* Dropdown menu styling */

.menu ul {
    position: 	absolute;
    top: 		36px;
    left: 		0px;
 
    opacity: 	0;
	background:	#2369b8 ;
 
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: 	opacity .25s ease .1s;
    -o-transition: 		opacity .25s ease .1s;
    -ms-transition: 	opacity .25s ease .1s;
    transition: 		opacity .25s ease .1s;
}

.menu ul ul {
		position	: absolute ;
		top 		: 0px ;
		left		: 285px ;
		overflow	: visible ;
}

.menu li:hover > ul { 
	opacity: 1; 
}
 
.menu ul li {
    height: 0;
    overflow: visible ;
    padding: 0;
 
    -webkit-transition: height .25s ease .1s;
    -moz-transition: 	height .25s ease .1s;
    -o-transition: 		height .25s ease .1s;
    -ms-transition: 	height .25s ease .1s;
    transition: 		height .25s ease .1s;
}
 
.menu ul li ul li {
    height: 0;
    overflow: visible ;
    padding: 0;
/*	margin-left		: 285px ; */
 
    -webkit-transition: height .25s ease .1s;
    -moz-transition: 	height .25s ease .1s;
    -o-transition: 		height .25s ease .1s;
    -ms-transition: 	height .25s ease .1s;
    transition: 		height .25s ease .1s;
}
 
.menu li:hover > ul li {
    height: 2.75em ;
    overflow: visible;
    padding: 0;
}

/* Dropdown menu list item formatting  */
.menu ul li a {
    width: 			225px;
    padding: 		5px 0px 12px 5px ;
    margin: 		0px 50px 0px 5px ;
    border: 		none;
    border-bottom: 	1px solid #7a7577 ;
    color: 			#ffffff ;
    text-shadow: 	1px 1px 0px rgba(0,0,0,.6);
}

/* Change the font color on hover for dropdown menu list items */
.menu ul li a:hover {
	color: #2e0f16 ;
    text-shadow: 1px 1px 0px rgba(255,255,255,.6);

} 

.menu ul li:last-child a { border: none; }
