﻿/* used for the navigation bar */
.nav, .nav ul
{
    color: #FFF;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background: #387643; /* bgcolor="#ffff66" */
    list-style: none;
    font: bold 13px Arial;
    height: 24px;
    line-height: 13px;
    border-right: white thin solid;
}

.nav a {
	display: block;
	text-decoration: none;
}

.nav a:hover
{
    color: #FF6600;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    display: block;
    background-color: #387643;
}

.nav li {  /* this is the dropdown box that appears on hover */
	float: left;
	margin: 0;
	padding: 0;
/*	border-right: 3px solid white;  used to temporarily fill in place of cutout*/
	width: 100px; /* width needed or else Opera goes nuts */
}

.nav li ul { /* second-level lists */
	position: absolute;
	height:auto;
	margin-left: 0;
	width: 155px;
	padding: 5px 0 0px 0;
	background: #FFF;
	border: 1px solid #387643;
	line-height: 9px;
	display: none;
/*	left: -999em;  using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 50000;
}

/* lists nested items under hovered list items */
.nav li:hover ul, .nav li.sfhover ul { 
	display: block;
} 

.nav li.line { /* second-level lists */
	width: 141px;
	color:#387643;
	font-size:11px;
	font-weight:bold;
	padding:3px 3px 3px 5px;
	border-top: 1px solid #387643;
}


/* dropdown styles */
.dropNav li a {
	font-size: 10px;
	font-weight: normal;
	color: #000;
	width: 145px;
	padding: 0px 0px 3px 5px; /* this adds 3px to bottom of dropdown items and indents by 5 
							  	  the red lines are styled in-line */
	z-index:5000;
}

.dropNav a:link, .dropNav a:visited, .dropNav a:active {
	color: #000;
	display: block;
	text-decoration: none;
}

.dropNav a:hover {
	color: #FF6600;
	display: block;
}

.dropNav li.heading {
	color:#387643;
	font-size:11px;
	font-weight:bold;
	padding:3px 3px 3px 5px;
	white-space: nowrap;

}
.ClassRed
{
    color:Blue;
    background-color:Red;
}
.ClassBlue
{
    color:Green;
    background-color:Blue;
}
.ClassGreen
{
    color:Yellow;
    background-color:Green;
}