/* CSS Document */

/* Menubar ---------------------------------------------*/
.MenuBar {
	color:#333366;
	height:25px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	clear: both;
	width: 100%;
}
.MenuBar a {
	display: block;
  }
.MenuBar li a:link, .MenuBar li a:visited, .MenuBar li a:active {
	font: bold 10px verdana, arial, helvetica, sans-serif;
	color:#333366;
	text-decoration: none;
	margin: 0;
	padding: 6px 20px 10px 20px;
}
.MenuBar li a:hover {
	font: bold 10px verdana, arial, helvetica, sans-serif;
	color:#333366;
	text-decoration: underline;
	margin: 0;
	padding: 6px 20px 10px 20px;
}
.MenuHorizontal {
  padding: 0 0 0 10px;
  margin: 0;
  list-style: none;
  line-height: 25px;
}
.MenuHorizontal li {  
	cursor: pointer ;
	float: left;
	position: relative;
	/*padding-right: 18px;  space at the end of each title */
  }
.MenuVertical /*2nd level menu */ {
  background-color:#CCCCCC;
  color: #333333;
  padding:0;
  margin: 0;
  list-style: none;
  width: 200px;
  height: auto;
  border: 1px solid Navy;
  border-width: 0 1px 1px 1px;
  }

.MenuVertical li {
	background-color:#CCCCCC;
	cursor: pointer ;
	float: none;
	min-height: 17px;
	line-height: 15px;
	margin: 0;
	padding: 0 0 0 5px;
}
.MenuVertical li a {
  display: block;
	padding: 0 0 0 0;
  }

.Level1 {
  position: relative; 
  }
.Level1 li:hover,
.Level1 li.over {
	color:#367DB1; /* highlight colour for 2nd level selections */
  }
.Level2 {
  position: absolute; 
  top: 25px; /* distance away from menu bar*/
  left: -4px;
  display: none;
  }
.Level2 li a:link, .Level2 li a:visited, {
	padding: 5px 0 5px 0;
}
.Level2 li:hover, .Level2 li.over {
	background-color:#F0F0F0; /* highlight colour for 2nd level selections */
  /*background-color: #2389BC;*/
  }

.Level1 li:hover ul.Level2, .Level1 li.over ul.Level2 { 
  display: block;
  }

.Level2 li:hover ul.Level3, .Level2 li.over ul.Level3 {
  display: block;
  }

.Level3 li:hover ul.Level4, .Level3 li.over ul.Level4 {
  display: block;
  }
 * html .MenuVertical li {
 height: 20px;
 display:block;
   }
 * html .MenuVertical li a {
   display: block;
   }
.Level1 li, .Level2 li, .Level3 li, .Level4 li
  {
   behavior:   url("ieMenu.htc");

  /* My ISP is not configured properly to use htc files */
  /* Change the above to behavior: url(ieMenu.htc)      */
  }







