﻿
#myjquerymenu {margin-left:40px}

.jquerycssmenu {
	font:14px Arial, Verdana, Sans-Serif;
	font-weight:bold;
	/*padding-left:15px offset of tabs relative to browser left edge*/
}

.jquerycssmenu ul {
	margin:0;
	padding-top:5px;
	list-style-type:none
}

/*Top level list items*/
.jquerycssmenu ul li {
	position:relative;
	display:inline;
	float:left
}

/*Top level menu link items style*/
.jquerycssmenu ul li a {
	display:block;
	padding:3px 30px;
	margin-right:2px; /*spacing between tabs*/
	color:#fff;
	text-decoration:none
}

.jquerycssmenu ul li a:hover {
	color:#7bcc02;
	/*background-image:url(tintbluedark.gif) tab link background during hover state*/
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul {
	position:absolute;
	/*padding-top:5px;*/
	left:0;
	display:block;
	visibility:hidden;
	text-align:left
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li {
	/*display:list-item;*/  /* including this puts a space between each li in IE8 */
	display:block;
	float:none;
	left:30px
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul {top:0}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a {
	font:bold 12px Arial, Verdana, Sans-Serif;
	background-color:#7a5a4d;
	width:200px; /*width of sub menus*/
	color:#fff;
	padding:6px 5px;
	margin:0;
	border-bottom:solid 1px #629e49;
	filter:alpha(opacity=80);
	opacity:0.8
}

.jquerycssmenu ul li ul li a:hover { /*sub menus hover style*/
	background:#3c2218;	color:#a3b101}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position:absolute;
	top:7px;
	right:0
}

.rightarrowclass{
	position:absolute;
	top:5px;
	right:0
}
