<style type="text/css">

.menu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 220px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.menu li a{
	background: white url(../images/greenlight.gif) repeat-x bottom left;
	font: Arial;
	color: #000000;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 0px;
	text-decoration: none;
	background-image: url(../images/greenlight.gif);
	background-repeat: repeat-x;
	font-style: normal;
	text-align: left;
	list-style-type: none;
	font-size: 11pt;
	font-weight: bold;
	background-position: bottom;
}


* html .menu li a{ /*IE only. Actual menu width minus left padding of A element */
width: 215px;
}

.menu li a:visited{ 
	color: #336600;
}

.menu li a:active{
	background-image: url(../images/green.gif);
	color: #774231;
	background-position: bottom;
}

.menu li a:hover{
	background-image: url(../images/green.gif);
	background-position: bottom;
	color: #000000;
}

/*Define the gray development menu */

.menu2{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.menu2 li a{
	background: white url(../images/gray4.gif) repeat-x bottom left;
	font: Arial;
	color: #000000;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 0px;
	text-decoration: none;
	background-image: url(../images/gray4.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-style: normal;
	text-align: left;
	list-style-type: none;
	font-size: 12pt;
	font-weight: bold;
}

* html .menu2 li a{ /*IE only. Actual menu width minus left padding of A element */
width: 215px;
}

.menu2 li a:visited{
	color: #336600;
}

.menu2 li a:active{
	background-image: url(../images/gray3.gif);
	color: #774231;
	background-position: bottom;
}

.menu2 li a:hover{
	background-image: url(../images/gray3.gif);
	background-position: bottom;
	color: #000000;
}

.clearing { clear: both; height: 1px; }


</style>

