/* RULES FOR THE "MENUDIV" OBJECT */


/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.menudiv {
	position: absolute;
	/*visibility: hidden;*/
	display: none;
	left: 0; top: 0;
	z-index: 1000;
	border: 1px solid #0455a4;
	background: #247ddc;
	/* layer-background-color is non-standard and NS4 only. */
	layer-background-color: #247ddc;
	margin: 0;
	padding: 0;
}

.menudiv {
	min-width: 150px;
	max-width: 300px;
}


.menudiv .header {
	color: #ccc;
	font: normal 12px/20px "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}

.menudiv .disabled {
	color: #ddd;
	font: normal 12px/20px "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	padding: 0 5px;
	text-align: left;
	padding-left: 15px;
	text-indent: -10px;
}


/* Formatting to apply to the elements inside the "menudiv" class elements. */
/* Of course, you can put whatever you want within the menu divs, these are just examples. */

.menudiv a, .menudiv a:link, .menudiv a:visited {
	display: block;
	position: relative;
	padding: 0 5px;
	color: #fff;
	font: normal 12px/20px "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	padding-left: 15px;
	text-indent: -10px;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.menudiv a:hover , .menudiv a:active{
	background-color: #33a4dc;
	color: #fff;
	text-decoration: none;
}

/*
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 .menudiv element.
*/
.menudiv .highlighted {
	background-color: #0455a4;
	color: #fff;
	text-decoration: none;
}

.menudiv .subind {
	display: block;
	position: absolute;
	right: 5px;
	margin: 0;
	padding: 0;
}