/* div#pdmenu ul li (a) ul li (a) ul li a */
/*  a:hover reverses colors
    li:hover 
*/

  div {
	/* padding increases spacing occcupied by all divs on page */
	/* -15px margin changes compensate for IE bogus scrollbar inclusion */
	/* handle padding & margins in each area in twocol*.css */
        padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  }
   
  body {
	/* added to color inside of nav menu block */
	background: #dfdffa ; /* for IE/Opera, Mozilla inherits */
	/* background: hsl(240, 75%, 93%) ;  Commented out, breaks IE */
	border: none;	/* needed to prevent IE from drawing a box border */
  }

  li {
	/* only needed if overriding style sheets */
	font-family: Tahoma, sans-serif ;
  }

  ul {
	/* first invocation, <ul id="pdmenu"> */
	/* ul height set by contents; width set by iframe */
        margin-left: 0px; /* Opera has 6px inherent left margin */
        margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
        padding-left: 0px;
	padding-right: 0em;
	padding-top: 0px;
	padding-bottom: 0px;
        list-style-type: none;
  }

/* div#pdmenu ul li (a) ul li (a) ul li a */

  #pdmenu ul {
	/* IE & Mozilla to differentiate 2d & 3d level list blocks from 1st */
	/* Inherits from above ul specification */
        border: 1px solid ;
        border-color: #00dddd ; /* Border color not working for Opera when followed by hsl */
	/* border-color: hsl(210, 50%, 50%); commented out, makes IE not show color */
  }

  #pdmenu li {
	/* IE & Mozilla All list items */
        width: 9em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	margin-left: 0em;
	margin-right: 0em;
        padding: 0px 0px;
        border: 1px solid ;
	border-color: #00dddd ;
        /* border-color: hsl(210, 50%, 50%) ; blue-cyan */
        text-decoration: none;
        float: none;
  }

/* div#pdmenu ul li (a) ul li (a) ul li a */

  #pdmenu li li {
	/* IE and Mozilla, any differentiation of contents of 2d & 3d level boxes */
	/* padding & margin put extra clearance between list items */
	/* IE bottom margin on 2d & 3d level is non-zero even when set here */
        border: none;
        width: 8em;
	margin-top: 0px;
	margin-bottom: -3px;
	padding-bottom: 0px;
        }       

  #pdmenu li li li {
	/* IE and Mozilla, any differentiation of contents of 3d level boxes */
        width: 8em;
	margin-bottom: -3px;
        }       

  #pdmenu  > li > ul > li > ul {
	/* Mozilla 3d level main boxes */
	/* margin-top entry keeps top of 3d level box contiguous with bottom of 2d level entry */
	margin-top: -3px;
	margin-bottom: 0px;
        }       

 /* include '#pdmenu > li  { } for Mozilla differences (IE won't see) */

/* div#pdmenu ul li (a) ul li (a) ul li a */


  #pdmenu a {
	/* all links when not mouseovered */
        text-decoration: none;
        display: block;
        color: #000033;
	background: #9fbfdf;
        /* background: hsl(210, 50%, 75%) ; blue-cyan hsl ignored by Opera, screws up IE */
        padding: 3px 6px;
  }

  #pdmenu>ul>li>a {
  }

/* div#pdmenu ul li (a) ul li (a) ul li a */

  #pdmenu a:hover {
	/* all links color-reverse on mouseover */
        color: white;
	background: #000080 ;
        /* background: hsl(240, 100%, 20%) ; */
  }

  #pdmenu a:hover.null {
	/* if no link, don't color-reverse on mouseover */
        color: #000033;
	background: #9fbfdf;
        /* background: hsl(210, 50%, 75%); */
  }

  #pdmenu li:hover ul li ul {
	/* Mozilla hides levels 3 on level 1 mouseover */
  }

  #pdmenu  li:hover > ul {
	/* Mozilla: unhide  box for 2d & 3d level list elements*/
	/* padding-bottom compensation for -3px padding on list elements
	to compensate for IE funnies */
        visibility: visible;
        display: block;
        position: absolute;
	left: 3em;
        z-index: auto;
        width: 8em;
        padding-bottom: 3px;
	margin-top: 0px;	/* to cancel 20px top margin inherited from ul rule above */
        margin-bottom: 0px;
  }
/*
  #pdmenu li ul li:hover ul {
	Mozilla, 3d level, but not IE
	padding puts space inside box, margin spacing outside box
        visibility: visible;
        display: block;
        position: absolute;
	left: 3em;
        z-index: auto;
        width: 8em;
        padding-bottom: 0px;
        margin-bottom: 0px;
  }
*/
/* div#pdmenu ul li (a) ul li (a) ul li a */

/*
  #pdmenu ul li.over ul li {
	padding-bottom: 10px;
	margin-bottom: 0px;
	left: 8em;
  }
*/

  #pdmenu li.over ul {
	/* IE only box for 2d & 3d level list elements*/
        visibility: visible;
        display: block;
        position: absolute;
	left: 3em;
        z-index: auto;
        width: 8em;
        padding: 0px 0px;
        margin-top: 0px;
	margin-bottom: 0px;
  }

  #pdmenu ul li ul li.over ul {
	/* IE only box for 3d level list elements */
	/* not working!!! */
        visibility: visible;
        display: block;
        position: absolute;
	left: 3em;
        z-index: auto;
        width: 4em;
        padding: 0px 0px;
        margin: 0px 0px;
  }

/* div#pdmenu ul li (a) ul li (a) ul li a */

  #pdmenu li ul {
	/* All: any ul with a li ancestor is normally hidden */
        display: none;
  }

/* div#pdmenu ul li (a) ul li (a) ul li a */


  #pdmenu li li a {
	/* IE 2d & 3d levels */
	/* padding puts extra filled space for each list entry */
	/* margin puts extra blank space for each list entry */
        padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
  }

/* div#pdmenu ul li (a) ul li (a) ul li a */

  #pdmenu  li > ul > li > a {
	/* Mozilla 2d level with '#pdmenu > li', 2d & 3d w/ '#pdmenu li'*/
	/* only necessary to compensate for IE modifications of defaults */
	padding-bottom: 3px;
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
  }