/*
The first thing we are going to do with our CSS is to display the primary level horizontally 
(using float) and hide all of the subnavigation lists. We will also set the display for the 
links in the list to be bold, colored, and have a border.
*/

#nav li {

  /*float the main list items*/
/* +++  
  margin: 0;
  float:left;
  display: block;
*/
   /*kh commented out: padding-right: 5px; */
	cursor:pointer;
	float:left;
	width:auto;
	height:15px; /*15px*/
	/*max-width:16.5%;*/
	color:#FFF;
	text-align:center;
	list-style-type:none;
	font-weight:bold;
}

#nav li.on ul {
 /*put the subnavs below and hide them all*/
/* +++
  display: none;
  position:absolute;
  top: 112px;
  padding-top: 10px;
*/
	width:900px;
	position:absolute;
/* 	height:15px; */
	height:1em;
	line-height:1em;

	top:15px; 
	padding:5px 0 0 0;
	padding-left:0px !important;
	background-position:0 0 !important;
	left:-9000px;
	white-space:nowrap;
}

#nav li.off ul {
 /*put the subnavs below and hide them all*/

  display: none;
  position:absolute;
  top: 112px;
  padding-top: 10px;
}

#nav li a {

  /*for all links in the list*/

  color: #ffffff;
  font-weight: bold;
  font-size:small;
  display: block;
/*   height: 15px;*/
  line-height:-1em;
  width: 95px;  
  border: 0;

  text-align:right;
  text-decoration:none;

/* +++ added */
	margin-bottom:1px !important;
	background-position:0 0 !important;
	white-space:nowrap;

}

/** Finally, we’ll show the subnavigation bar for the active topic area, “Modern.” 
The best way to do this if you want only one central, complete menu file, is with a body class of, 
say, “Modern,” and corresponding selectors. For this article, which will be published in someone else’s 
body element and should remain self-sufficient, we have set a class of “on” to the active topic and “off” to the inactive topics. 
*/
#nav li.on a {
  /*change border color for active topic area*/
  border: 0;
  color:gray;
  
}

#nav li.off ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #00467F;
  width: auto;
  margin-right: 15px;
  font-size:small;
}

#nav li.on ul a {
  float: left;
  /*ie doesn't inherit the float*/
  border: 0;
  color: #00467F;
  width: auto;
  margin-right: 15px;
  font-size:small;
 
}


#nav li.on ul a:hover {
  color: gray;
}


#nav li.on ul {
  /*display active subnav list*/
  display: block; /*none*/
  color:gray;
 

}

#nav li.off:hover ul { 
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 6000;/**/
    
}


#nav li.over ul { 
  display: block;
  z-index: 6000;/*6000*/

/* kh start added */
  top:123px;
 background-color:white;
 padding:0;
 

/*   padding-top:1px;
    padding-bottom:0; */
/* kh end added */  
}


/*kh start added
#nav li.over.on ul { 
  display: block;
  z-index: 6000;
  background-color:white; 
  top:123px; 
  padding:0;
}
kh end added*/

/*kh duplicate CSS property*/
/* #nav li.off:hover ul { 
  display: block;
  z-index: 6000;
   
} */ 

#nav li.over a {
  color: gray;
}

#nav li:hover a {
  color: gray;
}

#nav li.off a:hover {
  color: gray;
}

/* Paging in Awards and Projects pages*/
.pagerOuterTable
{
    border: 1px solid #ffffff;
    background-color: #C0C0C0;
    color: #00467F;
}

.pageCounter
{
    font-family: Tahoma;
    font-size: 9pt;
    color: #ffffff;
    background-color: #00467F;
    text-align: center;
    vertical-align: middle;
}

.pageFirstLast
{
    font-family: Tahoma;
    font-size: 9pt;
    color: #00467F;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;   
}

.pagePrevNextNumber
{
    font-family: Tahoma;
    font-size: 9pt;
    color: #00467F;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;    
    width: 20px;
}

.pageCurrentNumber
{
    font-family: Tahoma;
    font-size: 9pt;
    color: #00467F;
    font-weight:bolder;
    background-color: #C0C0C0; 
    text-align: center;
    vertical-align: middle;    
    width: 20px;
}

.pageGroups
{
    font-family: Tahoma;
    font-size: 9pt;
    visibility:hidden;
}

.pagerLink, .pagerLink#hover, .pagerLink#active, .pagerLink#visited
{
    font-family: Tahoma;
    font-size: 9pt;
    color: #00467F;
    text-decoration: none;    
}