.menu {
	font-family: arial, helvetica, sans-serif;
	font-size: .65em;
	font-weight: 900;
	letter-spacing: .2em;
	margin-top: 290px;
	position: absolute;
	left: 0px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	position: relative;
	z-index: 500;
	width: 82px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#content H5 A{
	background:#666666;
	padding:5px;
}
#content H5 A:hover{
	color:#000000;
	background:#e3e3e3;
}
/* style the list items */
.menu li, .menu li.dis {
	width: 82px;
	height: 25px;
	background: #e3e3e3 url(shade.gif);
	margin: 5px 0;
	text-indent: 7px;
	/* for IE7 */
	float: left;
}

.menu li.dis {
	color: #808080;
	background: #fff;
	margin-top: -.03em;
	padding-bottom: 5px;
}

.menu li ul#naw {
	width: 200px;
}

.menu li ul li {
	width: 285px;
	background: #808080 url(shade.gif);
	margin: 0;
	text-indent: -1px;
	padding: 5px 0;
}

.menu li ul li.cur a {color: #bfbfbf; background: transparent}

.menu li ul li.nop a {color: #000; background: transparent}

.menu li ul#naw li {
	color: #000;
	width: 205px;
	text-indent: 18px;
}

.menu li ul#naw li a {
	text-indent: -1px;
}

.menu li.sub {background: #e3e3e3 url(sub.gif) no-repeat right center}

/* get rid of the table */
.menu table {position: absolute; border-collapse: collapse; top: 0; left: 0; z-index: 100} /* font-size: 1em} */

/* style the links */
.menu a, .menu a:visited {
	display: block;
	width: 82px;
	height: 25px;
	text-decoration: none;
	line-height: 25px;
	color: #000;
}

.menu li ul a, .menu li ul a:visited {width: 285px}

.menu li ul#naw a, .menu li ul#naw a:visited {width: 205px}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width: 82px; w\idth: 82px}
* html .menu li ul a, * html .menu li ul a:visited {width: 285px; w\idth: 285px}
/* * html .menu li ul#naw a, * html .menu li ul#naw a:visited {width: 205px; w\idth: 205px} */

/* style the link hover */
* html .menu li a:hover {color: #fff; background: #f42429; position: relative}
* html .menu li ul li a:hover {color: #f42429; background: #fff; position: relative}

.menu li:hover {position: relative}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color: #fff; background: #f42429}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color: #fff; background: #f42429}
.menu li ul li:hover > a {color: #f42429; background: #fff}
.menu li ul li.cur:hover a {color: #bfbfbf; background: transparent}
.menu li ul li.nop:hover a {color: #000; background: transparent}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
	visibility: hidden;
	position: absolute;
	top: -220px;
	/* set up the overlap (minus the overrun) */
	left: 40px;
	/* set up the overrun area */
	padding: 20px;
	/* this is for IE to make it interpret the overrrun padding */
	background: transparent url(transparent.gif);
}

.menu li ul#a65 {top: -150px}
.menu li ul#a65 li {width: 220px}
.menu li ul#naw {top: -185px}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility: visible}

/* for IE5.5 and IE6 you need to style each level hover */

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {visibility: visible}