﻿  <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;
	vertical-align: middle;
	background: url('file:///M:/Website/line.gif') repeat-x left bottom;
/* fix to get whole area hover */;	height: 3.5em; /*This is needed to create space under parent-menu-item in Safari*/;
	line-height: 3.5em;/*This is needed to create space under parent-menu-item in Safari*/
}

  #menu li a.active
  {
	color: #66FFFF;
	list-style-image: url('button_on.gif');
	list-style-position: inside;
	display: list-item;
}

  #menu li a:hover
  {
	color: #66FFFF;
	list-style-image: url('button_on.gif');
	list-style-position: inside;
	display: list-item;
}

  #menu li ul /* comment */
  {
	left : -999em;
	position : absolute;
}

  #menu li ul li /* comment */
  { 
  float : none; 
  }


  #menu li ul a /* child text on static - except font colour */
  {
	width : 136px;
	padding: 0 0 2px 5px;
	background: #111E33;
	font-weight : bold;
	list-style-image: none;
	height: 1.8em;
	line-height: 1.8em;
	margin-left: 2px; /*This is needed to align sub-menu items in Safari & Firefox*/
	/*margin-left: -1.7em;*//*This is needed to align sub-menu items in IE (less than IE8), but not in Firefox or Safari*/
} 

  #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>

/* examples from a website*/ */*/
a:link {color:#FF0000}      /* unvisited link */*/*/*
a:visited {color:#00FF00}  /* visited link */*/*/
a:hover {color:#FF00FF}  /* mouse over link */*/*/
a:active {color:#0000FF}  /* selected link */ */*/

a.red:visited {color:#FF0000}
*/

