/* common styling */

/* locate and size the menu */
.menu {
	font-family: arial, sans-serif; 
	font-size:11px;
}

/*
This piece o' shit keeps the menus displayed when the pointer moves into the gaps between menu items
and hits some text in the background. It puts a transparent div behind the menu, blocking the content behind it.
Only a problem in IE7
*/
.menuContainer {
	position:absolute; 
	background:black;
	filter:alpha(opacity=0);
	opacity: 0.00;
	width:200px;
	height:310px;
}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:darkRed; 
	width:100px; 
	height:20px; 
	text-align:center; 
	border:1px solid; 
	margin:0px 1px 1px 0px;
	background:orange url(/images/mnuHiLite.gif) top repeat-x; 
	line-height:19px; 
	font-size:11px;
	font-weight:bold;
}

.menu ul {
	padding:0; 
	margin:0px 1px 0px 0px;
	list-style-type: none; 
}

/* this keeps submenus located next to their parent via position:relative */
.menu ul li {
	position:relative;
	float:left; 
	margin:0px 1px 0px 0px; 
}

/*this hides all submenus initially*/
.menu ul li ul {
	display: none;
}

/* Level 1 hover */
.menu ul li:hover a {
	color:white;
	background:darkGreen url(/images/btnHiLiteGrnFlip.gif) top repeat-x;
	border:1px solid darkGreen; 
}

/*-------Level 2-----------------*/
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:0; 
	width:100px;
	left:103px;
}

/* level 2 flyout that has a sub level */
.menu ul li:hover ul li a.parent {
	background:orange url(/images/mnuHiLite.gif) top repeat-x; 
	color:darkRed;
}

/*.menu ul li:hover ul li:hover a.parent {
	width:150px;
}
*/
/*--------------------------------------*/
/* level 2 flyout */
.menu ul li:hover ul li a {
	display:block; 
	background:darkorange url(/images/mnuHiLiteDk.gif) top repeat-x; 
	color:darkRed;
	width:100px;
	border:1px solid darkRed;
}

/* level 2 flyout hover */
.menu ul li:hover ul li a:hover {
	background:darkgreen url(/images/btnHiLiteGrnFlip.gif) top repeat-x;
	color:white;
	border:1px solid darkGreen; 

}

/*--------------------------------------*/
/* level 3 flyout */
.menu ul li:hover ul li ul {
	display: none;
}

.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:103px; 
	color:black;
}

.menu ul li:hover ul li:hover ul li a {
	display:block; 
	width:100px; 
	background:darkorange url(/images/mnuHiLiteDk.gif) top repeat-x; 
	color:darkGreen;
}

/* level 3 flyout hover */
.menu ul li:hover ul li:hover ul li a:hover {
	background:darkGreen url(/images/btnHiLiteGrnFlip.gif) top repeat-x;
	color:white;
}

/*--------------------------------------*/
/* link styles */
/*
a#nav:link {
	color:white;
	text-decoration:none;
	border:1px solid darkGreen;
}
a#nav:visited {
	color:white;
	text-decoration:none;
	border:1px solid darkGreen;
}
a#nav:active {
	color:white;
	text-decoration:none;
	border:1px solid darkGreen;
}
*/
a#nav:hover {
	color:white;
	text-decoration:none;
	background:darkGreen url(/images/btnHiLiteGrnFlip.gif) top repeat-x;
	border:1px solid darkGreen;
}
a#navOn {
	color:darkRed;
	text-decoration:none;
	background:khaki;
	border:1px solid darkRed;
}
a#navOn:hover {
	color:white;
	text-decoration:none;
	background:darkGreen url(/images/btnHiLiteGrnFlip.gif) top repeat-x;
	border:1px solid darkGreen;
}