#mainnav {
	font: normal 10px/10px arial,helvetica,sans-serif;
	text-transform:none;
	margin:0; padding:0; 
	border-top:4px solid #fff;
	float:left;
	width:163px;
	}


#mainnav ul {
	list-style:none;
	border:0; margin:0; padding:12px 0 0 0;
	background:#cfd2d6;
	width:163px;
	 border-bottom:1px solid #86929f;
	}
		
#mainnav li {
	list-style-type: none;
	list-style-image:none;
	margin:0; padding:0;
	}

/* below is where you specify the height of the block and the display */
		
#mainnav li a {
		color: #333;
		background-color:#cfd2d6;
		text-decoration: none;	text-transform:uppercase;
		font-weight:bold; line-height:normal;
		padding:8px; margin:0;
		display:block;
		background-image:url(/_img/nav_arrow.gif);
		background-position: 97% 50%;
		background-repeat:no-repeat;
		border-top:1px dotted #000;
  		width:147px;
		}

html>body #mainnav li a  {width:auto} 
/* what we really want - IE 4/5/6 can't see */

	#mainnav li a:hover {
		background-color:#e3e5e7;
		}

	#mainnav li#active a {
		background-color:#e3e5e7;
		}