.IndexNav 
{	
    margin: 0;
    margin-top: 0px;
    margin-bottom: 50px;
    margin-left: 0px;

    padding: 0;
    padding-bottom: 0px;

    list-style: none;

    overflow: hidden; 

    background-color: #FFC;
     border:  px solid black;

}
.IndexNav li
{

    float: left;
    width: 280px;
    border:  2px solid #ffffff;

}
.IndexNav a
{

display: block;
padding: 10px 5px 10px 7px;

border:       0px solid #033;
border-right: 1px dotted #d9edf2;



font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
text-align:  center;
color: #000;
zoom: 1; 

border:  3px solid #ffffff;
background-color: #FBEF99;
}
.IndexNav a:hover 
{
  font-family:Tahoma, Geneva, sans-serif;
  font-size: 1em;
  
  background-color:  #FDD041;

}
/* --------------------------  mainNav2 ---------------------------- */

.mainNav2 
{
  margin: 0;
  margin-top: 15px;
  margin-left: 380px;
  margin-right: 0px;
  margin-bottom: 50px;
  
  padding: 0;
  padding-bottom: 0px;
  
  list-style: none;
  
  overflow: hidden; 
  
  border:  px solid #039;

  width: 1200px;

}
.mainNav2 li 
{
	/*     Note  no  display: inline-block 	   display: inline-block;
           In this case the li is using Float left  instead
	       float: left;
*/
float: left;
width: 200px;
margin-left:  1px;

border:  px solid #000000;

}
.mainNav2 a 
{
    display: block;
    padding: 10px 5px 10px 7px;

    border:       0px solid #033;
    border-right: 1px dotted #033;
    border-right: 1px dotted #d9edf2;

    color: #000;

    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    text-align:  center;
    zoom: 1; 

    border:  3px solid #ffffff;
    background-color: #FBEF99;

}
.mainNav2 a:hover
{
    font-family:Tahoma, Geneva, sans-serif;
    font-size: 1em;
    background-color:  #FDD041;

}