/* RULES FOR THE "MENUDIV" OBJECT */
/* Layers for Expedition index Page *****/

/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.expLayer {
	position: absolute;
	top:450px;
	left: 240px;
	visibility: hidden;
	border: 1px dashed #CCCCCC;
	z-index: 1000;
	background-color: #FFFFFF;
	font-size:10px;
}


/* Formatting to apply to the elements inside the "menudiv" class elements. */

.expLayer .header1 {
 	font-weight: bold;
 	color: #333333;
	text-decoration: none;
	background-color: #EEEEEE;
	padding: 2px 0px 2px 8px;
	margin: 0px;
	font-size:10px;
}

.expLayer p {
	display: block;
	color: #333333;
	text-decoration: none;
	font-size: 10px;
	text-indent:-6px;
	padding: 0px 0px 0px 16px;
	margin: 0px;
}

.expLayer a {
	color: #333333;
	font-size: 11px;
	font-family: "Trebuchet MS", "Lucida Sans", sans-serif;
	text-decoration: none;
	font-weight:bold;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.expLayer a:hover, .expLayer a:active {
	color: #000000;
	text-decoration: underline;
	font-weight:bold;
}

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menubar element.
*/
.expLayer .highlighted {
 background-color: #336699;
 border-color: #336699;
 color: #000000;
 font-weight: bold;
}