﻿#horiz-menu {z-index:100; width: 979px; height:24px; background:black url(../../images/VAFCustom/nav_background2.gif) no-repeat 0 0 ;display:block; float:none; clear:both; /* needed for firefox */}



ul#navmenuMain-h li, ul {	
	 border: 0 none;
	 padding: 0;
	 margin: 0; 
 }

ul#navmenuMain-h {


  width: 970px; /*For KHTML*/
  list-style: none;
  height: 24px;
  padding-left:10px;
  z-index:100;

}

ul#navmenuMain-h li { 
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
  
  /* for list items without links, "about" */
  color: #EEEEEE;
  font: normal 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;

}

ul#navmenuMain-h ul {
  width: 150px;
  list-style: none;
  display: none;
  position: absolute; 
  top: 24px; 
  left: 0;



}

ul#navmenuMain-h ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 10px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenuMain-h ul li {
  width: 150px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  background:#646464;


}



ul#navmenuMain-h ul li ul, ul#navmenuMain-h ul li ul{
  
  background: #404040;
  margin-left:-10px;
  border:1px #909090 solid;
  
  

}

/* Root Menu */
ul#navmenuMain-h a {
	border: 0px solid transparent;	
	border-right: 1px #404040 solid;


	padding: 0 8px 0 4px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;

    background:black url(../../images/VAFCustom/black_grad_back2.gif) repeat-x;


	color: white;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenuMain-h a:hover,
ul#navmenuMain-h li:hover a,
ul#navmenuMain-h li.sfhover a {
    background:black url(../../images/VAFCustom/black_grad_back3.gif) repeat-x;

  	color: white;
  	

}

/* 2nd Menu */
ul#navmenuMain-h li:hover li a,
ul#navmenuMain-h li.sfhover li a {
  float: none;
  background: #646464;
  border-left: 4px #646464 solid;
  color: white;
   
}

/* 2nd Menu Hover Persistence */
ul#navmenuMain-h li:hover li a:hover,
ul#navmenuMain-h li:hover li:hover a,
ul#navmenuMain-h li.sfhover li a:hover,
ul#navmenuMain-h li.sfhover li.sfhover a {
  background: black;
  border-left: 4px #747474 solid;
  
  color: white;
  z-index:10;
}

/* Arrow for sublists */
ul#navmenuMain-h li a.sublist{background-image: url(../../images/VAFCustom/arrowdown_white.gif); background-repeat: no-repeat;background-position:right center; color:white; background-color:Transparent; padding-right:20px;}
ul#navmenuMain-h li:hover li a.sublist{background-image: url(../../images/VAFCustom/arrowright_white.gif); background-repeat: no-repeat;background-position:right center; color:white;}

/* 3rd Menu */
ul#navmenuMain-h li:hover li:hover li a,
ul#navmenuMain-h li.sfhover li.sfhover li a {
 	background: #707070;

  border:1px #707070 solid;
  color: white;

  z-index:11;
}


/* 3rd Menu Hover Persistence */
ul#navmenuMain-h li:hover li:hover li a:hover,
ul#navmenuMain-h li:hover li:hover li:hover a,
ul#navmenuMain-h li.sfhover li.sfhover li a:hover,
ul#navmenuMain-h li.sfhover li.sfhover li.sfhover a {
  background: black; 

  border:1px #707070 solid;
  color: white;
  z-index:12;
}

/* 4th Menu */
ul#navmenuMain-h li:hover li:hover li:hover li a,
ul#navmenuMain-h li.sfhover li.sfhover li.sfhover li a {
  background: #EEE;
  color: #666;
  z-index:13;
}

/* 4th Menu Hover */
ul#navmenuMain-h li:hover li:hover li:hover li a:hover,
ul#navmenuMain-h li.sfhover li.sfhover li.sfhover li a:hover {
  background: #DDD;
  color: #FFF;
  z-index:10;
}

ul#navmenuMain-h ul ul,
ul#navmenuMain-h ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
  z-index:10;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenuMain-h li:hover ul ul,
ul#navmenuMain-h li:hover ul ul ul,
ul#navmenuMain-h li.sfhover ul ul,
ul#navmenuMain-h li.sfhover ul ul ul {
  display: none;
  z-index:10;
}

ul#navmenuMain-h li:hover ul,
ul#navmenuMain-h ul li:hover ul,
ul#navmenuMain-h ul ul li:hover ul,
ul#navmenuMain-h li.sfhover ul,
ul#navmenuMain-h ul li.sfhover ul,
ul#navmenuMain-h ul ul li.sfhover ul {
  display: block;
  z-index:10;
}

