#myNavigation ol.verticalNav ol li 
{
	border-bottom: 1px solid white;
}
#myNavigation ol.verticalNav {
  width: 175px;					/* sets the size of the menu blocks */
  background-color: #336699;	/* makes the menu blocks mint green - a bg-color MUST 
									be included for IE to work properly! */
  padding: 0px;					/* stops the usual indent from ol */
  margin: 0px;					/* Opera 7 final's margin and margin-box model cause 
									problems */
  font-family: Arial, Verdana;
  font-size: 10pt;
  z-index: 2;
  border-right: none;
  border-left: none;
  position: relative;
  left: 0px;
}
#myNavigation ol.verticalNav ol {
  width: 175px;					/* sets the size of the menu blocks */
  background-color: #000000;	/* makes the menu blocks mint green - a bg-color MUST 
									be included for IE to work properly! */
  padding: 0px;					/* stops the usual indent from ol */
  margin: 0px;					/* Opera 7 final's margin and margin-box model cause 
									problems */
  font-family: Arial, Verdana;
  font-size: 10pt;
  z-index: 2;
  border-right: none;
  border-left: none;
  position: relative;
  left: 0px;
}
#myNavigation ol.verticalNav li {
  list-style-type: none;		/* removes the bullet points */
  margin: 0px;					/* Opera 7 puts large spacings between li elements */
  position: relative;			/* makes the menu blocks be positioned relative to 
									their parent menu item the lack of offset makes 
									these appear normal, but it will make a difference
									to the absolutely positioned child blocks */
  color: #FFFFFF;				/* sets the default font colour to white */
  font-family: Arial, Verdana;
  font-size: 8pt;
  font-weight: bold;
  padding: 4px;
  border-bottom: 1px solid black;
  border-right: none;
}
#myNavigation ol.verticalNav li.highlight {
	border-right: none;
}
#myNavigation ol.verticalNav li.highlight, #myNavigation ol.verticalNav li:hover.highlight, #myNavigation ol.verticalNav li.highlight a.highlight, #myNavigation ol.verticalNav li.highlight a:hover.highlight, #myNavigation ol.verticalNav li.highlight a:visited.highlight {
	color: #FFFFFF;
	background: #000000; 
	font-weight: bold;
}
#myNavigation ol.verticalNav li > ol {	/* using the > selector prevents many lesser 
											browsers (and IE - see below) hiding child 
											ols */
  display: none;				/* hides child menu blocks - one of the most important 
									declarations */
  position: absolute;			/* make child blocks hover without leaving space for 
									them */
  top: -1px;					/* position slightly lower than the parent menu item */
  left: 175px;
								/* this must not be more than the width of the parent 
									block, or the mouse will have to move off the 
									element to move between blocks, and the menu will 
									close */
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid black;						
}
#myNavigation ol.verticalNav li:hover {
   background-color: #336699;	/* gives the active menu items a yellow background */
   color: #FFFFFF;				/* makes the active menu item text black */ 
}
#myNavigation ol.verticalNav li:hover > ol {	/* one of the most important 
													declarations - the browser must 
													detect hovering over arbitrary 
													elements the > targets only the 
													child ol, not any child ols of 
													that child ol */
  display: block;				/* makes the child block visible - one of the most 
									important declarations */
}								/* and some link styles */
#myNavigation ol.verticalNav li a 
{
	color: #FFFFFF;
	display: block;
	width: 100%;
	text-decoration: none;
}
#myNavigation ol.verticalNav li a:hover 
{
    background-color: #000000;
	color: #FFFFFF;
}