/* CSS Document */

.menu {
	width:201px;
	font:bold .9em/1.1 verdana,sans-serif;
	margin:22px 0 0 0;
	padding:0;
	list-style-type:none}
.menu li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:100%}

.menu li a {
	cursor:pointer;
	text-decoration:none;
	color:#214006;
	background:transparent url(../images/bg_nav_bullet1.gif) no-repeat 7px 11px;
	padding:8px 0 8px 20px;
	display:block}

.menu a:visited {color:#214006}
.menu a:hover {color:#2E2200 !important; background:#EEECE5 url(../images/bg_nav_bullet1.gif) no-repeat 7px 11px}

.menu li.indent a {
	background-position:20px 11px;
	padding:8px 5px 8px 35px;
	width:161px;
	display:block}
.menu li.indent a:hover {
	background-position:20px 11px}

.menu ul {
	list-style-type:none;
	display:none;
	position:absolute;
	z-index:10;
	min-height:0;
	width:11em;
	/*background:#F00;	/* uncomment this if you want to see the "safe" area. */
	margin:-15px 0 0 0;
	padding:15px 10px 15px 0}
html>body .menu ul {
	padding-right:100px;
	xxxmargin-left:10px}

.menu ul li {
	font:bold 1em/1 verdana,sans-serif;
	width:195px;
	border:1px solid #FFF;
	border-width:1px 1px 1px 0;
	margin:-1px 0 0 3px}
.menu ul li a {
	color:#2E2200 !important;
	background:#EEECE5;
	width:90%}

.menu ul li a:hover {background-color:#DDD9CC}

.menu li:hover {position:relative}
.menu li:hover > a {color:#2E2200; background:#DDD9CC url(../images/bg_nav_bullet2.gif) no-repeat 7px 10px}

.menu li ul {top:0; left:0}

/* ...and then place the submenu where it should be when shown */
.menu li:hover ul {left:100%}

/* display them on hover */
.menu li:hover>ul {display:block}

.menu:after, .menu ul:after {content: "."; height:0; display:block; visibility:hidden; overflow:hidden; clear:both} /* float.clear */

.adxm li.selected a {
	color:#2E2200 !important;
	background:#CFC6A9 url(../images/bg_nav_bullet2.gif) no-repeat 7px 11px}
.adxm li.selected a:hover {
	color:#2E2200 !important;
	background:#CFC6A9 url(../images/bg_nav_bullet1.gif) no-repeat 7px 11px}
.adxm li.selected.indent a,
.adxm li.selected.indent a:hover {background-position: 20px 11px}


.adxm li.selected ul li a {background:#EEECE5}

.adxm li.selected ul li.selected a,
.adxm li.selected ul li.selected a:hover {background:#CFC6A9 url(../images/bg_nav_bullet2.gif) no-repeat 7px 11px}