/*=================== MENU DEFINITIONS ==================*/
/* menubtn.css 2011B03 gene dumas at sbcglobal dot net	*/
/* Creates buttons with rounded corners from li tags.		*/
/* Computed Geometries: 	with a default 12px font,		*/
/* 1.0em == 12px and 1px == 0.08333em.							*/
/* Thus, 98px wide buttons are 8.166666em wide.				*/

.menubtn {					/* The Menu bar */
	/* background: #0033FF; #CCCCCC;  #f3f3f3; */
	float: none;			/* play nicely with others */
	margin: 0;
	padding: 0;
	border: 0;
	/* border-bottom: 1px solid black;	 give us a black border underneath */
	/*	height: 18px;	1.5em;	2.5em;	the menu's overall height */
	height: auto;			/* auto wraps long menus. */
	font-family: Verdana, Helvetica, 'Courier New', Courier;
	/*	font-size: 1.2em; */
	font-size: 1.0em;			/* SET the menu's font size(and also below) */
	/* width: 100%; 	 always want our menu to fill the available space */
	position: relative;	/* establish a menu-relative context */
	text-align: center;
}

.menubtn ul {
	border: 0;
	font-weight: bold;
	list-style-type: none;	/* we don't want to view the list as a list */
	line-height: 1.5em;		/* globally SET the menu's item spacing. */
	/* Note:  line-height must be 1.0 or 1.5 or 2.0 for Mozilla */
	margin: 1px;/*	margin-left: 0; margin-top: 1px; margin-bottom: 0; */
	padding: 0;/* 3px 0; */
	position: relative;
	/*width: 96%;*/
	text-align: center; /* SET to center, left, or right to align as desired*/
}
.menubtn li {
	display: inline;	/* side-by-side */
	/*float: left;	 this creates the side-by-side array of top-level buttons */
	display: inline-block;	/* center in area; */
	padding: 0;
	position: relative;	/* create local positioning contexts for each button */
	margin: 0;
}

.savethis-menubtn ul li table {
	/* margin: 0; */
	/* margin: -1px 0;		IE5 needs -1px top and bottom table margins */
	/* Unknown property 'm rgin'. Declaration dropped.	011112 */
	/* m\argin: 0; 		re-zero the table margins for everyone but IE5 */
	/* border-collapse: collapse;	IE5 needs this for the sub-menus to work */
	/* font-size: 12px;	this sets the base font size for our entire menu */
}

/*===================== TOP LEVEL MENU DEFINITIONS ====================*/
.menubtn ul li a,
.menubtn ul li a:link {			/*======= MAKE COLOR CHANGES HERE ======*/
	background-color: #0000FF;	/* #25559F; SET button background-color */
	color: #000000;			/*  #FFFFFF; SET button text color & below */
	/* bottom: 1px solid black; */
	display: block;
	height: auto;	/*	height: 24px;2.5em;	margin-bottom: 10px; */
	float: none;
	margin: 2px 4px 6px 4px;	/* 0px 6px 6px 6px; Space between text titles; Added 02-09-09 */
	/* padding: 0px 7px 0px 7px; */
	/* padding: 6px; */
	padding: 2px 4px;  /* SET spacing. MUST change hover below. Also .current */
	text-decoration: none;
	/* font-size: 1.2em;		SET ABOVE	font-weight: normal; */

	/* .menubtn ul li a {  Create button round corners */
	border-top-left-radius: 4px; /* 8px good shape */
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	/* -webkit-border-top-left-radius: 4px; Supported 11/19/12
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;*/
	box-shadow: 0 2px 6px #E6E6FA;
	/* ! Unknown property:  -moz-box-shadow: 0 2px 6px #E6E6FA; #323232; */
	-webkit-box-shadow: 0 2px 6px #E6E6FA;/* #323232;*/
}

.menubtn ul li a:hover {		/*.menubtn ul li:hover a, selected top-level menu items */
	background-color: #095B09; /* #00FF00 green; #CCCCCC;	 #CDCDCD Light grey*/
	/* Best to only change here the bottom or top for borders or padding */
	/* to stop movement. Unless total values equal the link total values. */
	border-top: 2px solid #000;	/* these 2 lines create the push-in illusion */
	border-left: 1px solid #000;	/* gwd Added these 2 lines 02-08-09 */
	border-right: 1px solid #000;
	/* border-bottom: 1px solid #000; */
	/*	height: 16px; height: 21px; height: auto; */
	/* font-size: 1.1em; */
	/* padding: 4px 5px 6px 5px;	use for 6px on link above */
	/* padding: 2px 3px 4px 3px;		for 4px on link above */
	padding: 0 3px 0 3px;
}

.menubtn ul li a:active {
	color: #ffffff;
	border-bottom-color: green;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.menubtn ul li a:visited {		/* unselected top-level menu items */
	color: #000000;			/* SET text color */
}

.current { /* Add <li class="current"> to hiLite current page menu button.*/
	/* border: 1px solid #E5E5E5; */
	/*	#E5E5E5; light gray,  #FAF97A; light yellow */
	background-color: #FAF97A;
	color: #000000;
	padding: 0;
}
.menubtn .current a,
.menubtn .current a:link {
	background-color: #FAF97A;
	border: 0;
	color: #000000;
	font-weight: 600;	/* bolder; 700  bold; 400 */
	padding: 4px;		/* SET same as link above. */
	padding-bottom: 0px; /* lower px raises bottom background */
}
.menubtn .current a:visited {
	background-color: #FAF97A;
	color: #000000;
}
.menubtn .current:hover a,
.menubtn .current a:hover {
	border: 0;
	color: #000000;
}
.menubtn .current a:active {
	color: #000000;
}

/* End menubtn */