  <style type="text/css" media="screen">


  * { }
  li { list-style: none; }
  a { text-decoration: none; }

	
	
	#menu ul { padding:0; margin:0}
	
	#menu a {display: block;text-decoration:none; }
	  #menu li {
		float: left;display: block;
		
		
	  }
	#menu li a {padding:0 5px 5px 5px; border-right:1px dotted #666;}
	#menu li a.active {}


	#menu li a:hover, #menu li a.active, #menu li ul { background:#990000;}
	
	#menu li ul {
		position: absolute;
		left: -999em;   
		height: auto; 
		width: 145px;
		border:0px;	
		margin: 0;  margin-left:0px;
		padding:0px;
		z-index:9999;}
		
  #menu li ul li { float : none; border:0; margin:0; padding:0;  border-bottom:1px dotted #444}
  #menu li ul li {border-left:0px !important; padding-top:0px !important }

  #menu li ul li a {
		width: 135px; margin-right:00px; text-align:left;  border:0; font-weight:normal;
		 color:#fff; padding:0; margin:0; padding:5px; font-style:italic } 

#menu li ul a:hover { background:#c00; color:#000}

  #menu li:hover ul, #menu li.sfhover ul {
    left: auto;

  }

  </style>