/* for "off" buttons  */
.navbar { display: inline; 	line-height: 25px; }
.navbar a {
	display: inline;
	line-height: 25px;
	color: #000000;
	border-width: 1px 1px 2px 1px;
	border-style: solid;
	border-color: #C0B99A;
	background-color: Maroon;
	padding: 3px;
	margin: 1px,0px,1px,0px;
	text-align: left;
	cursor: pointer;
	text-decoration: none;
}

.navbar a:link		{
	color: White;
	cursor: pointer;
}
.navbar a:visited 	{
	color: White;
	cursor: pointer;
}
.navbar a:hover		{
	color: Silver;
	cursor: pointer;
}
.navbar a:active	{
	color: Silver;
	background-color: #D6E6F9;
	cursor: pointer;
}


/* for "on" buttons  */
.navbar-on { display: inline; line-height: 25px;}
.navbar-on a {
	color: Gray;
	line-height: 25px;
	padding: 3px;
	margin: 1px,0px,1px,0px;
	border-width: 1px 1px 2px 1px;
	border-style: outset;
	border-color: #C0B99A;
	cursor: pointer;
}
.navbar-on a:link {
	color: Gray;
	cursor: pointer;
}
.navbar-on a:visited {
	color: Gray;
	cursor: pointer;
	text-decoration: none;
}
.navbar-on a:hover	{ color: #330066; cursor: pointer; 	text-decoration: none; }
.navbar-on a:active {
	color: Gray;
	cursor: pointer;
	text-decoration: none;
}

/* subnav bar */
.subnav  {  display: inline; color: #FFFFFF; padding: 2px; margin: 1px; }
.subnav a { 
	font-size: 10px; 
	display: inline;
	color: #FFFFFF;
	text-align: left;
	text-decoration: none;
}

.subnav a:link		{ color: #FFFFFF; }
.subnav a:visited	{ color: #FFFFFF; }
.subnav a:hover		{ color: #ffffcc; }
.subnav a:active	{ color: #FFFFFF; }

/* subnav on */
.subnav-on {
	display: inline;
	color: #FFFFFF;
	padding: 4px;
	margin: 1px;
}
.subnav-on a { 
	display: inline;
	color:#ffffcc;
	font-size: 10px; 
	display: inline;
	text-align: left;
	text-decoration: none;
	}

.subnav-on a:link		{ color: #ffffcc; }
.subnav-on a:visited	{ color: #ffffcc; }
.subnav-on a:hover		{ color: #FFFF00; }
.subnav-on a:active		{ color: #ffffcc; }