/* Bit of extra not for Netscape 4 */

@import url(extra.css);


/* This style sheet is for the general navigation on all pages. The only thing that differs
	is the background it's placed against (div.bg), this background is set in the style
	sheets of the various templates. */

div.navilayer {position: absolute;
	top: 121px;
	visibility: hidden;
	width: 150px;
	z-index: 2;
}

/* The extra DIV around each A. I'd rather have left it out, but
	since IE4 doesn't support a {display: block} we need it */

div.navilayer div {
	width: 140px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 6px;
	padding-bottom: 3px;
	margin-left: 0px;
	font: 10px verdana;
	letter-spacing: 1px;
}

/* The actual links */

div.navilayer a {
	display: block;
	text-decoration: none;
	padding-left: 5px;
	color: #000000;
}

/* onMouseOver I give the DIV around the links a CLASS="over".
	These are the styles for that class */

div.navilayer div.over {
	background: #cc0000;
}

div.navilayer div.over a {
	color: #ffffff;
}

/* For the little arrow */

div.navilayer a span.arrow {text-align: justify;}