﻿ <style type="text/css" media="screen">
 
 
 body {
    margin: 0px;
    background: #fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 9pt;
  }

  * {
	font: inherit;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
  li { list-style: none; }
  a { text-decoration: none; }
   
  #menu li /* menu lists */
  {
	float: left;
	display: block;
	padding: 0px 0px 0px 0px;
	font-family:Arial;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 9px;
}

  #menu li a /* text in menu lists */
  {
	position: relative;
	padding: 0px 0px 0px 0px;
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	list-style-image: url('button_off.gif');
	list-style-position: inside;
	display: list-item;
	background: url('file:///M:/Website/line.gif') repeat-x left bottom;
/* fix to get whole area hover */;	height: 1.8em;
	line-height: 1.8em;
	vertical-align: middle;
}

  #menu li a.active
  {
	color: #66FFFF;
	list-style-image: url('button_on.gif');
	list-style-position: inside;
	display: list-item;
	vertical-align: middle;
}

  #menu li a:hover
  {
	color: #66FFFF;
	list-style-image: url('button_on.gif');
	list-style-position: inside;
	display: list-item;
	vertical-align: middle;
}

  #menu li ul /* comment */
  {
	left : -999em;
	position : absolute;
}

  #menu li ul li /* comment */
  { 
  float : none; 
  }


  #menu li ul li a /* child text on static - except font colour */
  {
	width : 136px;
	padding: 0 0 2px 5px;
	background: #111E33;
	font-weight : bold;
	list-style-image: none; 
	margin-left: 0em;/*This is needed to align sub-menu items in IE (less than IE8), but not in Firefox or Safari*/
	/*margin-left:2px;/* /*This is needed to align sub-menu items in Safari & Firefox*/;
} 

  #menu li ul a:hover /* child text on hover */
  {
	background: #111E33;
	color: #66FFFF;
	list-style-image: none;
}

  #menu li.sfhover ul
  {
    left: auto;
}

  #menu li:hover ul
  {
    left: auto;
} 
  
  #menu li a.no_list:link
  {
	color: #FFFFFF;
	list-style-image: url('button_off.gif');
	list-style-position: inside;
	display: list-item;
}
    
  #menu li a.no_list:hover
  {
	color: #66FFFF;
	list-style-image: url('button_on_nolist.gif');
	list-style-position: inside;
	display: list-item;
}
    
#menu li a.no_button /* for hidden first item, which am unable to remove hover state when other elements hovered */
  {
  list-style-image:none;
  }
    
#menu li a.no_button:hover /* for hidden first item, which am unable to remove hover state when other elements hovered */
  {
  list-style-image:none;
  }

  img {
	border: 0;
	text-decoration: none;
}
	</style>






