#nav li
  { behavior: url('CSSNavIEHover.htc');
  }
#nav
  { position: relative;float:left;
    border: solid #113 0px;
    top: -1em;
    left: 0em;
    width: 197px;/*sets main section only*/
    height:100%;
    padding: 0px; 
   }

#nav a
  { width: 100%;
    display: block;
    text-decoration:none;
  }

#nav ul
  { display: block;
    margin: 1em .01ex;
    padding: 0px .01ex;
    width: 195px;/*sets length before wrap of main menu items*/
  }

#nav li		/*This affects every menu item*/
  { display: block;
    list-style: none;
    padding: .3em  ;
    text-align:right;
    border-bottom:3px inset #ccc;
    background:#005995;color:#fff;
	height:15px; 
  }
#nav li a:link,#nav li a:visited, #nav li.link, #nav li.visited{
	color:#fff;background:inherit;
}
#nav li a:hover, #nav li.hover,#nav ul.sub1 li
  { background:#888;color:#006;
  }
#nav li a:active, #nav li.active
{	color:#fff;background:#005995;
}
#nav ul.sub1, #nav ul.sub2, #nav ul.sub3
  { position: absolute;	
    margin-left: -.4em;margin-top:-1.5em;
    border: solid #113 1px; 
    padding: 0em 0em;
    width:300px;
    display: none;
	left:197px;
}
#nav ul.sub1 li	{
	text-align:left;
	}
#nav ul.root li:hover ul.sub1, #nav ul.root li.hassubhover ul.sub1
  { display: block;
  }

#nav ul.sub1 li:hover ul.sub2, #nav ul.sub1 li.hassubhover ul.sub2
  { display: block;
  }

#nav ul.sub2 li:hover ul.sub3, #nav ul.sub2 li.hassubhover ul.sub3
  { display: block;
  }

.hide{visibility:hidden;}

