#leftNavigation
{
	width: 166px;
  color: #000;
   line-height:1.5;
   margin-bottom:10px;
   float:left;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
  text-transform: none;
}

#nav li { /* I want to list items */
	float: left;
	width: 142px; /* width needed or else Opera goes nuts */
	background-image:none;
	padding: 2px 0 2px 25px;
}

#nav a {
	display: block;
	color: #000;
	text-decoration:none;
	width: 142px;
  font-weight:normal;
  font-size:12px;
}

#nav li:hover, #nav li.sfhover   {
  color: #000;
  font-weight:bold;
 	background: #996 url(../images/redarrow.jpg) no-repeat;
	background-position: 5px 6px; 
}
#nav  li:hover a, #nav  li.sfhover a {
  color: #fff;
  font-weight:normal;
}

#nav li ul li:hover, #nav li ul li.sfhover   {
  background-color: transparent;
  border:none;
	background-image:none;
}

#nav  li:hover ul li a, #nav  li.sfhover ul li a {
  color: #000;
	text-decoration:none;
  font-weight:normal;
}
#nav  li ul li:hover a, #nav  li ul li.sfhover a {
  color: #000;

}
#nav  li ul li ul li:hover a, #nav  li ul li ul li.sfhover a {

  text-decoration:underline;
}
#nav li ul li { /* fly out list  */
	float: left;	
	padding: 0px 0 10px 5px;
  border:none;
  font-size:12px;
  width:220px;
}

#nav li ul li a
{
  width:220px;
  
}


#nav li ul li ul li { /* fly out list items */
	float: none;	
	padding: 2px 0 2px 25px;

}
#nav li ul { /* second-level lists */
	position: absolute;
    border:solid 1px #996;
  border-left:solid 2px #996;
  background: #CC9 url(../images/MenuBG.gif) repeat-y;
  padding:5px 10px;
	width: 520px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav ul { /* flyout lists */
	margin: -20px 0 0 140px;
  border:solid 5px red;
}



#nav ul li ul {
	margin: 0;
	background: none;
  border:none; 
	position: static;
	width:auto;
  padding:0;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav { 
  margin:0;
  padding:0;
}


div.MenuHeading {
  border:solid 1px #c5c794;
  background-color:#d8d9b7;
  font-size: 12px;
  font-weight:bold;
  padding:5px 8px;
  clear:both;
  color: #5d5d47;
}


#nav li.MenuHeading {
  background-color:#fff;
  font-size: 11px;
  font-weight:bold;
  padding:2px 8px;
  clear:both;
  color: #933;
  width:166px;
  margin-bottom:0px;
  margin-top:10px;
  text-transform:uppercase;
}
#nav li.MenuHeading:hover {
	background-image:none;
}

div.cornerOverlay 
{
	position:absolute;
	background:  url(..images/transparent.gif) repeat; 
	z-index:999; width:65px; top:0px; left:-65px; height:80px;
  cursor:hand;
}



#nav li.bottom1 ul { /* flyout lists */
	margin: -188px 0 0 140px;
}
#nav li.bottom1 ul li ul{ /* flyout lists */
	margin:0;
}
#nav li.bottom1 div.cornerOverlay {

top: 30px;
height:160px;
}
#nav li.bottom2 ul { /* flyout lists */
	margin: -214px 0 0 140px;
}
#nav li.bottom2 ul li ul{ /* flyout lists */
	margin:0;
}
#nav li.bottom2 div.cornerOverlay {

top: 50px;
height:160px;
}
#nav li.bottom3 ul { /* flyout lists */
	margin: -258px 0 0 140px;
}
#nav li.bottom3 ul li ul{ /* flyout lists */
	margin:0;
}
#nav li.bottom3 div.cornerOverlay {

top: 100px;
height:160px;
}
#nav li.bottom4 ul { /* flyout lists */
	margin: -166px 0 0 140px;
}
#nav li.bottom4 ul li ul{ /* flyout lists */
	margin:0;
}
#nav li.bottom4 div.cornerOverlay {

top: 30px;
height:120px;
}
#nav li.bottom5 ul { /* flyout lists */
	margin: -187px 0 0 140px;
}
#nav li.bottom5 ul li ul{ /* flyout lists */
	margin:0;
}
#nav li.bottom5 div.cornerOverlay {

top: 30px;
height:160px;
}
#nav li.bottom6 ul { /* flyout lists */
	margin: -132px 0 0 140px;
}
#nav li.bottom6 ul li ul{ /* flyout lists */
	margin:0;
}
#nav li.bottom6 div.cornerOverlay {

top: 30px;
height:100px;
}
#nav li.bottom7 ul { /* flyout lists */
	margin: -324px 0 0 140px;
}
#nav li.bottom7 ul li ul{ /* flyout lists */
	margin:0;
}
#nav li.bottom7 div.cornerOverlay {

top: 160px;
height:160px;
}