/*
 * Responsive CSS3 Menu with Dropdown (Horizontal and Vertical)
 * http://www.jonsuh.com
 *
 * Copyright (c) 2012 Jonathan Suh
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* PRIMARY MENU style */
.js-css-menu {
	font-family: Trebuchet, Helvetica, Arial, sans-serif;
	font-size: 13px;
	border: 0px solid #900000;
	display: inline-block; vpos=center;
/* white-space: nowrap; */

}
.js-css-menu, .js-css-menu ul, .js-css-menu li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.js-css-menu a {
	text-decoration: none;
	-moz-transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.js-css-menu > li {
	display: inline-block;
	float: left; 
/* 	float: none; */
}
.js-css-menu > li > a {
	color: #FFDAB9; /* peach puff menu letters*/
/* not sure what the next color spec does */
	text-shadow: 0 -1px 0 Maroon;
	background-color: #466810;
/* cannot seem to change the following properties
	background-image: linear-gradient(top, #466810 20%, #338B8B);
	background-image: -moz-linear-gradient(top, #466810 20%, #338B8B);
	background-image: -webkit-linear-gradient(top, #466810 20%, #338B8B);
	background-image: -o-linear-gradient(top, #466810 20%, #338B8B);
	background-image: -ms-linear-gradient(top, #466810 20%, #338B8B);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#466810) 20%, to(#338B8B));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='$to', EndColorStr='$from'); */
	padding: 10px 15px;
	display: block;
}
 /* sub-menu letter color when hovering */
.js-css-menu > li:hover > a {
	background-color: #505008;
/* 	background-image: linear-gradient(top, #00fa00 20%, #00af00);
	background-image: -moz-linear-gradient(top, #00fa00 20%, #00af00);
	background-image: -webkit-linear-gradient(top, #00fa00 20%, #00af00);
	background-image: -o-linear-gradient(top, #00fa00 20%, #00af00);
	background-image: -ms-linear-gradient(top, #00fa00 20%, #00af00);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00fa00) 20%, to(#00af00));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='$to', EndColorStr='$from');
*/ 
}
.js-css-menu > li > a:active {
	background-color: #6E2D0A;
/*	background-image: linear-gradient(top, #6A0808 20%, #cc0000);
	background-image: -moz-linear-gradient(top, #6A0808 20%, #cc0000);
	background-image: -webkit-linear-gradient(top, #6A0808 20%, #cc0000);
	background-image: -o-linear-gradient(top, #6A0808 20%, #cc0000);
	background-image: -ms-linear-gradient(top, #6A0808 20%, #cc0000);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6A0808) 20%, to(#cc0000));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='$to', EndColorStr='$from');
	box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.25);
*/
}
/* .js-css-menu > li.History > a {
	background-color: #6E2D0A;
	background-image: linear-gradient(top, #880000 20%, #6A0808);
	background-image: -moz-linear-gradient(top, #880000 20%, #6A0808);
	background-image: -webkit-linear-gradient(top, #880000 20%, #6A0808);
	background-image: -o-linear-gradient(top, #880000 20%, #6A0808);
	background-image: -ms-linear-gradient(top, #880000 20%, #6A0808);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#880000) 20%, to(#6A0808));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='$to', EndColorStr='$from');
	box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.25);
}
 */
/* SUBMENU */
.js-css-menu > li div {
	border-top: 1px solid #900000;
	display: block;
	position: absolute;
	visibility: hidden;
	opacity: 0;
	-moz-transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
/* The next controls the color of the un-highlighted letters in the sub-menu. */
.js-css-menu > li div a {
	color: #dfa;
}
/* The next controls the color of the highlighted letters in the sub-menu. */
.js-css-menu > li div a:hover, .js-css-menu > li div a:focus {
	color: #00fefe;
}
.js-css-menu > li div ul {
	float: left;
}
/* Next controls line-spacing in sub-menu. */
.js-css-menu > li div ul li {
	line-height: 1.4em;
}
.js-css-menu > li div ul:not(:first-child) {
	margin-left: 20px;
}
.js-css-menu > li:hover div, .js-css-menu > li:focus div {
	color: #fefefe;
/* Next controls the background color of the sub-menu. */
	background: #843100;
	padding: 10px 15px;
	visibility: visible;
	opacity: 1;
}

/* VERTICAL style
.js-css-menu.vertical {
	width: 100px; /* Adjust the width of the vertical menu */
}
.js-css-menu.vertical > li {
	display: block;
	float: none;
	position: relative;
}
.js-css-menu.vertical > li div {
	width: 150px;
	left: 101px; /* Adjust the left value according to the width of the vertical menu */
	top: 0;
}
 */