/* CSS Document */

#menu{
	position:absolute;
	top: 0px;
	left: 0px;
	width:150px;
	padding-bottom:0px; /* To allow room for bottom dropdown */
}

#menu a {
	display:block;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;
	white-space:nowrap;
	margin:0;
	padding: 3px 4px;
}

#menu h2{
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#menu a {
	color:#000;
	background:#17D488;
	text-decoration:none;
}

#menu a:hover {
	color:#000;
	background-color: #CCC;
}

#menu a:active{
	color:#000;
	background:#AAA;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
	position:relative;
}

div#menu li ul{
	position:absolute;
	top:0;
	left:100.1%;
	display:none;
	width:170%;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
	background:#eee url(/css/images/expand3.gif) no-repeat bottom right;
}

#menu a.x:hover{
	color:#a00;
	background:#ddd;
}

#menu a.x:active{
	color:#060;
	background:#ccc;
}

#sel a, #sel a:visited {
	text-align: right;
	padding-right: 20px;
	background-color: #D31725;
	color: #FFFFFF;
}

#sel ul li a, #sel ul li a:visited {
	text-align: left;
	padding-right: 2px;
	background:#17D488;
	color: #000000;
}

#sel ul li a:hover {
	text-align: left;
	padding-right: 2px;
	color:#000;
	background-color: #CCC;
}